:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18212b;background:#edf1f5;font-synthesis:none;--accent:#2481cc;--surface:#fff;--muted:#71808f}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;background:#edf1f5}body{padding-bottom:env(safe-area-inset-bottom)}body.viewer-open{overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.brand{height:58px;display:flex;align-items:baseline;gap:8px;padding:14px 12px;background:var(--surface);position:sticky;top:0;z-index:8;border-bottom:1px solid #e4e9ee}.brand span{font-size:23px;font-weight:800;color:var(--accent)}.brand small{color:var(--muted);font-size:13px}.feed{width:100%;max-width:700px;margin:auto;padding:0 0 calc(82px + env(safe-area-inset-bottom))}.post-card{background:var(--surface);margin:8px 0;position:relative;overflow:hidden}.post-head{min-height:64px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between}.channel{display:flex;align-items:center;gap:10px;border:0;background:none;padding:0;text-align:left;min-width:0}.channel>span:last-child{display:flex;flex-direction:column;min-width:0}.channel strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel small{font-size:13px;color:var(--muted);margin-top:2px}.avatar{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#43a9df,#3978c6);color:#fff;font-weight:800;font-size:18px}.icon{border:0;background:none;padding:8px;min-width:40px;min-height:40px;color:var(--muted)}.menu{position:absolute;right:12px;top:52px;z-index:5;background:#fff;border-radius:12px;box-shadow:0 8px 30px #1e354f2b;padding:6px;width:210px}.menu button{display:block;border:0;background:none;width:100%;text-align:left;padding:11px;border-radius:8px}.menu .danger{color:#d64b4b}.post-text{padding:12px 14px 16px;white-space:pre-wrap;font-size:16px;line-height:1.45;position:relative;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}.post-text.expanded{display:block}.more,.collapse{position:absolute;bottom:10px;right:12px;border:0;background:linear-gradient(90deg,transparent,#fff 24%);padding-left:36px;color:var(--accent);font-weight:600}.collapse{position:static;display:block;margin:8px 0 0 auto;padding:0;background:none}.tg-media-grid{width:100%;display:grid;gap:2px;background:#15202b;overflow:hidden}.tg-media-grid.count-1{grid-template-columns:1fr}.tg-media-grid.count-2,.tg-media-grid.count-4{grid-template-columns:repeat(2,1fr)}.tg-media-grid.count-3{grid-template-columns:1.15fr .85fr;grid-template-rows:repeat(2,minmax(0,1fr))}.count-3 .media-tile:first-child{grid-row:span 2}.media-tile{position:relative;display:block;width:100%;min-height:120px;padding:0;border:0;overflow:hidden;background:#dce4ea}.media-tile img,.media-tile video{display:block;width:100%;height:100%;min-height:inherit;object-fit:cover}.count-1 .media-tile{max-height:620px}.count-1 .media-tile img,.count-1 .media-tile video{object-fit:contain;max-height:620px}.media-more{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#10192399;color:#fff;font-size:24px}.video-wrap{position:relative;display:block;width:100%;height:100%;min-height:inherit}.media-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;background:#15202bdd;font-size:13px}.sound{position:absolute;right:10px;bottom:10px;width:40px;height:40px;border:0;border-radius:50%;background:#172431bb;color:#fff;display:grid;place-items:center}.sound svg{width:19px}.reactions{padding:10px 14px 0;display:flex;gap:6px;flex-wrap:wrap}.reactions span{border:1px solid #dce4ea;background:#f5f8fa;border-radius:15px;padding:4px 9px;font-size:13px}.post-card footer{padding:10px 10px 12px;display:flex;align-items:center;gap:2px;border-top:1px solid #f0f3f5}.post-card footer button{border:0;background:none;color:var(--muted);display:flex;align-items:center;gap:5px;padding:8px 7px;min-height:42px;font-size:14px}.post-card footer button.active{color:var(--accent)}.post-card footer svg{width:20px;height:20px}.views{margin-left:auto;color:var(--muted);font-size:12px}.ad{margin:8px 0;padding:26px 20px;min-height:150px;background:linear-gradient(145deg,#263c57,#3279a8);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:8px}.ad small{letter-spacing:.18em;opacity:.7}.ad strong{font-size:20px}.ad span{opacity:.75;font-size:13px}nav{position:fixed;z-index:9;bottom:0;left:0;right:0;min-height:68px;padding-bottom:env(safe-area-inset-bottom);background:#fffffff2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid #dce3e9;display:flex;justify-content:center}nav button{border:0;background:none;color:var(--muted);width:min(33.33%,210px);min-height:54px;padding:7px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;gap:3px}nav button.active{color:var(--accent);font-weight:700}nav svg{width:22px;height:22px}.loader{width:28px;height:28px;border:3px solid #ccd8e1;border-top-color:var(--accent);border-radius:50%;margin:28px auto;animation:spin .8s linear infinite}.empty,.status{padding:50px 20px;text-align:center;color:var(--muted)}.status button{display:block;margin:14px auto;border:0;background:var(--accent);color:#fff;border-radius:10px;padding:9px 18px}@keyframes spin{to{transform:rotate(360deg)}}.media-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#080d14f7;color:#fff;display:flex;align-items:center;justify-content:center;touch-action:none}.viewer-stage{width:100%;height:100%;display:grid;place-items:center;overflow:hidden}.viewer-stage img,.viewer-stage video{max-width:100%;max-height:100%;object-fit:contain;transition:transform .2s;-webkit-user-select:none;user-select:none}.viewer-stage img{touch-action:none}.viewer-close,.viewer-arrow,.viewer-reset{position:absolute;z-index:2;border:0;border-radius:22px;background:#263442cc;color:#fff;display:grid;place-items:center}.viewer-close{right:14px;top:calc(12px + env(safe-area-inset-top));width:44px;height:44px}.viewer-arrow{top:calc(50% - 22px);width:44px;height:44px}.viewer-arrow.left{left:12px}.viewer-arrow.right{right:12px}.viewer-indicator{position:absolute;top:18px;left:50%;transform:translate(-50%);background:#263442cc;border-radius:16px;padding:6px 11px;font-size:13px}.viewer-reset{bottom:calc(18px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);padding:9px 14px;font-size:13px;display:flex;gap:6px}.viewer-reset svg{width:16px}@media(min-width:700px){.post-card,.ad{border-radius:10px;margin:10px 0}.brand{justify-content:center}.feed{padding-left:8px;padding-right:8px}}@media(max-width:699px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}.brand{justify-content:center;height:60px;padding-inline:12px}.feed{width:100%;max-width:none;padding:0 0 calc(86px + env(safe-area-inset-bottom))}.post-card{width:100%;margin:0 0 8px;border-radius:0}.post-head{padding:11px 14px;min-height:68px}.channel strong{font-size:16px}.channel small{font-size:13px}.post-text{display:block;padding:10px 10px 0;font-size:15px;line-height:1.45}.post-copy{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}.post-text.expanded .post-copy{display:inline}.post-text .more{width:150px;font-size:14px;font-weight:500;line-height:22px;text-align:right;white-space:nowrap;bottom:-1px;right:10px;padding:0;background:linear-gradient(90deg,transparent 0%,var(--surface) 42%,var(--surface) 100%)}.reactions{padding-inline:16px}.post-card footer{padding:2px 10px 4px;gap:3px;border-top:0;min-height:50px}.post-card footer button{min-width:44px;min-height:44px;padding:8px 7px;font-size:14px;justify-content:center}.post-card footer button span{display:none}.post-card footer button svg{width:22px;height:22px}.post-card footer .views{font-size:12px;white-space:nowrap}.tg-media-grid.count-2{grid-template-columns:repeat(2,minmax(0,1fr));aspect-ratio:1.35 / 1}.tg-media-grid.count-3{grid-template-columns:1.15fr .85fr;grid-template-rows:repeat(2,minmax(0,1fr));aspect-ratio:1 / 1.08}.tg-media-grid.count-4{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));aspect-ratio:1 / 1}.tg-media-grid.count-5,.tg-media-grid.count-6{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));aspect-ratio:1.5 / 1}.tg-media-grid.count-7,.tg-media-grid.count-8,.tg-media-grid.count-9{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));aspect-ratio:1 / 1}.tg-media-grid:not(.count-1) .media-tile{min-height:0;aspect-ratio:auto!important}.tg-media-grid.count-3{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));aspect-ratio:1 / 1}.tg-media-grid.count-3 .media-tile:first-child{grid-column:1 / span 2;grid-row:1}.tg-media-grid.count-4{grid-template-columns:2fr 1fr;grid-template-rows:repeat(3,minmax(0,1fr));aspect-ratio:1 / 1.32}.tg-media-grid.count-4 .media-tile:first-child{grid-column:1;grid-row:1 / span 3}.tg-media-grid.count-5,.tg-media-grid.count-7{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));aspect-ratio:1 / .82}.tg-media-grid.count-5 .media-tile:nth-child(-n+2),.tg-media-grid.count-7 .media-tile:nth-child(-n+2){grid-column:span 3}.tg-media-grid.count-5 .media-tile:nth-child(n+3),.tg-media-grid.count-7 .media-tile:nth-child(n+3){grid-column:span 2}.tg-media-grid.count-7{grid-template-rows:repeat(3,minmax(0,1fr));aspect-ratio:1 / 1.18}.tg-media-grid.count-7 .media-tile:nth-child(3),.tg-media-grid.count-7 .media-tile:nth-child(4){grid-column:span 3}.tg-media-grid.count-6,.tg-media-grid.count-9{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));aspect-ratio:1 / .9}.tg-media-grid.count-9{grid-template-rows:repeat(3,minmax(0,1fr));aspect-ratio:1 / 1}.tg-media-grid.count-8{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));aspect-ratio:1 / 1.05}.tg-media-grid.count-8 .media-tile:nth-child(-n+2){grid-column:span 3}.tg-media-grid.count-8 .media-tile:nth-child(n+3){grid-column:span 2}.tg-media-grid.count-10{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));aspect-ratio:1 / .92}.tg-media-grid.count-10 .media-tile:nth-child(-n+3){grid-column:span 4}.tg-media-grid.count-10 .media-tile:nth-child(n+4):nth-child(-n+7){grid-column:span 3}.tg-media-grid.count-10 .media-tile:nth-child(n+8){grid-column:span 4}nav{min-height:calc(76px + env(safe-area-inset-bottom));height:auto;padding:4px 6px env(safe-area-inset-bottom)}nav button{min-height:64px;font-size:14px;font-weight:500;gap:5px}nav button svg{width:25px;height:25px}}.media-demo-page{min-height:100vh;background:#edf1f5;padding-bottom:24px}.demo-header{padding:18px 16px 12px;display:flex;flex-direction:column;gap:4px}.demo-header strong{font-size:20px}.demo-header small{color:var(--muted);font-size:13px}.media-demo-list{width:min(700px,100%);margin:0 auto;display:grid;gap:12px}.media-demo-card{background:var(--surface);overflow:hidden}.media-demo-card h2{margin:0;padding:12px 14px;font-size:16px}.media-demo-card .tg-media-grid{border-radius:0}@media(min-width:700px){.media-demo-card{border-radius:10px}}.media-viewer{overflow:hidden;isolation:isolate}.viewer-track{position:absolute;top:0;right:0;bottom:0;left:0;width:300%;height:100%;display:flex;will-change:transform}.viewer-track>.viewer-slide{flex:0 0 33.333333%;width:33.333333%;height:100%;display:grid;place-items:center;overflow:hidden}.viewer-slide img,.viewer-slide video{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.viewer-slide video{pointer-events:auto}.viewer-slide img{pointer-events:none}.media-viewer.is-settling .viewer-track{transition:transform .23s cubic-bezier(.22,.61,.36,1)}.media-viewer.is-settling .viewer-slide img{transition:transform .24s cubic-bezier(.22,.61,.36,1)}.viewer-zone{position:absolute;z-index:1;top:15%;bottom:15%;width:30%}.viewer-zone-left{left:0}.viewer-zone-right{right:0}.viewer-close,.viewer-arrow,.viewer-indicator,.viewer-reset{opacity:0;pointer-events:none;transition:opacity .2s ease}.media-viewer.controls-visible .viewer-close,.media-viewer.controls-visible .viewer-arrow,.media-viewer.controls-visible .viewer-indicator,.media-viewer.controls-visible .viewer-reset{opacity:1;pointer-events:auto}.viewer-close,.viewer-arrow,.viewer-reset,.viewer-indicator{z-index:3}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,420px);padding:38px 30px;background:#fff;border-radius:18px;box-shadow:0 18px 55px #1e354f20;text-align:center}.login-card h1{margin:0;color:var(--accent);font-size:34px}.login-card p{color:var(--muted);line-height:1.5}.login-card .login-error{color:#c33}.telegram-login{display:block;margin-top:24px;padding:13px 18px;border-radius:11px;background:var(--accent);color:#fff;text-decoration:none;font-weight:700}.profile-shell{width:min(700px,100%);margin:0 auto;background:var(--surface);position:relative}.profile-head{min-height:112px;padding:20px 16px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #eef2f5;position:relative}.profile-avatar{width:68px;height:68px;border-radius:50%;object-fit:cover;flex:none}.profile-avatar.placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#43a9df,#3978c6);color:#fff;font-size:28px;font-weight:800}.profile-name{min-width:0;flex:1}.profile-name h1{font-size:21px;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-name span{color:var(--muted);font-size:14px}.profile-menu-button{width:44px;height:44px;border:0;border-radius:50%;background:#f1f5f8;display:grid;place-items:center}.profile-menu{position:absolute;right:14px;top:76px;z-index:10;width:210px;padding:6px;background:#fff;border-radius:12px;box-shadow:0 8px 30px #1e354f2b}.profile-menu button{width:100%;border:0;background:transparent;padding:11px;display:flex;align-items:center;gap:9px;text-align:left;border-radius:8px}.profile-menu svg{width:18px}.profile-menu .danger{color:#d64b4b}.install-widget{margin:12px;border-radius:14px;background:#eef7ff;padding:14px 42px 14px 14px;display:grid;grid-template-columns:34px 1fr;gap:4px 10px;align-items:center;position:relative;color:#25445f}.install-widget>svg{grid-row:1 / span 2;color:var(--accent);width:25px}.install-widget div{display:flex;flex-direction:column;gap:2px}.install-widget strong{font-size:14px}.install-widget span{font-size:12px;color:#60798e}.widget-close{position:absolute;right:6px;top:6px;border:0;background:transparent;color:#71808f;padding:7px}.widget-close svg{width:17px}.install-help{grid-column:2;border:0;background:transparent;color:var(--accent);padding:5px 0 0;text-align:left;font-size:13px;font-weight:700}.profile-tabs{height:58px;display:flex;border-top:1px solid #eef2f5;border-bottom:1px solid #dce3e9;position:sticky;top:0;z-index:7;background:#fffffff2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.profile-tabs button{flex:1;border:0;background:transparent;color:var(--muted);display:flex;gap:7px;align-items:center;justify-content:center;position:relative;font-size:14px}.profile-tabs button.active{color:var(--accent);font-weight:700}.profile-tabs button.active:after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--accent)}.profile-tabs svg{width:19px}.profile-shell+.feed{padding-top:0}.install-page{min-height:100vh;padding:0 12px 32px;background:#edf1f5}.install-page>header{height:62px;width:min(620px,100%);margin:auto;display:flex;align-items:center;gap:12px}.install-page>header button{border:0;background:transparent;width:42px;height:42px;display:grid;place-items:center}.install-page>header strong{font-size:18px}.install-card{width:min(560px,100%);margin:10px auto;background:#fff;border-radius:20px;padding:28px 22px;box-shadow:0 10px 30px #1e354f0d}.install-mark{width:64px;height:64px;border-radius:18px;background:#e9f5ff;color:var(--accent);display:grid;place-items:center}.install-mark svg{width:30px;height:30px}.install-card h1{font-size:26px;margin:18px 0 8px}.install-card>p{color:var(--muted);line-height:1.5;margin:0 0 24px}.install-card ol{margin:20px 0 0;padding:0;list-style:none;counter-reset:steps;display:grid;gap:14px}.install-card li{counter-increment:steps;display:flex;align-items:center;gap:10px;line-height:1.4}.install-card li:before{content:counter(steps);width:28px;height:28px;flex:none;border-radius:50%;display:grid;place-items:center;background:#e9f5ff;color:var(--accent);font-weight:800}.install-card li b{display:inline-flex;align-items:center;gap:4px}.install-card li svg{width:17px}.external-step{padding:14px;border-radius:14px;background:#fff5e7;display:flex;flex-direction:column;gap:11px;margin-bottom:20px}.external-step button,.primary-install{border:0;border-radius:11px;background:var(--accent);color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.external-step button svg,.primary-install svg{width:19px}.primary-install{width:100%;margin:20px 0}.already-installed{display:flex;align-items:center;gap:9px;margin-top:22px;padding:16px;border-radius:14px;background:#eaf8ef;color:#257344;font-weight:700}.already-installed svg{width:22px}.desktop-fallback{padding:14px;border-radius:12px;background:#f4f7f9;color:#506273;line-height:1.5}@media(max-width:699px){.profile-shell{border-radius:0}.profile-head{padding-top:calc(16px + env(safe-area-inset-top))}.profile-tabs{top:0}.install-card{border-radius:16px}.install-page{padding-top:env(safe-area-inset-top)}}