:root{color-scheme:light dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;--shell: #151517;--shell-soft: #222327;--canvas: #f5f2e9;--canvas-strong: #fffdf7;--ink: #17171a;--muted: #6e706f;--line: #d8d4c9;--rail: #eaf25a;--coral: #f28b7e;--lavender: #9e8fea;--cyan: #73d4e7;--mint: #79d99a;--pink: #ef83a9;--focus: #19768a;--shadow: 0 18px 48px rgb(21 21 23 / 16%);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html{background:var(--shell)}body{margin:0;min-width:320px;min-height:100dvh;background:var(--canvas);color:var(--ink);overflow-x:hidden}button,input,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.52}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h1,h2,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(2.25rem,11vw,4.6rem);line-height:.98;letter-spacing:-.065em}h2{letter-spacing:-.035em}.brand-lockup{color:#fff;width:max-content}.brand-word{font-size:1.38rem;font-weight:900;letter-spacing:.015em}.brand-subtitle{margin-top:1px;font-size:.58rem;font-weight:700;letter-spacing:.34em}.eyebrow{display:block;margin-bottom:10px;font-size:.73rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.primary-action,.secondary-action{min-height:52px;border:0;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:0 22px;font-weight:850;text-decoration:none;cursor:pointer;transition:transform .18s cubic-bezier(.2,.9,.3,1.2),background-color .18s ease,color .18s ease}.primary-action{background:var(--rail);color:var(--ink)}.secondary-action{border:1.5px solid currentColor;background:transparent;color:inherit}.primary-action:active,.secondary-action:active{transform:scale(.975)}.inline-error{padding:12px 14px;border-left:4px solid var(--coral);background:color-mix(in srgb,var(--coral) 18%,transparent);color:#8c241c;font-weight:700}.belt-loader{min-height:58px;padding:14px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-weight:750;overflow:hidden}.belt-loader i{width:12px;height:12px;border-radius:3px;background:var(--cyan);animation:belt 1.05s cubic-bezier(.2,.8,.25,1) infinite}.belt-loader i:nth-child(2){background:var(--lavender);animation-delay:.1s}.belt-loader i:nth-child(3){background:var(--rail);animation-delay:.2s}.belt-loader--large{width:min(440px,100%);justify-content:flex-start}.belt-loader--inline{min-height:0;padding:0;border:0}.belt-loader--inline i{width:8px;height:8px}@keyframes belt{0%{transform:translate(-18px) scale(.75);opacity:.2}45%{transform:translate(0) scale(1);opacity:1}to{transform:translate(18px) scale(.75);opacity:.2}}.install-shell,.auth-shell,.policy-shell,.startup-stage{min-height:100dvh;background:var(--shell);display:grid;grid-template-rows:auto 1fr}.brand-lockup--install,.startup-stage>.brand-lockup{padding:30px clamp(22px,6vw,76px) 24px}.install-canvas,.auth-canvas,.policy-canvas{background:var(--canvas);padding:clamp(34px,8vw,82px) clamp(22px,6vw,76px) calc(36px + var(--safe-bottom));border-radius:34px 34px 0 0;animation:canvas-arrive .52s cubic-bezier(.17,.84,.3,1) both}.install-canvas>*,.auth-canvas>*{max-width:620px}.policy-canvas{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:24px}.policy-canvas>*{width:min(100%,760px);margin-inline:auto}.policy-intro>p{max-width:640px;color:var(--muted);font-size:1.03rem;line-height:1.7}.policy-signal{display:grid;grid-template-columns:auto repeat(3,1fr) auto;align-items:center;gap:8px;color:var(--focus)}.policy-signal svg{width:34px;height:34px}.policy-signal i{height:3px;background:var(--line);overflow:hidden}.policy-signal i:after{content:"";display:block;width:45%;height:100%;background:var(--cyan);animation:policy-flow 1.6s ease-in-out infinite}.policy-signal i:nth-of-type(2):after{animation-delay:.16s}.policy-signal i:nth-of-type(3):after{animation-delay:.32s}.policy-details{border-block:1px solid var(--line)}.policy-details article{min-height:82px;padding:16px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:start}.policy-details article:last-of-type{border-bottom:0}.policy-details article>span{color:var(--focus);font-size:.72rem;font-weight:900;letter-spacing:.1em}.policy-details article div{display:grid;gap:5px}.policy-details article strong{font-size:.96rem}.policy-details article p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.65}.policy-details>small{display:block;padding:14px 0;color:var(--muted)}.policy-actions{display:grid;gap:4px}.policy-actions .primary-action svg:last-child{margin-left:auto}.policy-sheet-backdrop{align-items:flex-end}.policy-sheet{position:relative;width:min(100%,680px);max-height:min(88dvh,900px);overflow:auto;padding:30px 22px calc(24px + var(--safe-bottom));border-radius:26px 26px 0 0;background:var(--canvas);box-shadow:0 -20px 70px #0000004d;animation:sheet-rise .3s cubic-bezier(.17,.84,.3,1) both}.policy-sheet h2{margin-right:40px;font-size:clamp(1.65rem,7vw,2.65rem)}.policy-sheet .primary-action{margin-top:20px}.policy-details--compact article{min-height:72px}@keyframes policy-flow{0%{transform:translate(-100%);opacity:0}35%,65%{opacity:1}to{transform:translate(250%);opacity:0}}.install-canvas>p,.auth-canvas>p{color:var(--muted);font-size:1.04rem;line-height:1.7}.install-kicker{margin-bottom:12px;color:var(--focus);font-weight:850}.install-steps{list-style:none;margin:34px 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.install-steps li{position:relative;min-width:0;text-align:center;color:var(--muted)}.install-steps li:not(:last-child):after{content:"";position:absolute;top:18px;left:calc(50% + 22px);right:calc(-50% + 22px);height:3px;background:var(--line)}.install-steps li.is-done:not(:last-child):after{background:var(--cyan)}.install-steps span{position:relative;z-index:1;width:38px;height:38px;margin:0 auto 8px;display:grid;place-items:center;border:3px solid currentColor;border-radius:50%;background:var(--canvas);font-weight:900}.install-steps svg{width:23px;height:23px}.install-steps strong{font-size:.78rem}.install-steps .is-active{color:var(--ink)}.install-steps .is-active span{color:var(--focus);animation:stage-pulse 1.2s ease-in-out infinite}.install-steps .is-done{color:var(--focus)}.instruction-panel{margin:24px 0;padding:18px;background:var(--canvas-strong);border-left:6px solid var(--cyan);display:flex;align-items:center;gap:16px;box-shadow:0 8px 30px #15151714}.instruction-panel div{display:grid;gap:4px}.instruction-panel span{color:var(--muted);font-size:.9rem}.install-footnote{margin:26px 0 0;font-size:.78rem!important}.auth-canvas form{display:grid;gap:18px;margin-top:28px}.auth-canvas label,.password-sheet label{display:grid;gap:8px;font-size:.78rem;font-weight:850}.auth-canvas input,.password-sheet input{width:100%;min-height:54px;border:1px solid var(--line);border-radius:10px;padding:0 14px;background:var(--canvas-strong);color:var(--ink);font-size:1rem}.password-field{position:relative;display:block}.password-field button{position:absolute;right:5px;top:5px;width:44px;height:44px;border:0;background:transparent;cursor:pointer}.text-action{min-height:44px;margin-top:18px;border:0;background:transparent;font-weight:750;text-decoration:underline;cursor:pointer}.startup-stage{color:#fff}.startup-copy{align-self:end;padding:42px clamp(22px,6vw,76px) calc(46px + var(--safe-bottom))}.startup-copy h1{max-width:680px}.product-shell{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;background:var(--canvas)}.app-header{min-height:118px;padding:28px 24px 24px;background:var(--shell);display:flex;align-items:flex-start;justify-content:space-between}.connection-pill{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgb(255 255 255 / 17%);color:#e8e8e9;font-size:.78rem;font-weight:750}.connection-pill i{width:9px;height:9px;border-radius:50%;background:var(--mint)}.connection-pill--offline i{background:var(--coral)}.app-main{min-width:0;padding:28px 20px calc(28px + var(--safe-bottom));background:var(--canvas);border-radius:28px 28px 0 0;margin-top:-22px}.kept-view>section{max-width:920px;margin:0 auto;animation:view-enter .36s cubic-bezier(.17,.84,.3,1) both}.kept-view[hidden]{display:none}.claim-notice{max-width:920px;margin:0 auto 20px;padding:14px 16px;border-left:6px solid var(--cyan);background:var(--canvas-strong);display:grid;gap:4px;box-shadow:6px 6px color-mix(in srgb,var(--cyan) 26%,transparent);animation:notice-arrive .42s cubic-bezier(.17,.84,.3,1) both}.claim-notice strong{font-size:.92rem}.claim-notice span{color:var(--muted);font-size:.82rem;line-height:1.5}.claim-notice--loading{border-left-color:var(--lavender)}.claim-notice--success{border-left-color:var(--mint)}.claim-notice--error{border-left-color:var(--coral)}.pwa-update-notice{position:fixed;z-index:80;top:calc(14px + env(safe-area-inset-top));left:50%;width:min(560px,calc(100% - 28px));min-height:70px;padding:12px 12px 12px 16px;border:1px solid color-mix(in srgb,var(--cyan) 60%,var(--line));background:color-mix(in srgb,var(--shell) 94%,transparent);color:var(--canvas);box-shadow:8px 8px color-mix(in srgb,var(--cyan) 30%,transparent);display:flex;align-items:center;justify-content:space-between;gap:14px;transform:translate(-50%);animation:notice-arrive .42s cubic-bezier(.17,.84,.3,1) both}.pwa-update-notice span{display:grid;gap:4px}.pwa-update-notice strong{font-size:.9rem}.pwa-update-notice small{color:color-mix(in srgb,var(--canvas) 72%,transparent);line-height:1.4}.pwa-update-notice button{flex:0 0 auto;min-height:44px;padding:0 16px;border:0;background:var(--rail);color:var(--shell);font-weight:900;cursor:pointer}.app-rail{position:sticky;bottom:0;z-index:20;min-height:calc(78px + var(--safe-bottom));padding:8px 14px var(--safe-bottom);background:var(--rail);display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.app-rail button{position:relative;min-height:62px;border:0;border-radius:16px;background:transparent;display:grid;place-items:center;align-content:center;gap:3px;cursor:pointer}.app-rail button svg{width:25px;height:25px;transition:transform .24s cubic-bezier(.2,.9,.3,1.35)}.app-rail button span{font-size:.72rem;font-weight:850}.app-rail button.is-active{background:var(--shell);color:var(--rail)}.app-rail button.is-active svg{transform:translateY(-2px) scale(1.08)}.rail-signal{display:none}.rail-badge{position:absolute;top:5px;left:calc(50% + 10px);min-width:19px;height:19px;padding:0 5px;border:2px solid var(--rail);border-radius:999px;background:#ed4965;color:#fff;display:grid;place-items:center;font-size:.62rem;line-height:1;animation:unread-pop .36s cubic-bezier(.2,1.2,.3,1) both}.messages-view{min-height:66dvh}.messages-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.messages-heading h1{margin-bottom:0}.message-sync{min-height:42px;padding:0 12px;border:1px solid var(--line);background:var(--canvas-strong);color:var(--muted);display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:800;cursor:pointer}.message-sync i,.sync-orbit{width:10px;height:10px;border:2px solid var(--cyan);border-right-color:transparent;border-radius:50%}.message-sync i.is-spinning,.sync-orbit{animation:orbit .75s linear infinite}.message-sync i:not(.is-spinning){border:0;background:var(--mint)}.inline-message-error,.chat-error{width:100%;border:0;background:color-mix(in srgb,var(--coral) 18%,var(--canvas-strong));color:var(--ink);padding:12px 14px;text-align:left;cursor:pointer}.message-room-list{border-top:1px solid var(--line)}.message-room{width:100%;min-height:92px;padding:15px 2px;border:0;border-bottom:1px solid var(--line);background:transparent;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:13px;align-items:center;text-align:left;cursor:pointer;transition:transform .18s ease,background-color .18s ease}.message-room:active{transform:scale(.985)}.message-avatar{width:54px;height:54px;border-radius:50%;background:var(--lavender);color:#17171a;display:grid;place-items:center;font-size:1.2rem;font-weight:900}.message-avatar.is-official{background:#87673e;color:#fff}.message-avatar--small{width:40px;height:40px;font-size:1rem}.message-room-copy{min-width:0;display:grid;gap:6px}.message-room-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem}.message-room-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.83rem}.message-room-meta{min-width:44px;align-self:stretch;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.message-room-meta time{color:var(--muted);font-size:.68rem}.message-room-meta b{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#ed4965;color:#fff;display:grid;place-items:center;font-size:.68rem}.message-skeleton{display:grid;gap:1px;background:var(--line)}.message-skeleton i{display:block;height:90px;background:var(--canvas-strong);position:relative;overflow:hidden}.message-skeleton i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--cyan) 20%,transparent),transparent);animation:shimmer 1.35s infinite}.message-empty{min-height:260px;color:var(--muted);display:grid;place-items:center;align-content:center;gap:8px;text-align:center}.message-empty svg{width:42px;height:42px;color:var(--cyan)}.message-empty strong{color:var(--ink)}.message-empty span{max-width:270px;font-size:.8rem;line-height:1.5}.chat-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--shell);color:#fff;display:grid;grid-template-rows:auto minmax(0,1fr) auto;transform-origin:80% 35%;animation:chat-open .3s cubic-bezier(.18,.88,.25,1) both}.chat-layer.is-closing{animation:chat-close .22s cubic-bezier(.55,.08,.68,.53) both}.chat-header{min-height:90px;padding:calc(14px + env(safe-area-inset-top,0px)) 18px 14px;border-bottom:1px solid rgb(255 255 255 / 12%);display:grid;grid-template-columns:44px 40px minmax(0,1fr) 20px;gap:10px;align-items:center}.chat-header .icon-action{width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer}.chat-header .icon-action svg{width:25px;height:25px}.chat-header>div:last-of-type{min-width:0;display:grid;gap:2px}.chat-header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header span{color:#9fa6aa;font-size:.72rem}.chat-feed{min-height:0;padding:20px 18px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:14px}.chat-message{max-width:min(82%,560px);align-self:flex-start;display:grid;gap:4px}.chat-message.is-mine{align-self:flex-end;justify-items:end}.chat-message>span{margin-left:8px;color:#9fa6aa;font-size:.65rem}.chat-message p{margin:0;padding:12px 14px;border-radius:18px 18px 18px 4px;background:var(--shell-soft);line-height:1.55;white-space:pre-wrap;word-break:break-word}.chat-message.is-mine p{border-radius:18px 18px 4px;background:var(--cyan);color:#101416}.chat-message time{color:#777f83;font-size:.62rem}.message-foot{min-height:24px;display:flex;gap:10px;align-items:center}.chat-message.is-mine .message-foot{justify-content:flex-end}.message-foot button{min-height:28px;border:0;background:transparent;color:#8f989d;display:inline-flex;align-items:center;gap:4px;padding:2px 4px;font-size:.66rem;cursor:pointer;opacity:0;transition:opacity .16s ease,color .16s ease}.message-foot button svg{width:14px;height:14px}.chat-message:hover .message-foot button,.message-foot button:focus-visible{opacity:1;color:var(--cyan)}.forwarded-label{width:max-content;padding:2px 7px;border:1px solid #475158;border-radius:999px;color:#aab2b6;font-size:.62rem}.load-older{align-self:center;min-height:36px;border:1px solid #39444a;border-radius:999px;padding:0 14px;background:#171e22;color:#bdc5c9;cursor:pointer}.message-image{width:min(68vw,360px);min-height:90px;border:0;border-radius:16px;overflow:hidden;padding:0;background:#21292e;cursor:zoom-in}.message-image img{display:block;width:100%;max-height:420px;object-fit:cover}.media-loading,.media-action,.media-error{min-height:48px;border:0;border-radius:16px;padding:10px 14px;background:#242d32;color:#fff;display:inline-flex;align-items:center;gap:9px}.media-action,.media-error{cursor:pointer}.media-error{background:#6c2929}.message-audio{max-width:min(76vw,360px);height:44px}.message-file{width:min(76vw,360px);min-height:68px;border:1px solid #3f494f;border-radius:16px;padding:10px 12px;background:#222a2f;color:#fff;display:grid;grid-template-columns:34px minmax(0,1fr) 24px;gap:9px;align-items:center;text-align:left;cursor:pointer}.message-file>svg:first-child{width:30px;height:30px;color:var(--cyan)}.message-file span{min-width:0;display:grid;gap:3px}.message-file strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-file small{color:#9da6aa}.image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:180;display:grid;place-items:center;padding:22px;background:#000000e0;animation:lightbox-open .22s cubic-bezier(.2,.8,.2,1) both}.image-lightbox>button{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));right:14px;width:48px;height:48px;border:0;border-radius:50%;background:#ffffff24;color:#fff;display:grid;place-items:center;cursor:pointer}.image-lightbox img{max-width:100%;max-height:92vh;object-fit:contain}.chat-error{color:#fff;background:#8b2b2b}.chat-composer{position:relative;min-height:calc(70px + var(--safe-bottom));padding:9px 12px calc(9px + var(--safe-bottom));border-top:1px solid rgb(255 255 255 / 12%);display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;align-items:end}.chat-composer>button{width:44px;height:44px;border:0;border-radius:50%;background:#2a3034;color:#fff;display:grid;place-items:center;cursor:pointer}.chat-composer>button.is-active{background:var(--lavender);color:#141416}.chat-composer textarea{width:100%;max-height:120px;min-height:44px;resize:none;border:1px solid #465057;border-radius:22px;padding:10px 15px;background:#171d21;color:#fff;line-height:1.45}.chat-composer .send-action{background:var(--cyan);color:#11171a}.emoji-tray{position:absolute;left:10px;bottom:calc(68px + var(--safe-bottom));padding:8px;border:1px solid #3e484e;background:#1d2428;box-shadow:0 14px 32px #00000052;display:flex;gap:3px;flex-wrap:wrap;max-width:min(360px,calc(100vw - 20px));animation:tray-pop .18s cubic-bezier(.2,.9,.3,1.2) both}.emoji-tray button{min-width:40px;height:40px;border:0;background:transparent;color:#fff;cursor:pointer;font-size:1rem}.attachment-tray{position:absolute;left:10px;bottom:calc(68px + var(--safe-bottom));padding:8px;border:1px solid #3e484e;background:#1d2428;box-shadow:0 14px 32px #00000052;display:flex;gap:6px;animation:tray-pop .18s cubic-bezier(.2,.9,.3,1.2) both}.attachment-tray button{min-width:70px;min-height:58px;border:0;border-radius:12px;background:#293238;color:#fff;display:grid;place-items:center;gap:4px;cursor:pointer}.attachment-tray svg{width:22px;height:22px;color:var(--cyan)}.chat-composer .record-action.is-recording{background:#e84e61;color:#fff;animation:recording-pulse 1.1s ease-in-out infinite}.forward-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:190;display:flex;align-items:flex-end;justify-content:center;background:#00000094}.forward-sheet{width:min(100%,620px);max-height:70vh;overflow-y:auto;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0;background:#171e22;color:#fff;box-shadow:0 -18px 60px #00000059;animation:sheet-rise .24s cubic-bezier(.2,.85,.25,1) both}.forward-sheet header{min-height:48px;display:flex;align-items:center;justify-content:space-between}.forward-sheet header button{min-height:44px;border:0;background:transparent;color:var(--cyan);cursor:pointer}.forward-sheet>button{width:100%;min-height:64px;border:0;border-top:1px solid #303a3f;background:transparent;color:#fff;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer}.forward-sheet>p{color:#9fa8ac;text-align:center}@media(hover:none){.message-foot button{opacity:1}}.channel-readonly{min-height:calc(58px + var(--safe-bottom));padding:17px 20px calc(17px + var(--safe-bottom));border-top:1px solid rgb(255 255 255 / 12%);color:#9fa6aa;text-align:center;font-size:.78rem}.channel-readonly--locked{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.channel-readonly--locked button{min-height:38px;padding:0 14px;border:0;background:var(--rail);color:var(--shell);font-weight:900;cursor:pointer}.message-resource-card{width:min(100%,440px);min-height:90px;padding:9px;border:1px solid rgb(255 255 255 / 12%);background:#182126;color:#fff;display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:11px;text-align:left;cursor:pointer}.message-resource-card>span:nth-child(2){min-width:0;display:grid;gap:5px}.message-resource-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-resource-card small{color:#9da7ac;line-height:1.4}.message-resource-poster{width:64px;height:70px;background:var(--lavender);display:grid;place-items:center;overflow:hidden}.message-resource-poster img{width:100%;height:100%;object-fit:cover}.message-resource-poster svg{width:28px;height:28px}.message-resource-card.is-locked{opacity:.76}.message-locked-preview{display:flex;align-items:center;gap:8px;color:#c5cbce}.channel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.channel-heading h1{margin-bottom:0}.channel-live{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.76rem;font-weight:800;white-space:nowrap}.channel-live i{width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 6px color-mix(in srgb,var(--mint) 22%,transparent)}.channel-switcher{margin:24px -20px 4px;padding:0 20px 8px;display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}.channel-switcher::-webkit-scrollbar{display:none}.channel-switcher button{min-width:150px;min-height:70px;padding:12px 14px;border:1px solid var(--line);background:var(--canvas-strong);display:grid;align-content:center;gap:4px;text-align:left;cursor:pointer;transition:transform .22s cubic-bezier(.2,.9,.3,1.2),box-shadow .22s ease}.channel-switcher button span{font-weight:900}.channel-switcher button small{color:var(--muted)}.channel-switcher button.is-active{border-color:var(--ink);box-shadow:5px 5px 0 var(--lavender);transform:translate(-2px,-2px)}.channel-paywall{min-height:440px;margin-top:26px;padding:34px 24px;border:2px solid var(--ink);background:var(--canvas-strong);display:grid;place-items:center;align-content:center;gap:12px;text-align:center;box-shadow:10px 10px color-mix(in srgb,var(--lavender) 36%,transparent);animation:paywall-arrive .42s cubic-bezier(.17,.84,.3,1) both}.channel-paywall>svg{width:58px;height:58px;color:var(--lavender)}.channel-paywall h2{margin:0;font-size:clamp(1.9rem,8vw,3.2rem)}.channel-paywall p{max-width:500px;margin:0;color:var(--muted);line-height:1.65}.channel-paywall .primary-action{max-width:360px}.locked-favorites{width:min(100%,520px);margin-top:14px;padding-top:16px;border-top:1px solid var(--line);display:grid;gap:8px;text-align:left}.locked-favorites>span{color:var(--muted);font-size:.78rem}.locked-favorites button{min-height:44px;padding:0 12px;border:1px solid var(--line);background:transparent;color:var(--ink);display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer}.locked-favorites button svg{flex:0 0 auto}.renewal-notice{margin-top:20px;padding:14px 16px;border:1px solid var(--ink);background:color-mix(in srgb,var(--rail) 38%,var(--canvas-strong));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;box-shadow:5px 5px color-mix(in srgb,var(--rail) 55%,transparent)}.renewal-notice>svg{width:26px;height:26px}.renewal-notice>div{display:grid;gap:3px}.renewal-notice span{color:var(--muted);font-size:.75rem}.renewal-notice button{min-width:72px;min-height:40px;border:0;background:var(--shell);color:#fff;font-weight:900;cursor:pointer}.channel-price{margin:12px 0;display:flex;align-items:baseline;gap:9px}.channel-price strong{font-size:3.1rem;line-height:1}.channel-price span{color:var(--muted);font-weight:800}.catalog-search{margin:26px 0 16px;min-height:58px;padding:0 14px;border:2px solid var(--ink);background:var(--canvas-strong);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;transition:box-shadow .18s ease,transform .18s ease}.catalog-search:focus-within{box-shadow:7px 7px 0 var(--cyan);transform:translate(-2px,-2px)}.catalog-search input{min-width:0;height:54px;border:0;outline:0;background:transparent;color:var(--ink);font-size:1rem}.catalog-search button{width:44px;height:44px;border:0;background:transparent;cursor:pointer}.category-strip{margin:0 -20px 18px;padding:0 20px 6px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.category-strip::-webkit-scrollbar{display:none}.category-strip button{min-height:40px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-weight:800;white-space:nowrap;scroll-snap-align:start;cursor:pointer}.category-strip button.is-active{border-color:var(--shell);background:var(--shell);color:#fff}.resource-list{border-top:2px solid var(--ink)}.resource-row{width:100%;min-height:98px;padding:14px 4px;border:0;border-bottom:1px solid var(--line);background:transparent;display:grid;grid-template-columns:1fr 46px;align-items:center;gap:14px;text-align:left;transition:background-color .18s ease,padding .18s ease}.resource-row:hover,.resource-row:focus-within{padding-left:10px;background:color-mix(in srgb,var(--lavender) 13%,transparent)}.resource-open{min-width:0;min-height:70px;padding:0;border:0;background:transparent;color:var(--ink);display:grid;grid-template-columns:66px 1fr 32px;align-items:center;gap:14px;text-align:left;cursor:pointer}.resource-favorite{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--canvas-strong);color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:transform .18s ease,color .18s ease,background-color .18s ease}.resource-favorite:hover{transform:scale(1.07)}.resource-favorite.is-active{border-color:var(--ink);background:var(--rail);color:var(--ink)}.resource-row.skeleton{grid-template-columns:66px 1fr 32px}.resource-row img,.poster-fallback{width:66px;height:70px;object-fit:cover;background:var(--lavender);display:grid;place-items:center}.poster-fallback svg{width:30px;height:30px}.resource-copy{min-width:0;display:grid;gap:4px}.resource-copy strong{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-copy small{color:var(--focus);font-weight:800}.resource-copy em{color:var(--muted);font-size:.8rem;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-arrow{transition:transform .18s ease}.resource-row:hover .resource-arrow{transform:translate(4px)}.load-more{width:100%;min-height:58px;border:0;border-bottom:1px solid var(--line);background:transparent;font-weight:850;cursor:pointer}.empty-state{min-height:260px;display:grid;place-items:center;align-content:center;gap:9px;text-align:center}.empty-state span{color:var(--muted)}.resource-error{margin:20px 0}.resource-error button{min-height:44px;margin-left:8px;border:0;background:transparent;font-weight:900;text-decoration:underline}.playback-workspace{position:fixed;top:0;right:0;bottom:0;left:0;z-index:65;overflow:auto;overscroll-behavior:contain;background:var(--canvas);color:var(--ink);animation:workspace-arrive .36s cubic-bezier(.16,.84,.28,1) both}.playback-topbar{position:sticky;top:0;z-index:3;min-height:72px;padding:10px 16px;background:color-mix(in srgb,var(--shell) 94%,transparent);color:#fff;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:10px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.playback-topbar button{width:46px;height:46px;border:1px solid rgb(255 255 255 / 20%);background:transparent;color:#fff;cursor:pointer}.playback-topbar button svg,.playback-topbar>svg{width:24px;height:24px}.playback-topbar>svg{justify-self:end;color:var(--cyan)}.playback-topbar div{min-width:0;display:grid;gap:2px}.playback-topbar span{color:#9ea5a9;font-size:.67rem;font-weight:850;letter-spacing:.08em}.playback-topbar strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playback-canvas{min-height:280px;background:#050607;display:grid;place-items:center}.video-stage{position:relative;width:100%;max-height:70dvh;aspect-ratio:16 / 9;overflow:hidden;background:#000}.video-stage video{width:100%;height:100%;object-fit:contain;background:#000}.video-preparing{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;background:#050607;color:#fff}.playback-mask{position:absolute;z-index:2;pointer-events:none}.mask-editor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;overflow:hidden;background:#01040670;touch-action:none;-webkit-user-select:none;user-select:none;animation:mask-editor-arrive .22s ease-out both}.mask-editor-instruction{position:absolute;top:12px;left:50%;z-index:2;width:max-content;max-width:calc(100% - 28px);padding:9px 12px;transform:translate(-50%);background:#0d1215e5;color:#fff;display:grid;gap:2px;text-align:center;box-shadow:4px 4px 0 var(--cyan)}.mask-editor-instruction strong{font-size:.82rem}.mask-editor-instruction span{color:#c5cbce;font-size:.66rem}.mask-editor-rectangle{position:absolute;min-width:2%;min-height:2%;border:2px solid white;background:#ffffff52;box-shadow:0 0 0 2px #00000061,0 8px 26px #00000052;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:move}.mask-editor-delete{position:absolute;top:-17px;left:-17px;width:34px;height:34px;border:2px solid white;border-radius:50%;background:#c7332d;color:#fff;display:grid;place-items:center;cursor:pointer}.mask-editor-delete svg{width:17px;height:17px}.mask-editor-resize{position:absolute;right:-13px;bottom:-13px;width:28px;height:28px;border:3px solid white;background:var(--cyan);box-shadow:0 0 0 2px #00000061;cursor:nwse-resize}.mask-editor-actions{position:absolute;right:12px;bottom:12px;left:12px;z-index:2;display:flex;justify-content:center;gap:7px}.mask-editor-actions button,.mask-editor-trigger,.mask-suggestion button{min-height:38px;padding:0 12px;border:1px solid rgb(255 255 255 / 30%);background:#0d1215eb;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.72rem;font-weight:900;cursor:pointer}.mask-editor-actions button:disabled{opacity:.45;cursor:not-allowed}.mask-editor-actions .is-primary{background:var(--rail);color:var(--ink);border-color:var(--rail)}.mask-editor-actions svg,.mask-editor-trigger svg{width:17px;height:17px}.mask-editor-trigger{position:absolute;top:12px;right:12px;z-index:6;min-height:36px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.78;transition:opacity .16s ease,transform .16s ease}.mask-editor-trigger:hover,.mask-editor-trigger:focus-visible{opacity:1;transform:translateY(-2px)}.mask-suggestion,.mask-status{position:absolute;left:50%;z-index:7;width:min(92%,520px);transform:translate(-50%);background:#0d1215f0;color:#fff;box-shadow:5px 5px color-mix(in srgb,var(--cyan) 72%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mask-suggestion{bottom:16px;padding:10px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;font-size:.7rem}.mask-suggestion button{min-height:34px;padding:0 9px}.mask-status{bottom:18px;padding:10px 13px;font-size:.72rem;font-weight:800;text-align:center;animation:result-pop .3s cubic-bezier(.2,.9,.3,1.2) both}.platform-ad{position:absolute;z-index:20;width:var(--ad-width, 160px);max-width:42%;color:#fff;filter:drop-shadow(0 8px 22px rgb(0 0 0 / 42%))}.platform-ad>button,.platform-ad>div{position:relative;width:100%;min-width:90px;padding:7px;border:1px solid rgb(255 255 255 / 22%);background:#0c1013d6;color:#fff;display:grid;gap:4px;text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.platform-ad>button{cursor:pointer}.platform-ad img{width:100%;max-height:118px;object-fit:cover}.platform-ad span{color:var(--rail);font-size:.56rem;font-weight:900;letter-spacing:.08em}.platform-ad strong{font-size:clamp(.68rem,2.2vw,.9rem)}.platform-ad small{color:#c3c8cb;font-size:.6rem}.platform-ad[data-position=TOP_LEFT]{top:12px;left:12px}.platform-ad[data-position=TOP_RIGHT]{top:12px;right:12px}.platform-ad[data-position=BOTTOM_LEFT]{bottom:58px;left:12px}.platform-ad[data-position=BOTTOM_RIGHT]{right:12px;bottom:58px}.platform-ad--brand{max-width:24%}.platform-ad--pause{top:50%;right:auto;bottom:auto;left:50%;width:min(76%,420px);max-width:420px;transform:translate(-50%,-50%);animation:pause-ad-arrive .26s cubic-bezier(.2,.9,.3,1.15) both}.platform-ad-close{position:absolute!important;top:-14px;right:-14px;z-index:2;width:32px!important;min-width:0!important;min-height:32px;padding:0!important;border:2px solid white!important;border-radius:50%;background:#1b2226!important;display:grid!important;place-items:center}.platform-ad-close svg{width:16px;height:16px}.playback-loading,.playback-gate{width:min(620px,calc(100% - 40px));min-height:280px;padding:34px 0;color:#fff;display:grid;place-items:center;align-content:center;gap:16px;text-align:center}.playback-gate>svg{width:50px;height:50px;color:var(--rail)}.playback-gate h2{margin:0;font-size:clamp(1.6rem,7vw,2.8rem)}.playback-gate p{max-width:480px;margin:0;color:#aab0b4;line-height:1.6}.playback-gate .secondary-action{width:min(320px,100%);color:var(--ink)}.playback-flow{display:flex;align-items:center;gap:10px}.playback-flow span{display:grid;place-items:center;gap:7px;color:#7e858a;font-size:.72rem;font-weight:850}.playback-flow span i{width:18px;height:18px;border:2px solid currentColor;border-radius:50%}.playback-flow span.is-active{color:var(--cyan)}.playback-flow span.is-active i{border-width:5px;animation:stage-pulse 1s ease-in-out infinite}.playback-flow span.is-done{color:var(--mint)}.playback-flow span.is-done i{background:currentColor}.playback-flow b{color:#697176;animation:arrow-travel .9s ease-in-out infinite}.playback-loading .belt-loader{color:#fff}.playback-info{padding:26px 20px calc(46px + var(--safe-bottom))}.playback-title-row{display:flex;align-items:end;justify-content:space-between;gap:18px}.playback-title-row h1{margin:5px 0 0;font-size:clamp(2.1rem,9vw,4.8rem)}.playback-ready{display:flex;align-items:center;gap:6px;color:#12815b;font-size:.75rem;font-weight:850;white-space:nowrap}.line-selector,.episode-selector{margin-top:24px;display:flex;gap:9px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.line-selector::-webkit-scrollbar,.episode-selector::-webkit-scrollbar{display:none}.line-selector button,.episode-selector button{min-height:42px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-weight:850;white-space:nowrap;cursor:pointer}.line-selector button.is-active,.episode-selector button.is-active{border-color:var(--shell);background:var(--shell);color:#fff}.episode-selector{flex-wrap:wrap;overflow:visible}.playback-synopsis{margin:26px 0 0;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);line-height:1.75}.line-warning{margin-top:14px;padding:12px 14px;border-left:4px solid #c74235;background:color-mix(in srgb,#c74235 10%,transparent);color:#a32d24}.skeleton{pointer-events:none}.skeleton>span,.skeleton div i{background:#ddd9ce;position:relative;overflow:hidden}.skeleton>span{width:66px;height:70px}.skeleton div{display:grid;gap:10px}.skeleton div i{display:block;height:13px;width:86%}.skeleton div i:last-child{width:52%}.skeleton>span:after,.skeleton div i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:34%;background:#ffffff8c;transform:translate(-100%);animation:shimmer 1.4s linear infinite}.profile-view>h1{max-width:620px}.profile-identity{margin:26px 0;padding:22px;background:var(--shell);color:#fff;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.profile-identity>svg{width:42px;height:42px;color:var(--cyan)}.profile-identity div{display:grid;gap:4px}.profile-identity span{color:#acadb0;font-size:.73rem}.profile-identity strong{font-size:1.62rem;letter-spacing:.16em}.profile-identity button{width:44px;height:44px;border:1px solid rgb(255 255 255 / 25%);background:transparent;color:#fff;cursor:pointer}.profile-actions{margin-top:28px;display:grid;border-top:1px solid var(--line)}.benefit-grid{display:grid;gap:16px}.membership-status{margin:0;padding:18px;border:2px solid var(--ink);display:grid;grid-template-columns:42px 1fr;align-items:center;gap:14px;background:var(--canvas-strong)}.membership-status>svg{width:36px;height:36px;color:var(--muted)}.membership-status div{display:grid;gap:4px}.membership-status span{color:var(--muted);font-size:.72rem;font-weight:850;letter-spacing:.08em}.membership-status strong{font-size:1.06rem}.membership-status small{color:var(--muted)}.membership-status.is-active{box-shadow:7px 7px color-mix(in srgb,var(--mint) 45%,transparent)}.membership-status.is-active>svg{color:var(--mint)}.points-status{padding:18px;background:var(--shell);color:#fff;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:14px;box-shadow:7px 7px color-mix(in srgb,var(--rail) 60%,transparent)}.points-status>svg{width:36px;height:36px;color:var(--rail)}.points-status div{display:grid;gap:3px}.points-status span{color:#aaabad;font-size:.72rem;font-weight:850;letter-spacing:.08em}.points-status strong{font-size:2rem;line-height:1}.points-status small{color:#aaabad}.redemption-card{margin-top:28px;padding:22px;border:2px solid var(--ink);background:var(--canvas-strong);display:grid;gap:14px}.redemption-card>div:first-child{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center}.redemption-card>div:first-child svg{width:34px;height:34px;color:var(--focus)}.redemption-card>div:first-child span{display:grid;gap:3px}.redemption-card small{color:var(--muted)}.redemption-card input{width:100%;min-height:54px;padding:0 14px;border:1px solid var(--line);background:var(--canvas);color:var(--ink);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.redeem-success{padding:12px 14px;border-left:5px solid var(--mint);background:color-mix(in srgb,var(--mint) 14%,transparent);font-weight:800}.recall-card{position:relative;margin-top:28px;padding:26px;overflow:hidden;background:var(--shell);color:#fff;display:grid;gap:20px}.recall-card:after{content:"";position:absolute;width:190px;height:190px;right:-80px;top:-80px;border:26px solid rgb(255 255 255 / 5%);border-radius:50%;pointer-events:none}.recall-card h2{margin-bottom:7px;font-size:clamp(1.65rem,7vw,2.7rem)}.recall-card p{margin:0;color:#afb0b2;line-height:1.55}.recall-wheel-wrap{position:relative;width:188px;height:188px;margin:0 auto}.recall-wheel{width:100%;height:100%;border:8px solid white;border-radius:50%;display:grid;place-items:center;box-shadow:0 10px 40px #0000006b}.recall-wheel svg{width:44px;height:44px;padding:10px;border-radius:50%;background:var(--shell);color:var(--rail)}.recall-wheel.is-spinning{animation:wheel-spin 1.5s cubic-bezier(.12,.72,.18,1) both}.recall-pointer{position:absolute;left:calc(50% - 11px);top:-7px;width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:25px solid var(--rail);filter:drop-shadow(0 4px 3px rgb(0 0 0 / 35%))}.recall-result{padding:13px 15px;border-left:5px solid var(--rail);background:#ffffff14;display:grid;gap:3px;animation:result-pop .38s cubic-bezier(.2,.9,.3,1.3) both}.recall-result span{color:#c6c7c8;font-size:.82rem}.profile-actions>button{min-height:76px;padding:14px 4px;border:0;border-bottom:1px solid var(--line);background:transparent;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:12px;text-align:left;cursor:pointer}.profile-actions>button span{display:grid;gap:4px}.profile-actions small{color:var(--muted)}.danger-action{color:#9e2d25}.password-sheet{margin-top:22px;padding:20px;border:2px solid var(--ink);background:var(--canvas-strong);display:grid;gap:16px;animation:sheet-up .28s ease both}.form-status{min-height:24px;color:var(--focus);font-weight:750}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;padding:20px;background:#151517b8;display:grid;place-items:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:scrim-in .18s ease both}.modal-scrim--bottom{align-items:end;padding-bottom:calc(20px + var(--safe-bottom))}.credential-sheet,.resource-sheet,.scan-result{position:relative;width:min(520px,100%);max-height:min(86dvh,760px);overflow:auto;padding:28px;background:var(--canvas);color:var(--ink);box-shadow:var(--shadow);animation:sheet-up .36s cubic-bezier(.17,.84,.3,1) both}.credential-sheet>svg,.scan-result>svg{color:var(--focus)}.credential-row{min-height:62px;padding:10px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px}.credential-row strong{font-size:1.4rem;letter-spacing:.11em}.credential-sheet .secondary-action{margin:18px 0 10px}.sheet-close{position:absolute;top:12px;right:12px;width:44px;height:44px;border:0;background:transparent;cursor:pointer}.truth-note{margin:22px 0;padding:14px;border-left:5px solid var(--lavender);background:color-mix(in srgb,var(--lavender) 15%,transparent);color:var(--muted);line-height:1.55}.scan-result p{padding:14px;background:var(--canvas-strong);overflow-wrap:anywhere}.scanner{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:var(--shell);color:#fff;display:grid;grid-template-rows:auto 1fr auto auto;animation:view-enter .28s ease both}.scanner-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;padding:24px;background:var(--shell);color:#fff;display:grid;place-items:center}.scanner-top{min-height:70px;padding:12px 16px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;text-align:center}.scanner-top button{width:44px;height:44px;border:1px solid rgb(255 255 255 / 20%);background:transparent;color:#fff;cursor:pointer}.scanner-view{position:relative;min-height:0;overflow:hidden;background:#09090a}.scanner-view video{width:100%;height:100%;object-fit:cover}.scanner-frame{position:absolute;inset:50% auto auto 50%;width:min(68vw,320px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgb(255 255 255 / 32%)}.scanner-frame i{position:absolute;width:38px;height:38px;border-color:var(--rail);border-style:solid}.scanner-frame i:nth-child(1){top:-2px;left:-2px;border-width:4px 0 0 4px}.scanner-frame i:nth-child(2){top:-2px;right:-2px;border-width:4px 4px 0 0}.scanner-frame i:nth-child(3){right:-2px;bottom:-2px;border-width:0 4px 4px 0}.scanner-frame i:nth-child(4){bottom:-2px;left:-2px;border-width:0 0 4px 4px}.scanner-status{min-height:58px;padding:14px 22px;display:flex;align-items:center;justify-content:center;gap:10px}.scanner-file{width:auto;margin:0 20px calc(20px + var(--safe-bottom));color:#fff;cursor:pointer}.scanner-file input{position:absolute;width:1px;height:1px;opacity:0}@keyframes canvas-arrive{0%{opacity:0;transform:translateY(24px)}}@keyframes view-enter{0%{opacity:0;transform:translate(18px) scale(.985)}}@keyframes sheet-up{0%{opacity:0;transform:translateY(28px) scale(.97)}}@keyframes scrim-in{0%{opacity:0}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes stage-pulse{50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--cyan) 22%,transparent)}}@keyframes notice-arrive{0%{opacity:0;transform:translateY(-12px) scale(.985)}}@keyframes workspace-arrive{0%{opacity:0;transform:translate(44px) scale(.985)}}@keyframes arrow-travel{50%{transform:translate(4px);color:var(--cyan)}}@keyframes mask-editor-arrive{0%{opacity:0}}@keyframes pause-ad-arrive{0%{opacity:0;transform:translate(-50%,-47%) scale(.94)}}@keyframes paywall-arrive{0%{opacity:0;transform:translateY(18px) scale(.98)}}@keyframes wheel-spin{0%{transform:rotate(0)}to{transform:rotate(1550deg)}}@keyframes result-pop{0%{opacity:0;transform:scale(.88) translateY(10px)}}@keyframes unread-pop{0%{opacity:0;transform:scale(.35)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes chat-open{0%{opacity:.35;transform:translate(34%) scale(.88);border-radius:36px}to{opacity:1;transform:none;border-radius:0}}@keyframes chat-close{0%{opacity:1;transform:none}to{opacity:0;transform:translate(26%) scale(.92);border-radius:30px}}@keyframes lightbox-open{0%{opacity:0}to{opacity:1}}@keyframes sheet-rise{0%{opacity:0;transform:translateY(45px)}to{opacity:1;transform:none}}@keyframes recording-pulse{50%{transform:scale(.9);box-shadow:0 0 0 7px #e84e6129}}@keyframes tray-pop{0%{opacity:0;transform:translateY(8px) scale(.94)}}@media(min-width:900px){body{background:var(--shell)}.product-shell{grid-template:auto 1fr / 1fr 86px;max-width:1500px;min-height:100dvh;margin:0 auto;background:var(--canvas)}.app-header{grid-column:1;min-height:106px;padding:27px 38px}.app-main{grid-column:1;grid-row:2;margin-top:-18px;padding:42px clamp(40px,7vw,110px) 70px;border-radius:28px 28px 0 0}.app-rail{grid-column:2;grid-row:1 / span 2;position:sticky;top:0;height:100dvh;padding:18px 10px;grid-template-columns:1fr;grid-template-rows:auto repeat(4,minmax(70px,auto)) 1fr;align-content:start;gap:10px}.rail-signal{display:grid;place-items:center;height:54px;margin-bottom:20px}.rail-signal svg{width:25px;height:25px}.app-rail button{min-height:78px}.app-rail button span{font-size:.66rem}.kept-view>section{max-width:1040px}.rail-badge{top:9px;left:calc(50% + 8px)}.chat-layer{top:24px;right:110px;bottom:24px;left:24px;border-radius:22px;box-shadow:0 26px 72px #0000006b;overflow:hidden}.channel-heading h1{font-size:4.8rem}.resource-row{min-height:112px;padding:18px 8px}.resource-open{grid-template-columns:78px 1fr 42px}.resource-row img,.poster-fallback{width:78px;height:78px}.modal-scrim--bottom{place-items:center}.playback-info{max-width:1120px;margin:0 auto;padding-inline:48px}.playback-canvas{min-height:460px}.video-stage{width:min(1120px,100%)}.install-shell,.auth-shell{grid-template-columns:minmax(260px,34vw) 1fr;grid-template-rows:1fr}.brand-lockup--install{align-self:start;padding:48px}.install-canvas,.auth-canvas{border-radius:34px 0 0 34px;display:grid;align-content:center}}@media(max-width:350px){.app-header{padding-inline:16px}.app-main{padding-inline:14px}.channel-switcher,.category-strip{margin-inline:-14px;padding-inline:14px}.resource-row{grid-template-columns:1fr 42px;gap:6px}.resource-open{grid-template-columns:54px 1fr 26px;gap:10px}.resource-row img,.poster-fallback{width:54px;height:62px}.brand-word{font-size:1.18rem}.connection-pill{padding-inline:8px}.credential-sheet,.resource-sheet,.scan-result{padding:24px 18px}}@media(max-width:420px){.mask-editor-actions{right:8px;bottom:8px;left:8px;gap:5px}.mask-editor-actions button{min-height:36px;padding:0 8px;font-size:.65rem}.mask-suggestion{grid-template-columns:1fr 1fr}.mask-suggestion span{grid-column:1 / -1}.platform-ad--brand{max-width:26%}.platform-ad--corner{right:8px;bottom:50px}}@media(prefers-color-scheme:dark){:root{--canvas: #11181d;--canvas-strong: #1b252b;--ink: #f3f3ef;--muted: #aab0b2;--line: #334046;--focus: #73d4e7;--shadow: 0 18px 48px rgb(0 0 0 / 36%)}.inline-error{color:#ffb5ad}.skeleton>span,.skeleton div i{background:#27343a}.app-rail button.is-active{background:#151517}.profile-identity{border:1px solid #3a3b40}}@media(min-width:720px){.benefit-grid{grid-template-columns:1.2fr .8fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
