:root{--blue-bright: #1a89e2;--blue: #007cdf;--blue-chrome: #0069c9;--blue-ink: #0057a8;--blue-deep: #00276f;--lime: #c9ff01;--lime-deep: #b2e300;--rec: #d92d20;--danger: #c2321b;--ink: #0a2340;--ink-2: #56718f;--ink-3: #5c7089;--on-blue: #ffffff;--on-blue-2: rgba(255, 255, 255, .86);--on-blue-3: rgba(255, 255, 255, .62);--paper: #f4f8fd;--card: #ffffff;--hair: rgba(10, 35, 64, .08);--hair-blue: rgba(255, 255, 255, .2);--r-sm: 10px;--r-md: 13px;--r-lg: 16px;--r-xl: 24px;--tabbar-h: 50px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--tabbar-pad: max(8px, calc(var(--safe-bottom) - 18px));--tabbar-total: calc(var(--tabbar-h) + var(--tabbar-pad));--ease: cubic-bezier(.32, .72, 0, 1);--font: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;overflow:hidden;width:100%;overflow-x:hidden;overscroll-behavior-x:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,textarea{font:inherit;color:inherit}img{display:block;max-width:100%}:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}.app{position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;background:var(--paper)}.backdrop-blue{position:absolute;inset:0;z-index:-3;background:linear-gradient(178deg,var(--blue-bright) 0%,var(--blue) 34%,var(--blue-deep) 100%);opacity:0;transition:opacity .32s var(--ease)}.app.is-live .backdrop-blue{opacity:1}.ambient{position:absolute;inset:-25%;z-index:-2;background-size:cover;background-position:center;filter:blur(80px) saturate(1.6);mix-blend-mode:soft-light;opacity:0;transform:scale(1.25);transition:opacity .9s var(--ease);will-change:opacity}.app.is-live .ambient.is-on{opacity:.9}.ambient-scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 0%,transparent 52%,rgba(0,39,111,.42) 100%);opacity:0;transition:opacity .32s var(--ease)}.app.is-live .ambient-scrim{opacity:1}.topbar{position:relative;z-index:10;flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:calc(var(--safe-top) + 12px) 16px 12px;background:var(--blue-chrome);color:var(--on-blue)}.app.is-live .topbar{background:transparent}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{width:38px;height:38px;border-radius:11px;-o-object-fit:cover;object-fit:cover;box-shadow:0 0 0 1px #ffffff38,0 4px 12px #00276f52}.brand-name{font-size:15px;font-weight:800;letter-spacing:-.01em;line-height:1.1}.brand-sub{font-size:11.5px;font-weight:700;color:var(--on-blue-2);letter-spacing:.01em}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.live-pill{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;background:var(--lime);font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--ink)}.live-pill.is-off{background:#ffffff29;box-shadow:inset 0 0 0 1px var(--hair-blue);color:var(--on-blue-2)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--ink);animation:pulse 2.2s var(--ease) infinite}.live-pill.is-off .live-dot{background:var(--on-blue-3);animation:none}@keyframes pulse{0%,to{opacity:1}55%{opacity:.25}}.screen{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-bottom:12px}.screen.has-mini{padding-bottom:84px}.screen-head{padding:18px 20px 4px}.screen-title{font-size:25px;font-weight:800;letter-spacing:-.03em;color:var(--ink)}.screen-sub{margin-top:5px;font-size:13.5px;line-height:1.45;color:var(--ink-2)}.live{display:flex;flex-direction:column;align-items:center;min-height:100%;padding:4px 24px 0;color:var(--on-blue)}.cover-wrap{position:relative;width:min(78vw,320px);aspect-ratio:1;margin-top:8px;flex:0 0 auto}.cover{width:100%;height:100%;border-radius:var(--r-xl);-o-object-fit:cover;object-fit:cover;background:#ffffff1f;box-shadow:0 0 0 1px #ffffff47,0 26px 54px -18px #00163eb8;transition:opacity .42s var(--ease),transform .42s var(--ease)}.cover.is-swapping{opacity:0;transform:scale(.97)}.cover-fallback{position:absolute;inset:0;display:grid;place-items:center;border-radius:var(--r-xl);background:#ffffff24;box-shadow:0 0 0 1px #ffffff47,0 26px 54px -18px #00163eb8}.cover-fallback img{width:62%;border-radius:18px}.slot-tag{position:absolute;left:50%;bottom:14px;transform:translate(-50%);padding:5px 12px;border-radius:999px;background:var(--lime);font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);white-space:nowrap}.track{width:100%;margin-top:20px;text-align:center;flex:0 0 auto}.track-label{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--on-blue-3)}.track-title{margin-top:9px;font-size:25px;font-weight:800;line-height:1.18;letter-spacing:-.028em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.track-artist{margin-top:6px;font-size:15.5px;font-weight:600;color:var(--on-blue-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress{width:100%;margin-top:18px;flex:0 0 auto}.progress-track{position:relative;height:4px;border-radius:999px;background:#ffffff42;overflow:hidden}.progress-fill{position:absolute;inset:0 auto 0 0;border-radius:999px;background:var(--lime);transition:width .22s linear}.progress-times{display:flex;justify-content:space-between;margin-top:8px;font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--on-blue-3)}.controls{display:flex;align-items:center;justify-content:center;gap:34px;width:100%;margin:auto 0;padding:30px 0 20px}.play-fab{position:relative;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;color:var(--ink);background:var(--lime);box-shadow:0 14px 32px -10px #00163eb3;transition:transform .18s var(--ease),background .18s var(--ease)}.play-fab:active{transform:scale(.92)}.play-fab svg{width:32px;height:32px}.play-fab .glyph-play{margin-left:3px}.play-fab.is-busy{background:#ffffff2e;color:var(--lime)}.spinner{width:30px;height:30px;border-radius:50%;border:3px solid rgba(255,255,255,.3);border-top-color:var(--lime);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.control-side{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;color:var(--on-blue-2);transition:color .16s var(--ease),transform .16s var(--ease)}.control-side:active{transform:scale(.9)}.control-side.is-live{color:var(--lime)}.control-side:disabled{color:#ffffff47;cursor:default}.status-line{min-height:18px;margin-bottom:10px;font-size:12.5px;font-weight:600;text-align:center;color:var(--on-blue-3)}.status-line.is-error{color:#ffd7cf}.upnext{display:flex;align-items:center;gap:11px;width:100%;margin:0 0 10px;padding:8px 12px 8px 8px;border-radius:14px;text-align:left;color:var(--on-blue);background:#ffffff21;box-shadow:inset 0 0 0 1px #ffffff29;transition:background .16s var(--ease),transform .16s var(--ease)}.upnext:active{transform:scale(.985);background:#fff3}.upnext-art{flex:0 0 auto;width:40px;height:40px;border-radius:9px;-o-object-fit:cover;object-fit:cover;background:#ffffff29}.upnext-art-empty{display:grid;place-items:center;color:var(--on-blue-3)}.upnext-art-empty svg{width:17px;height:17px}.upnext-text{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:1px}.upnext-label{font-size:9.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}.upnext-title{font-size:13.5px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upnext-artist{font-weight:500;color:var(--on-blue-2)}.upnext-time{flex:0 0 auto;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--on-blue-2)}.list{margin:0 16px;border-radius:var(--r-lg);background:var(--card);box-shadow:inset 0 0 0 1px var(--hair);overflow:hidden}.row{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;transition:background .14s var(--ease)}.row+.row{box-shadow:inset 0 1px 0 var(--hair)}.row:active{background:#f2f6fb}.row-art{position:relative;flex:0 0 auto;width:52px;height:52px;border-radius:11px;overflow:hidden;background:#e3edf8}.row-art img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.row-art-empty{display:grid;place-items:center;width:100%;height:100%;color:var(--ink-3)}.row-art-empty svg{width:20px;height:20px}.row-text{min-width:0;flex:1 1 auto}.row-title{font-size:14.5px;font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.row-artist{margin-top:2px;font-size:12.5px;font-weight:500;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-time{flex:0 0 auto;min-width:40px;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--blue-ink);text-align:right}.row.is-dim{background:#ffffffb8;box-shadow:0 1px 2px #0a23400d}.row.is-dim .row-art{opacity:.9}.section-head{margin:26px 20px 9px;font-size:10.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}.empty{margin:8px 20px;padding:30px 20px;border-radius:var(--r-lg);text-align:center;font-size:13.5px;color:var(--ink-2);background:#ffffffa8;box-shadow:inset 0 0 0 1px var(--hair)}.form{padding:14px 16px 0;display:flex;flex-direction:column;gap:14px;min-height:100%}.form-card{display:flex;flex-direction:column;gap:15px;padding:18px 16px;border-radius:var(--r-lg);background:var(--card);box-shadow:inset 0 0 0 1px var(--hair)}.field{display:flex;flex-direction:column;gap:6px}.field label{display:flex;align-items:baseline;gap:7px;font-size:10.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3)}.field-optional{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:none;color:var(--ink-3)}.field input,.field textarea{border:0;width:100%;padding:13px 14px;border-radius:13px;background:#eef3fa;color:var(--ink);box-shadow:inset 0 0 0 1px transparent;font-size:16px;font-weight:500;transition:box-shadow .18s var(--ease),background .18s var(--ease);-webkit-user-select:text;-moz-user-select:text;user-select:text;-webkit-touch-callout:default}.field input::-moz-placeholder,.field textarea::-moz-placeholder{color:var(--ink-3)}.field input::placeholder,.field textarea::placeholder{color:var(--ink-3)}.field input:focus,.field textarea:focus{outline:none;background:#fff;box-shadow:inset 0 0 0 2px var(--blue)}.field textarea{min-height:92px;resize:none;line-height:1.5}.field-error{font-size:12.5px;font-weight:600;color:var(--danger)}.field-hint{font-size:12px;line-height:1.45;color:var(--ink-2)}.form-actions{position:sticky;bottom:0;z-index:5;display:flex;flex-direction:column;gap:9px;margin:2px -16px 0;padding:14px 16px 12px;background:linear-gradient(180deg,rgba(244,248,253,0) 0%,var(--paper) 26%,var(--paper) 100%)}.submit{margin-top:0;height:54px;border-radius:15px;font-size:16px;font-weight:800;letter-spacing:-.01em;color:#fff;background:linear-gradient(180deg,var(--blue) 0%,#0061b4 100%);box-shadow:0 1px #fff3 inset,0 10px 24px -12px #003c78bf;transition:transform .16s var(--ease),opacity .16s var(--ease)}.submit:active{transform:scale(.985)}.submit:disabled{opacity:.5;cursor:default}.form-trust{display:flex;align-items:center;justify-content:center;gap:7px;margin:2px 0 0;font-size:12px;font-weight:600;line-height:1.4;color:var(--ink-2);text-align:center}.form-trust svg{flex:0 0 auto;width:15px;height:15px;color:var(--blue-ink)}.sent{margin:22px 16px;padding:34px 24px;border-radius:var(--r-lg);text-align:center;background:var(--card);box-shadow:0 2px 6px #0a234012,0 12px 30px -16px #0a23404d}.sent-check{width:56px;height:56px;margin:0 auto 16px;display:grid;place-items:center;border-radius:50%;color:var(--ink);background:var(--lime)}.sent p{font-size:15px;font-weight:600;line-height:1.5;color:var(--ink)}.sent-track{margin-top:12px;padding-top:12px;border-top:1px solid var(--hair);font-size:14px!important;color:var(--blue-ink)!important}.sent button{margin-top:18px;font-size:14px;font-weight:700;color:var(--blue-ink);text-decoration:underline;text-underline-offset:4px}.picked{display:flex;align-items:center;gap:11px;padding:8px 10px 8px 8px;border-radius:13px;background:#eef3fa;box-shadow:inset 0 0 0 1.5px var(--blue)}.picked-art{flex:0 0 auto;width:48px;height:48px;border-radius:11px;-o-object-fit:cover;object-fit:cover;background:#dde7f4}.picked-art-empty{display:grid;place-items:center;color:var(--ink-3)}.picked-art-empty svg{width:19px;height:19px}.picked-text{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:2px}.picked-title{font-size:14.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picked-artist{font-size:12.5px;font-weight:500;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picked-change{flex:0 0 auto;padding:7px 11px;border-radius:999px;background:#fff;font-size:12.5px;font-weight:800;color:var(--blue-ink);box-shadow:inset 0 0 0 1px #0a23401f}.picker{margin-top:8px;border-radius:13px;background:#fff;box-shadow:inset 0 0 0 1px #0a23401f,0 10px 26px -16px #0a234066;overflow:hidden}.picker-head{padding:9px 12px;border-bottom:1px solid var(--hair);font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.picker-list{max-height:244px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.picker-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;text-align:left;transition:background .14s var(--ease)}.picker-row+.picker-row{box-shadow:inset 0 1px 0 var(--hair)}.picker-row:active{background:#eef3fa}.picker-art{flex:0 0 auto;width:38px;height:38px;border-radius:9px;-o-object-fit:cover;object-fit:cover;background:#dde7f4}.picker-art-empty{display:grid;place-items:center;color:var(--ink-3)}.picker-art-empty svg{width:16px;height:16px}.picker-text{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:1px}.picker-title{font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-artist{font-size:12px;font-weight:500;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-empty{margin:0;padding:14px 12px;font-size:12.5px;line-height:1.5;color:var(--ink-2)}.voice{display:flex;flex-direction:column;gap:11px;margin-top:3px;padding-top:16px;border-top:1px solid var(--hair)}.voice-head{display:flex;flex-direction:column;gap:3px}.voice-title{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-ink)}.voice-hint{font-size:12.5px;line-height:1.45;color:var(--ink-2)}.voice-live,.voice-done{display:flex;align-items:center;gap:13px}.voice-btn{flex:0 0 auto;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;color:var(--ink);background:var(--lime);transition:transform .16s var(--ease),background .2s var(--ease)}.voice-btn svg{width:22px;height:22px}.voice-btn:active{transform:scale(.92)}.voice-btn:disabled{opacity:.5;cursor:default}.voice-btn.is-recording{color:#fff;background:var(--rec);animation:rec-pulse 1.6s var(--ease) infinite}@keyframes rec-pulse{0%,to{box-shadow:0 0 #d92d206b}60%{box-shadow:0 0 0 10px #d92d2000}}.voice-cta{font-size:14.5px;font-weight:700;color:var(--ink)}.voice-meter{flex:1 1 auto;display:flex;align-items:center;justify-content:space-between;gap:3px;height:34px}.voice-meter span{flex:1 1 auto;min-height:4px;border-radius:999px;background:var(--rec);opacity:.85}.voice-time{flex:0 0 auto;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink-2)}.voice-play{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--ink);background:var(--lime);transition:transform .16s var(--ease)}.voice-play:active{transform:scale(.92)}.voice-play svg{width:18px;height:18px}.voice-play .glyph-play{margin-left:2px}.voice-done-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.voice-done-label{font-size:14px;font-weight:700;color:var(--ink)}.voice-done-time{font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink-2)}.voice-discard{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:var(--ink-3);transition:color .16s var(--ease),transform .16s var(--ease)}.voice-discard:active{transform:scale(.9)}.voice-discard svg{width:19px;height:19px}.mini{position:absolute;left:12px;right:12px;bottom:calc(var(--tabbar-total) + 8px);z-index:20;display:flex;align-items:center;gap:11px;height:64px;padding:0 10px;border-radius:var(--r-md);background:linear-gradient(270deg,var(--blue-deep) 0%,var(--blue) 100%);color:var(--on-blue);box-shadow:0 14px 30px -12px #00276f99;overflow:hidden;animation:mini-in .28s var(--ease)}@keyframes mini-in{0%{opacity:0;transform:translateY(14px)}}.mini-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--lime);transition:width .22s linear}.mini-art{flex:0 0 auto;width:44px;height:44px;border-radius:10px;-o-object-fit:cover;object-fit:cover;background:#ffffff29}.mini-text{min-width:0;flex:1 1 auto;text-align:left}.mini-title{font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-artist{font-size:12px;font-weight:500;color:var(--on-blue-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-btn{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--ink);background:var(--lime);transition:transform .16s var(--ease)}.mini-btn:active{transform:scale(.9)}.mini-btn svg{width:19px;height:19px}.mini-btn .glyph-play{margin-left:2px}.tabbar{position:relative;z-index:30;flex:0 0 auto;display:grid;grid-template-columns:repeat(3,1fr);height:var(--tabbar-total);padding-bottom:var(--tabbar-pad);background:#fffffff0;backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);box-shadow:inset 0 1px 0 var(--hair),0 -6px 20px -12px #0a23404d}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ink-3);font-size:10.5px;font-weight:700;letter-spacing:.01em;transition:color .18s var(--ease)}.tab svg{width:21px;height:21px;transition:transform .22s var(--ease)}.tab.is-active{color:var(--blue-ink)}.tab.is-active svg{transform:translateY(-1px) scale(1.06)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media (max-height: 700px){.cover-wrap{width:min(58vw,240px)}.track{margin-top:18px}.track-title{font-size:21px}.controls{padding:20px 0 18px;gap:28px}.play-fab{width:68px;height:68px}.upnext{margin-bottom:10px;padding:6px 10px 6px 6px}.upnext-art{width:34px;height:34px}}