:root{--bg:#030b12;--phone:#081925;--panel:#0b2231;--panel2:#102a3c;--line:#173a50;--cyan:#12d7e7;--blue:#0a76c9;--text:#f7fbff;--muted:#8ba7ba;--red:#ff384f;--green:#25d3a4}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#04111c,#02070c);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.demo-topbar{height:64px;border-bottom:1px solid #152a38;display:flex;align-items:center;padding:0 24px;gap:22px;background:#07131d;position:sticky;top:0;z-index:50}.back-site,.top-download{color:#d4e8f4;text-decoration:none;font-weight:800;font-size:13px}.top-download{margin-left:auto;background:#0b6fb8;border:1px solid #1a8ddf;border-radius:11px;padding:9px 12px}.demo-title{display:flex;align-items:center;gap:8px}.demo-title small{color:#6f8fa3;margin-left:6px}.sim-stage{width:min(1180px,96vw);margin:28px auto 60px;display:grid;grid-template-columns:390px 1fr;gap:58px;align-items:start}.phone-wrap{display:grid;place-items:center}.phone{width:338px;height:705px;background:#152733;border:3px solid #496070;border-radius:42px;padding:8px;box-shadow:0 30px 85px #000b;position:relative}.phone-top{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#eaf7ff;font-size:10px;font-weight:800;position:relative}.camera{position:absolute;left:50%;top:6px;transform:translateX(-50%);width:76px;height:22px;border-radius:20px;background:#02070b}.app-shell{height:calc(100% - 34px);background:#041522;border-radius:28px;overflow:hidden;position:relative;border:1px solid #0a3147}.app-header{height:46px;display:flex;align-items:center;padding:0 10px;border-bottom:1px solid #123143;background:#061823}.app-title{font-size:11px;font-weight:800}.header-actions{margin-left:auto;display:flex;gap:5px}.header-actions button{width:29px;height:29px;border:0;border-radius:9px;background:#0b2839;color:#dff7ff;cursor:pointer}.screen-area{position:absolute;inset:46px 0 61px;overflow-y:auto;padding:8px 8px 78px;scrollbar-width:thin;scrollbar-color:#36586c transparent}.app-screen{display:none}.app-screen.active{display:block}.search-row{margin-bottom:8px}.search-row input{width:100%;height:34px;border:1px solid #315267;border-radius:16px;background:#061a28;color:#e9f5fb;padding:0 12px;font-size:10px;outline:none}.filter-row{display:flex;gap:5px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.filter-chip{border:1px solid #28506a;background:#071c2b;color:#d9ecf8;border-radius:999px;padding:6px 8px;font-size:7.5px;white-space:nowrap;cursor:pointer}.filter-chip.active{background:#0d789e;border-color:#18b7cc;color:white}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.media-card{background:#081d2c;border:1px solid #245169;border-radius:4px;padding:4px;min-width:0;cursor:pointer;position:relative}.media-card.selected{border:2px solid var(--red);padding:3px}.media-card.is-fav{box-shadow:inset 0 0 0 1px #ff4e60}.media-logo{width:100%;aspect-ratio:1.35/1;background:#fff;border-radius:3px;display:grid;place-items:center;overflow:hidden;color:#0b3550;font-weight:900;font-size:17px}.media-logo img{width:100%;height:100%;object-fit:contain}.media-name{font-size:7.2px;line-height:1.15;font-weight:800;text-align:center;margin:4px 1px 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-meta{font-size:6.4px;color:#84b0c8;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fav-mark{position:absolute;right:4px;top:4px;width:17px;height:17px;border:0;border-radius:50%;background:#021019cc;color:white;font-size:10px;display:grid;place-items:center}.media-card.is-fav .fav-mark{color:#ffd95c}.inline-tv{margin:1px 0 8px;background:#081f2e;border:1px solid #1e526d;border-radius:8px;overflow:hidden}.video-wrap{aspect-ratio:16/9;background:#000;position:relative}.video-wrap video{width:100%;height:100%;display:block;background:#000}.video-badge{position:absolute;left:7px;bottom:7px;background:#087c7c;color:#caffff;font-size:6px;font-weight:900;border-radius:5px;padding:3px 5px}.tv-now{display:flex;align-items:center;gap:6px;padding:6px 7px}.tv-now div:first-child{display:grid;min-width:0;flex:1}.tv-now small{font-size:6px;color:#6e9bb3}.tv-now strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-actions{display:flex!important;gap:4px;flex:0 0 auto!important}.tv-actions button{width:26px;height:25px;border:1px solid #285169;background:#0c2a3c;color:#eaf9ff;border-radius:6px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.section-head h2{font-size:14px;margin:1px 0 2px}.section-head p{font-size:8px;color:#7ea0b5;margin:0}.music-tools{display:grid;grid-template-columns:1fr 1fr;gap:6px}.file-button{background:#0b6eb8;color:white;border-radius:9px;padding:11px 8px;text-align:center;font-size:9px;font-weight:900}.file-button input{display:none}.local-preview{margin:9px 0;background:#081d2b;border:1px solid #21465c;border-radius:10px;padding:18px 10px;display:grid;place-items:center;text-align:center;gap:3px}.local-preview span{font-size:26px}.local-preview strong{font-size:10px}.local-preview small{font-size:7px;color:#7899ad}.tool-card{background:#081d2b;border:1px solid #21465c;border-radius:10px;padding:10px}.tool-card h3{font-size:11px;margin:0 0 8px}.timer-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.timer-buttons button,.subtle{border:1px solid #2b5267;background:#0c293a;color:#e7f5fd;border-radius:7px;padding:7px 3px;font-size:8px}.tool-card #timerStatus{font-size:8px;color:#8eb0c4;text-align:center;padding:8px}.audio-arm{border:0;background:#0b6fb8;color:white;border-radius:8px;padding:7px 8px;font-size:7.5px;font-weight:900}.alarm-status{background:#0a2537;border:1px solid #23546d;color:#9fc5da;border-radius:8px;padding:7px;font-size:7.5px;margin-bottom:7px}.alarm-list{display:grid;gap:5px;margin-bottom:8px}.alarm-item{display:grid;grid-template-columns:54px 1fr auto;gap:6px;align-items:center;background:#081d2c;border:1px solid #244a61;border-radius:9px;padding:7px}.alarm-item.off{opacity:.55}.alarm-time{font-size:15px;font-weight:950;color:#f7fbff}.alarm-info{min-width:0}.alarm-info strong{display:block;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alarm-info small{display:block;font-size:6.7px;color:#85a9bd;margin-top:2px}.alarm-actions{display:grid;grid-template-columns:repeat(2,25px);gap:3px}.alarm-actions button{width:25px;height:25px;border:1px solid #2c5368;background:#0d2d40;color:#eaf8ff;border-radius:6px;font-size:9px}.alarm-actions .danger{color:#ff8290}.new-alarm{background:#071a27;border:1px solid #24475c;border-radius:9px;margin-bottom:8px}.new-alarm summary{padding:9px;font-size:9px;font-weight:900;cursor:pointer}.alarm-form{padding:0 9px 9px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.alarm-form label{display:grid;gap:3px;font-size:7px;color:#9bb7c8}.alarm-form input[type=time],.alarm-form select{height:30px;background:#0b2637;color:#fff;border:1px solid #2a5368;border-radius:7px;padding:0 7px;font-size:8px}.alarm-form #alarmSourceWrap,.alarm-form .check,.days-row,.alarm-form-actions{grid-column:1/-1}.check{display:flex!important;align-items:center;gap:6px}.days-row{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.days-row label{display:block}.days-row input{display:none}.days-row span{height:25px;border:1px solid #2c5268;border-radius:6px;display:grid;place-items:center;font-size:7px}.days-row input:checked+span{background:#0c7bb3;border-color:#16b5dd;color:white}.alarm-form-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.alarm-form-actions button{border:0;border-radius:7px;padding:8px 4px;font-size:8px;font-weight:900;background:#0b6fb8;color:white}.alarm-form-actions button:first-child{background:#0b3148}.alarm-log{max-height:82px;overflow:auto;font-size:6.5px;color:#7ea3b8;background:#05131d;border-radius:7px;padding:5px}.log-line{padding:2px 0;border-bottom:1px solid #112d3d}.menu-list{display:grid;gap:6px}.menu-list button{border:1px solid #23485e;background:#081d2c;color:#fff;border-radius:9px;padding:8px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:7px;text-align:left}.menu-list button>b{font-size:16px}.menu-list span{display:grid}.menu-list strong{font-size:8.7px}.menu-list small{font-size:6.5px;color:#7fa2b6}.menu-list i{font-style:normal;color:#779aae}.play-store-card{margin-top:8px;background:linear-gradient(135deg,#0b73bc,#0d9c75);border-radius:10px;padding:10px;color:white;text-decoration:none;display:grid;grid-template-columns:32px 1fr auto;gap:8px;align-items:center}.play-store-card .play-icon{width:30px;height:30px;border-radius:50%;background:#fff;color:#0b73bc;display:grid;place-items:center}.play-store-card div{display:grid}.play-store-card strong{font-size:9px}.play-store-card small{font-size:6.7px;color:#d7f4ef}.about-card{margin-top:8px;background:#071a27;border:1px solid #23475d;border-radius:9px;padding:8px;display:flex;align-items:center;gap:8px}.about-card img{width:34px;height:34px;border-radius:8px}.about-card div{display:grid}.about-card strong{font-size:9px}.about-card small{font-size:7px;color:#819fb2}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:7px}.segmented button{border:1px solid #284d62;background:#0a2434;color:#8faec0;border-radius:7px;padding:6px;font-size:7px}.segmented button.active{background:#0b6fb8;color:#fff}.radio-player{position:absolute;left:0;right:0;bottom:61px;height:54px;background:#0a2c42;border-top:1px solid #1c506a;display:grid;grid-template-columns:37px 1fr 33px 33px;align-items:center;gap:5px;padding:5px 7px;z-index:12}.radio-art{width:37px;height:37px;border-radius:6px;background:#fff;color:#0a5b8e;display:grid;place-items:center;overflow:hidden}.radio-art img{width:100%;height:100%;object-fit:contain}.radio-info{min-width:0;display:grid}.radio-info strong{font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-info small{font-size:6.5px;color:#8fb2c7}.radio-player button{width:30px;height:30px;border:0;border-radius:50%;background:#e9fbff;color:#06446a;font-size:11px}.bottom-nav{height:61px;position:absolute;bottom:0;left:0;right:0;background:#071a27;border-top:1px solid #16384b;display:grid;grid-template-columns:repeat(4,1fr);z-index:11}.bottom-nav button{border:0;background:transparent;color:#7698ac;display:grid;place-items:center;align-content:center;gap:2px}.bottom-nav span{font-size:14px}.bottom-nav small{font-size:6.5px;font-weight:800}.bottom-nav .active{color:#12dbe7;background:#0a2435}.home-indicator{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:120px;height:4px;border-radius:5px;background:#93a3ad}.alarm-ringing{position:absolute;inset:0;background:linear-gradient(180deg,#04101af5,#071b29f8);z-index:40;display:grid;place-items:center;padding:18px}.alarm-ringing[hidden]{display:none}.ring-inner{text-align:center;width:100%;background:#0a2638;border:1px solid #255269;border-radius:20px;padding:22px 14px;box-shadow:0 20px 55px #0008}.ring-icon{font-size:40px}.ring-inner>small{display:block;font-size:7px;color:#4ce5dd;font-weight:950;letter-spacing:1px}.ring-time{font-size:38px;font-weight:950;margin-top:4px}.ring-inner h2{font-size:17px;margin:2px 0}.ring-inner p{font-size:9px;color:#91b1c4;margin:3px 0}.ring-status{font-size:8px;color:#76ced1;margin:8px}.ring-video{aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden;margin:8px 0}.ring-video video{width:100%;height:100%;object-fit:contain}.ring-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ring-buttons button{border:0;border-radius:10px;padding:10px;font-size:8px;font-weight:950;background:#16405a;color:#fff}.ring-buttons .stop{background:#d93249}.demo-info{padding-top:58px}.demo-info .eyebrow{color:#45e0df;font-size:11px;font-weight:950;letter-spacing:1.4px}.demo-info h1{font-size:42px;line-height:1.05;max-width:680px;margin:10px 0 16px}.demo-info>p{color:#9db7c8;line-height:1.6;max-width:690px}.cap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0}.cap-grid div{background:#081b29;border:1px solid #173c52;border-radius:14px;padding:14px;display:grid;gap:3px}.cap-grid b{font-size:22px}.cap-grid strong{font-size:12px}.cap-grid span{font-size:10px;color:#7898ad}.warning-note,.server-note{background:#141c21;border:1px solid #4f4524;border-radius:12px;padding:12px;color:#d7c58d;font-size:11px;line-height:1.5}.server-note{border-color:#51353b;color:#e9a6b1}.empty{grid-column:1/-1;padding:18px 8px;text-align:center;color:#6f93a8;font-size:8px;background:#071b28;border-radius:8px}@media(max-width:850px){.sim-stage{grid-template-columns:1fr;gap:20px}.demo-info{padding:0 16px 30px;max-width:680px;margin:auto}.demo-info h1{font-size:32px}}@media(max-width:500px){.demo-topbar{height:54px;padding:0 10px}.demo-title{display:none}.sim-stage{width:100%;margin:0}.phone{width:100%;height:calc(100vh - 54px);border:0;border-radius:0;padding:0;background:#000;box-shadow:none}.phone-top,.home-indicator{display:none}.app-shell{height:100%;border-radius:0;border:0}.demo-info{padding-top:26px}.top-download{font-size:11px}.back-site{font-size:11px}}