:root{color-scheme:light;--bg-start: #30cfd0;--bg-mid: #5b86e5;--bg-end: #fddb92;--card-bg: rgba(255, 255, 255, .92);--card-border: rgba(255, 255, 255, .7);--card-highlight: rgba(255, 255, 255, .3);--title: #1b355d;--text: #2f4768;--muted: #6782a6;--line: rgba(27, 53, 93, .12);--btn-bg: #ff6b6b;--btn-hover: #ff5a7a;--btn-shadow: rgba(255, 107, 107, .24);--btn-text: #ffffff;--soft-box: rgba(58, 174, 240, .14);--soft-box-border: rgba(58, 174, 240, .22);--overlay: rgba(8, 14, 28, .56);--shadow: 0 20px 42px rgba(25, 42, 78, .16);--toggle-track: #dae6ff;--toggle-thumb: linear-gradient(135deg, #ffffff, #f4f8ff);--toggle-dot: #ff9f6e;--status-bg: rgba(255, 107, 107, .12);--status-text: #e55672}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Segoe UI,sans-serif;background:linear-gradient(135deg,var(--bg-start),var(--bg-mid),var(--bg-end));color:var(--text);transition:background .25s ease,color .25s ease}body.dark{color-scheme:dark;--bg-start: #0f172a;--bg-mid: #1e293b;--bg-end: #102a43;--card-bg: rgba(14, 23, 42, .9);--card-border: rgba(137, 176, 255, .18);--card-highlight: rgba(255, 255, 255, .05);--title: #e8f2ff;--text: #c3d6f5;--muted: #8ca5cb;--line: rgba(137, 176, 255, .2);--btn-bg: #ff7a59;--btn-hover: #ff6a3d;--btn-shadow: rgba(255, 122, 89, .24);--btn-text: #1c2434;--soft-box: rgba(80, 141, 255, .13);--soft-box-border: rgba(80, 141, 255, .2);--overlay: rgba(0, 0, 0, .72);--shadow: 0 22px 42px rgba(0, 0, 0, .32);--toggle-track: #283a58;--toggle-thumb: linear-gradient(135deg, #ffd3a6, #ffb173);--toggle-dot: #ffffff;--status-bg: rgba(255, 122, 89, .18);--status-text: #ffba9b}.page{min-height:100vh;padding:8px;display:flex;align-items:flex-start;justify-content:center}.app-shell{width:100%;max-width:392px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:26px;box-shadow:var(--shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:14px;position:relative;overflow:hidden}.app-shell:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,var(--card-highlight),transparent 24%,transparent 78%,rgba(255,255,255,.03));pointer-events:none}.boot-shell{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.boot-loader{position:relative;width:58px;height:58px;display:inline-flex;align-items:center;justify-content:center;z-index:1}.boot-loader__ring,.boot-loader__dot{position:absolute;border-radius:50%}.boot-loader__ring{inset:0;border:3px solid rgba(255,107,107,.18);border-top-color:var(--btn-bg);animation:boot-spin .9s linear infinite}.boot-loader__dot{width:14px;height:14px;background:linear-gradient(135deg,var(--btn-bg),var(--btn-hover));box-shadow:0 8px 18px var(--btn-shadow);animation:boot-pulse 1.1s ease-in-out infinite}.boot-copy{position:relative;z-index:1;text-align:center}.boot-copy strong{display:block;color:var(--title);font-size:1rem;line-height:1.2}.boot-copy p{margin:8px 0 0;color:var(--muted);font-size:.84rem;line-height:1.5}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px;position:relative;z-index:1}.title-wrap h1{margin:0;font-size:1.46rem;line-height:1.12;color:var(--title);font-weight:700}.title-wrap p{margin:4px 0 0;color:var(--muted);font-size:.82rem;line-height:1.45}.theme-toggle{border:0;padding:0;background:transparent;cursor:pointer;flex-shrink:0}.theme-toggle__track{width:54px;height:30px;border-radius:999px;background:var(--toggle-track);position:relative;box-shadow:inset 0 0 0 1px var(--line);transition:background .25s ease;display:block}.theme-toggle__thumb{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--toggle-thumb);box-shadow:0 4px 12px #00000029;transition:transform .25s ease}.theme-toggle__thumb:after{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--toggle-dot);opacity:.95}body.dark .theme-toggle__thumb{transform:translate(24px)}.status{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:6px 10px;border-radius:999px;background:var(--status-bg);color:var(--status-text);font-size:.76rem;font-weight:600;position:relative;z-index:1}.status i{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block}.feedback{margin-bottom:9px;padding:8px 10px;border-radius:14px;font-size:.8rem;line-height:1.45;border:1px solid var(--soft-box-border);background:var(--soft-box);color:var(--text);position:relative;z-index:1}.feedback.is-error{background:#d84a4a1a;border-color:#d84a4a33;color:#b93434}body.dark .feedback.is-error{color:#ff9a9a}.announcement{background:var(--soft-box);border:1px solid var(--soft-box-border);border-radius:18px;padding:11px 13px;margin-bottom:12px;position:relative;z-index:1}.announcement p{margin:0 0 5px;font-size:.82rem;line-height:1.46;color:var(--text)}.announcement p:last-child{margin-bottom:0}.card{background:#ffffffb8;border:1px solid var(--line);border-radius:18px;padding:10px;margin-bottom:9px;position:relative;z-index:1}body.dark .card{background:#ffffff08}.install-link,.channel-btn{width:100%;border:0;border-radius:15px;min-height:42px;padding:0 12px;background:var(--btn-bg);color:var(--btn-text);font-size:.9rem;font-weight:600;text-decoration:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 20px var(--btn-shadow);transition:background .2s ease,transform .08s ease,opacity .2s ease,box-shadow .2s ease}.install-link:hover,.channel-btn:hover{background:var(--btn-hover);box-shadow:0 12px 24px var(--btn-shadow)}.install-link:active,.channel-btn:active{transform:scale(.985)}.channel-btn[disabled]{cursor:wait;opacity:.72}.install-link[disabled]{cursor:not-allowed;opacity:.72}.preview{margin-top:10px;text-align:center;position:relative;z-index:1}.preview img{width:100%;max-width:228px;margin:0 auto;border-radius:22px;box-shadow:0 12px 24px #00000021}.activation-shell{width:100%;max-width:392px;min-height:calc(100vh - 16px);display:flex;align-items:center;justify-content:center}.activation-card{width:100%;background:var(--card-bg);border:1px solid var(--card-border);border-radius:26px;box-shadow:var(--shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:18px;position:relative;overflow:hidden}.activation-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,var(--card-highlight),transparent 32%,rgba(255,255,255,.03));pointer-events:none}.activation-card h2,.activation-card p,.activation-card label,.activation-card div,.activation-card button{position:relative;z-index:1}.activation-card h2{margin:0;color:var(--title);font-size:1.34rem;line-height:1.2}.activation-card p{margin:8px 0 18px;color:var(--muted);font-size:.86rem;line-height:1.5}.activation-field{display:block}.activation-field span{display:block;margin-bottom:8px;color:var(--text);font-size:.82rem;font-weight:700}.activation-field input{width:100%;height:46px;border:1px solid var(--line);border-radius:15px;background:#ffffffb8;color:var(--title);font-size:1rem;font-weight:700;outline:none;padding:0 13px;text-transform:uppercase;transition:border-color .2s ease,box-shadow .2s ease}body.dark .activation-field input{background:#ffffff0a}.activation-field input:focus{border-color:var(--btn-bg);box-shadow:0 0 0 3px var(--btn-shadow)}.activation-hint{margin-top:9px;color:var(--muted);font-size:.78rem;line-height:1.4}.activation-error{margin-top:10px;padding:8px 10px;border:1px solid rgba(216,74,74,.2);border-radius:12px;background:#d84a4a1a;color:#b93434;font-size:.8rem;line-height:1.45}body.dark .activation-error{color:#ff9a9a}.activation-submit{margin-top:16px}.overlay{position:fixed;inset:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:18px;z-index:20}.overlay-card{width:min(286px,100%);background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;box-shadow:var(--shadow);padding:18px 15px;text-align:center}.overlay-card h2{margin:0 0 10px;font-size:1rem;color:var(--title)}.overlay-card p{margin:0 0 8px;font-size:.84rem;line-height:1.54;color:var(--text)}.overlay-card button{margin-top:10px}.ios-modal-overlay{position:fixed;inset:0;background:#00000047;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:18px;z-index:40}.ios-modal{width:min(304px,100%);background:#fffffff0;border-radius:20px;box-shadow:0 22px 44px #00000047;padding:22px 18px 16px;text-align:center}body.dark .ios-modal{background:#181e1af2;border:1px solid rgba(122,150,129,.22)}.ios-modal h3{margin:0;font-size:1.04rem;color:#0a0a0a}body.dark .ios-modal h3{color:#f2f7f3}.ios-modal p{margin:12px 0 16px;min-height:44px;font-size:.95rem;line-height:1.55;color:#2d3430;white-space:pre-line}body.dark .ios-modal p{color:#d6e2d8}.ios-modal p .red{color:#d63434;font-weight:600}body.dark .ios-modal p .red{color:#ff9a9a}.ios-modal .loading-spinner{display:block;width:28px;height:28px;margin:0 auto 10px;border:3px solid rgba(255,107,107,.2);border-top-color:var(--btn-bg);border-radius:50%;animation:ios-spin .8s linear infinite}.ios-modal button{width:100%;border:0;border-radius:14px;min-height:42px;background:var(--btn-bg);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s ease,opacity .2s ease}.ios-modal button:hover{background:var(--btn-hover)}.ios-modal button.is-disabled,.ios-modal button:disabled{background:#94a3ffb8;cursor:not-allowed}@keyframes boot-spin{to{transform:rotate(360deg)}}@keyframes boot-pulse{0%,to{transform:scale(.88);opacity:.76}50%{transform:scale(1);opacity:1}}@keyframes ios-spin{to{transform:rotate(360deg)}}@media(min-width:600px){.page{padding:12px}.app-shell{max-width:404px;padding:15px}}