:root{color-scheme:light;--bg-start: #6d9374;--bg-mid: #88af86;--bg-end: #c8deab;--card-bg: rgba(255, 255, 255, .9);--card-border: rgba(255, 255, 255, .62);--card-highlight: rgba(255, 255, 255, .26);--title: #1f3d2c;--text: #405246;--muted: #718276;--line: rgba(31, 61, 44, .1);--btn-bg: #2b845f;--btn-hover: #21674a;--btn-shadow: rgba(43, 132, 95, .2);--btn-text: #ffffff;--soft-box: rgba(86, 140, 102, .12);--soft-box-border: rgba(86, 140, 102, .18);--overlay: rgba(8, 15, 11, .56);--shadow: 0 20px 42px rgba(27, 47, 34, .14);--toggle-track: #e3ede0;--toggle-thumb: linear-gradient(135deg, #ffffff, #f4fbf1);--toggle-dot: #ffd76b;--status-bg: rgba(43, 132, 95, .1);--status-text: #236a4b}*{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: #151b17;--bg-mid: #1b2620;--bg-end: #24392d;--card-bg: rgba(17, 24, 20, .9);--card-border: rgba(122, 150, 129, .16);--card-highlight: rgba(255, 255, 255, .05);--title: #f1f6f0;--text: #d6e2d8;--muted: #97a99b;--line: rgba(122, 150, 129, .12);--btn-bg: #58c58d;--btn-hover: #48b07d;--btn-shadow: rgba(88, 197, 141, .18);--btn-text: #102016;--soft-box: rgba(88, 197, 141, .1);--soft-box-border: rgba(88, 197, 141, .18);--overlay: rgba(0, 0, 0, .72);--shadow: 0 22px 42px rgba(0, 0, 0, .32);--toggle-track: #2a352d;--toggle-thumb: linear-gradient(135deg, #ffe8a1, #ffd66d);--toggle-dot: #ffffff;--status-bg: rgba(88, 197, 141, .14);--status-text: #86ebaf}.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(43,132,95,.14);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}.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}.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}@keyframes boot-spin{to{transform:rotate(360deg)}}@keyframes boot-pulse{0%,to{transform:scale(.88);opacity:.76}50%{transform:scale(1);opacity:1}}@media(min-width:600px){.page{padding:12px}.app-shell{max-width:404px;padding:15px}}