: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}body{margin:0;min-width:320px}button{font:inherit;color:inherit}.brand{height:58px;display:flex;align-items:baseline;gap:8px;padding:14px 16px;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)}.feed{max-width:640px;margin:auto;padding-bottom:86px}.post-card{background:var(--surface);margin:8px 0;position:relative;overflow:hidden}.post-head{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{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel small{font-size:12px;color:var(--muted);margin-top:2px}.avatar{width:42px;height:42px;flex:none;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#43a9df,#3978c6);color:#fff;font-weight:800;font-size:19px}.icon{border:0;background:none;padding:8px;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:190px}.menu button{display:block;border:0;background:none;width:100%;text-align:left;padding:11px;border-radius:8px}.menu button:hover{background:#f2f5f7}.post-text{padding:3px 14px 12px;white-space:pre-wrap;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{position:absolute;bottom:10px;right:12px;border:0;background:linear-gradient(90deg,transparent,#fff 24%);padding-left:36px;color:var(--accent);font-weight:600}.gallery{width:100%;position:relative;background:#15202b;min-height:180px;display:grid;place-items:center;max-height:580px}.gallery img,.gallery video{display:block;width:100%;max-height:580px;object-fit:contain}.gallery-nav,.sound{position:absolute;z-index:2;border:0;border-radius:50%;background:#17243199;color:#fff;display:grid;place-items:center}.gallery-nav{width:36px;height:36px;top:calc(50% - 18px)}.gallery-nav.left{left:10px}.gallery-nav.right{right:10px}.gallery-count{position:absolute;z-index:2;top:10px;right:10px;background:#172431aa;color:#fff;border-radius:14px;padding:4px 8px;font-size:12px}.video-wrap{position:relative;width:100%}.sound{right:12px;bottom:12px;width:40px;height:40px}.reactions{padding:10px 14px 0;display:flex;gap:6px}.reactions span{border:1px solid #dce4ea;background:#f5f8fa;border-radius:15px;padding:4px 9px;font-size:13px}.post-card footer{padding:10px 12px 12px;display:flex;align-items:center;gap:4px}.post-card footer button{border:0;background:none;color:var(--muted);display:flex;align-items:center;gap:5px;padding:7px}.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;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);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;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(min-width:640px){.post-card,.ad{border-radius:14px}.brand{justify-content:center}}