#app{max-width:640px;width:100%;margin:0 auto;padding:2rem;box-sizing:border-box}.container{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:100dvh;gap:3em}.container-title{display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center}.grid{display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(76px,1fr));grid-gap:1.25em;grid-template-areas:"telegram telegram github      github" "telegram telegram main        main" "vk       sources  main        main" "vk       sources  tg          tg"}.item{position:relative;color:var(--text);border:1px solid var(--border);border-radius:20px;display:flex;justify-content:center;align-items:center;overflow:hidden}.item-telegram{grid-area:telegram}.item-github{grid-area:github}.item-main{grid-area:main}.item-vk{grid-area:vk}.item-sources{grid-area:sources}.item-tg{grid-area:tg}.item-image{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-size:cover;background-position:center;background-color:var(--bg-raised);opacity:.4;z-index:1;transition:filter .25s ease-in-out,transform .25s ease-in-out,opacity .25s ease-in-out;transition-delay:.1s}.item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-sunken) 25%,transparent),color-mix(in srgb,var(--bg-sunken) 75%,transparent));z-index:1;pointer-events:none}.item:hover,.item:focus-visible{border-color:var(--accent-border)}.item:hover .item-image,.item:focus-visible .item-image{filter:blur(4px);transform:scale(1.06);opacity:.7}.item-icon{position:absolute;top:12px;left:12px;z-index:2}.item-icon svg{width:2rem;height:2rem}.item-text{position:absolute;bottom:12px;right:14px;z-index:2;display:flex;flex-direction:column;text-align:right}.item-text-description{font-size:.7rem;color:var(--text-dim)}.item-icon,.item-text{transition:transform .3s ease;transition-delay:.1s}.item:hover .item-icon,.item:focus-visible .item-icon{transform:translate(18%,18%) scale(1.15)}.item:hover .item-text,.item:focus-visible .item-text{transform:translate(-14%,-14%) scale(1.1)}.item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 640px){#app{padding:1rem}.container{gap:1.5em}.grid{grid-template-rows:repeat(4,minmax(56px,1fr));grid-gap:.75em}.item-text-description{display:none}.item,.item-image{border-radius:14px}.item-icon svg{width:1.5rem;height:1.5rem}}@font-face{font-family:Cascadia Code;src:url(/CascadiaCode.woff2) format("woff2");font-style:normal;font-display:swap}@font-face{font-family:Cascadia Code;src:url(/CascadiaCodeItalic.woff2) format("woff2");font-style:italic;font-display:swap}:root{--bg: #0b0b0f;--bg-raised: #16161e;--bg-sunken: #08080b;--border: rgb(255 255 255 / .08);--border-strong: rgb(255 255 255 / .16);--text: rgba(255, 255, 255, .87);--text-dim: rgb(255 255 255 / .5);--text-faint: rgb(255 255 255 / .3);--accent: #a78bfa;--accent-2: #22d3ee;--accent-soft: rgb(167 139 250 / .12);--accent-border: rgb(167 139 250 / .4);--success: #4ade80;--danger: #f87171;--warn: #fbbf24;font-family:Cascadia Code,Courier New,Courier,monospace;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text);background-color:var(--bg);transition:background-color 2s ease;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-tod=dawn]{background-color:#100d16}:root[data-tod=day]{background-color:#0c0f16}:root[data-tod=dusk]{background-color:#140e16}:root[data-tod=evening]{background-color:#110d14}:root[data-tod=night]{background-color:#0b0b0f}svg{display:block}a{color:inherit;text-decoration:inherit}*{margin:0}body{display:flex;justify-content:flex-start;min-width:320px;min-height:100vh;overflow-x:clip}section>h2{font-size:1.5em;line-height:1.1}section>h2:before{content:"## ";opacity:.5;color:var(--accent)}.text-small{font-size:.8em}