:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#ecf5f1;background:#08110e;font-synthesis:none;--green: #55d39a;--green-dark: #0c6d4a;--muted: #91a19b;--surface: #111d19;--line: rgba(255, 255, 255, .09);--red: #ff7771}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;min-width:320px;min-height:100dvh;background:#08110e}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}h1,p{margin:0}.mobile-page{width:100%;max-width:560px;min-height:100dvh;margin:0 auto;padding:0 14px calc(28px + env(safe-area-inset-bottom))}.topbar{min-height:calc(78px + env(safe-area-inset-top));padding:calc(18px + env(safe-area-inset-top)) 2px 12px;display:flex;align-items:center;justify-content:space-between}.topbar h1{margin-top:3px;font-size:25px;letter-spacing:-.03em}.eyebrow{color:var(--green);font-size:10px;font-weight:850;letter-spacing:.14em;display:flex;align-items:center;gap:5px}.icon-button{width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:12px;background:#ffffff0d;color:#fff;display:grid;place-items:center}.icon-button:disabled{opacity:.4}.notice{margin-top:10px;padding:10px 12px;border-radius:11px;font-size:11px;line-height:1.5}.notice.warning{color:#f0c684;background:#c785271f;border:1px solid rgba(199,133,39,.2)}.notice.error{color:#ffaaa6;background:#dc4a451f;border:1px solid rgba(220,74,69,.2)}.state-box{min-height:330px;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center}.state-box strong{color:#dce8e3;font-size:15px}.state-box p{font-size:11px}.spinner{width:27px;height:27px;border:3px solid #273732;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.device-grid{margin-top:13px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.device-card{position:relative;min-width:0;min-height:206px;padding:10px;overflow:hidden;text-align:left;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:#fff;display:flex;flex-direction:column;align-items:stretch}.device-card:disabled{opacity:1}.device-card.playable{cursor:pointer;border-color:#55d39a47;box-shadow:0 8px 28px #0000002e}.phone-preview{position:relative;width:100%;aspect-ratio:9 / 19.5;margin-bottom:10px;overflow:hidden;border-radius:11px;background:#1b2a25;color:#6d7c77;display:grid;place-items:center}.phone-preview.has-preview-image{aspect-ratio:auto;display:block}.device-card.live .phone-preview{color:var(--green);background:radial-gradient(circle at 50% 48%,rgba(85,211,154,.18),transparent 46%),#101c18}.preview-image{width:100%;height:auto;display:block;background:#020403}.preview-placeholder{display:grid;justify-items:center;gap:7px}.preview-placeholder small{margin:0;color:#658078;font-family:inherit;font-size:9px}.status{position:absolute;top:16px;left:16px;padding:4px 7px;border-radius:20px;background:#060c0ac7;color:#a9b7b2;font-size:9px;font-weight:800;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status.live{color:#c4f7df;background:#126f4bd1}.status.disabled{color:#ffc2a3;background:#7a3d22d9}.device-card strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.4}.device-card small{margin-top:3px;overflow:hidden;color:#687872;font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.device-card.disabled{opacity:.66}.login-page{min-height:100svh;padding:max(28px,env(safe-area-inset-top)) 20px max(28px,env(safe-area-inset-bottom));display:grid;align-items:center;background:radial-gradient(circle at 20% 10%,rgba(43,132,94,.2),transparent 35%),#08110e}.login-panel{width:100%;max-width:370px;margin:0 auto}.login-mark{position:relative;width:54px;height:54px;margin-bottom:20px;border-radius:16px;background:#dff5e9;color:#0d533b;display:grid;place-items:center}.login-mark svg:last-child{position:absolute;right:-5px;bottom:-3px;padding:3px;border-radius:50%;background:var(--green-dark);color:#fff}.login-panel h1{margin:6px 0 24px;font-size:29px;letter-spacing:-.04em}.primary-button{height:49px;margin-top:7px;border:0;border-radius:12px;background:#dff5e9;color:#0a3d2b;font-weight:800}.primary-button:disabled{opacity:.6}.form-error{color:#ffaaa6;font-size:11px}.telegram-button{width:100%;height:50px;border:0;border-radius:13px;background:#2aabee;color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:800;box-shadow:0 12px 32px #2aabee29}.login-error{margin:-10px 0 14px}.access-page{min-height:100dvh;padding:max(28px,env(safe-area-inset-top)) 20px max(28px,env(safe-area-inset-bottom));display:grid;align-items:center;background:radial-gradient(circle at 80% 8%,rgba(42,171,238,.12),transparent 34%),#08110e}.access-panel{width:100%;max-width:390px;margin:0 auto;text-align:center}.access-panel.state-box{min-height:70dvh}.user-avatar{width:62px;height:62px;margin:0 auto 16px;border-radius:20px;background:linear-gradient(145deg,#2aabee,#187cae);color:#fff;display:grid;place-items:center;font-size:25px;font-weight:850;box-shadow:0 12px 32px #2aabee2e}.access-panel .eyebrow{justify-content:center}.access-panel h1{margin:7px 0 2px;font-size:24px}.user-handle{color:#6f817a;font-size:11px}.access-status{margin:24px 0 14px;padding:22px 18px;border:1px solid var(--line);border-radius:17px;background:var(--surface);color:var(--green);display:grid;justify-items:center;gap:8px}.access-status.pending{color:#e8b260;background:#1c1b14;border-color:#e8b26029}.access-status.rejected,.access-status.revoked{color:#ff8b86;background:#1e1413;border-color:#ff777129}.access-status strong{color:#e5efeb;font-size:15px}.access-status p{color:var(--muted);font-size:11px;line-height:1.65}.access-action,.secondary-action{width:100%;margin-top:5px;display:flex;align-items:center;justify-content:center;gap:8px}.secondary-action{height:47px;border:1px solid rgba(85,211,154,.24);border-radius:12px;background:#55d39a14;color:#b8f2d7;font-weight:750}.text-button{margin-top:17px;padding:8px 12px;border:0;background:transparent;color:#687a73;display:inline-flex;align-items:center;gap:6px;font-size:11px}.player-page{width:100%;max-width:520px;min-height:100dvh;margin:0 auto;padding:0 12px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column}.player-topbar{min-height:calc(70px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px}.player-topbar h1{margin-top:2px;max-width:390px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:17px}.player-stage{position:relative;flex:1;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#020403;display:grid;place-items:center}.portrait-video{width:100%;height:100%;max-height:calc(100dvh - 122px - env(safe-area-inset-top) - env(safe-area-inset-bottom));aspect-ratio:9 / 19.5;object-fit:contain;background:#000}.player-state{position:absolute;z-index:1;inset:0;min-height:0;padding:30px;background:#020403;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.player-state.error-state strong{color:#ffc1be;font-size:13px;line-height:1.5}.player-page.debug-mode{height:100dvh;overflow:hidden}.debug-mode .player-stage{flex:0 0 34dvh}.debug-mode .portrait-video{max-height:none;aspect-ratio:auto}.debug-panel{flex:1;min-height:0;margin:8px 0 calc(8px + env(safe-area-inset-bottom));overflow:auto;border:1px solid #345b4c;border-radius:12px;background:#07100d;color:#b9d6ca;font-family:SFMono-Regular,Consolas,monospace}.debug-panel header{position:sticky;z-index:2;top:0;padding:9px 10px;border-bottom:1px solid #29483d;background:#0d1b16;display:flex;align-items:center;justify-content:space-between}.debug-panel header strong{color:#66e0a8;font-size:11px;letter-spacing:.06em}.debug-copy-button{min-width:62px;height:28px;padding:0 10px;border:1px solid rgba(102,224,168,.35);border-radius:8px;background:#66e0a817;color:#8aebbd;font-size:10px;font-weight:750}.debug-label{padding:8px 10px 4px;color:#5bc997;font-size:9px;font-weight:800;letter-spacing:.08em}.debug-panel pre{margin:0;padding:0 10px 8px;white-space:pre-wrap;overflow-wrap:anywhere;color:#cfddd7;font:9px/1.45 SFMono-Regular,Consolas,monospace}.debug-events{display:grid;gap:1px}.debug-events code{padding:5px 10px;border-top:1px solid rgba(255,255,255,.04);overflow-wrap:anywhere;color:#b7c9c2;font-size:9px;line-height:1.4}.player-footer{min-height:44px;display:flex;align-items:center;gap:7px;color:#b7c5c0;font-size:11px}.player-footer small{margin-left:auto;color:#596963;font-family:SFMono-Regular,Consolas,monospace}.live-dot{width:7px;height:7px;border-radius:50%;background:#49d595;box-shadow:0 0 0 4px #49d5951a}@media(max-width:350px){.device-grid{grid-template-columns:1fr}.device-card{min-height:190px}}