:root{color-scheme:dark;--bg: #0b1020;--ink: rgba(255, 255, 255, .94);--ink-2: rgba(255, 255, 255, .64);--ink-3: rgba(255, 255, 255, .4);--accent: #ffb454;--accent-2: #3ee6c1;--danger: #ff6b6b;--glass: rgba(255, 255, 255, .07);--glass-strong: rgba(255, 255, 255, .12);--glass-edge: rgba(255, 255, 255, .16);--glass-edge-hi: rgba(255, 255, 255, .28);--radius: 24px;--radius-sm: 14px;--tap: 48px;--gutter: 16px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);overflow-x:hidden;-webkit-tap-highlight-color:transparent}button,input{font:inherit;color:inherit}button{cursor:pointer}.backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;background:radial-gradient(60% 45% at 15% 10%,rgba(255,180,84,.28),transparent 70%),radial-gradient(50% 40% at 90% 25%,rgba(62,230,193,.22),transparent 70%),radial-gradient(70% 50% at 50% 100%,rgba(120,90,255,.28),transparent 70%),var(--bg)}.orb{position:absolute;border-radius:50%;filter:blur(48px);opacity:.55;will-change:transform}.orb-a{width:320px;height:320px;left:-80px;top:40px;background:#ff9f3c}.orb-b{width:260px;height:260px;right:-60px;top:260px;background:#2ad4b0}.orb-c{width:380px;height:380px;left:20%;bottom:-160px;background:#6a5cff}.glass{position:relative;background:var(--glass);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border:1px solid var(--glass-edge);border-radius:var(--radius);box-shadow:0 12px 40px #00000061,inset 0 1px #ffffff2e}.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 40%)}.glass-strong{background:var(--glass-strong);border-color:var(--glass-edge-hi)}.app{position:relative;z-index:1;min-height:100dvh;padding:calc(var(--safe-top) + 12px) var(--gutter) calc(var(--safe-bottom) + 24px);max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.brand{display:flex;align-items:center;justify-content:space-between;padding:4px 6px}.brand h1{margin:0;font-size:20px;letter-spacing:.08em;font-weight:800}.brand h1 span{color:var(--accent)}.brand .who{font-size:13px;color:var(--ink-2)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:6px}.step{display:flex;align-items:center;gap:8px;min-height:var(--tap);padding:6px 10px;border-radius:var(--radius-sm);border:1px solid transparent;color:var(--ink-3);font-size:13px;font-weight:600;background:transparent}.step .n{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1.5px solid currentColor;font-size:12px}.step.active{color:var(--ink);border-color:var(--glass-edge-hi);background:var(--glass-strong)}.step.done{color:var(--accent-2)}.step.done .n{background:var(--accent-2);color:#062;border-color:var(--accent-2)}.card{padding:18px;display:flex;flex-direction:column;gap:14px}.card h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.01em}.card p.hint{margin:0;color:var(--ink-2);font-size:14px;line-height:1.4}.field{display:flex;align-items:center;gap:10px;min-height:56px;padding:0 14px;border-radius:16px;background:#00000047;border:1px solid var(--glass-edge)}.field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #ffb45438}.field input{flex:1;min-width:0;height:54px;background:transparent;border:0;outline:0;font-size:16px}.field input::placeholder{color:var(--ink-3)}.field .err{color:var(--danger);font-size:12px}.btn{min-height:var(--tap);padding:0 20px;border-radius:16px;border:1px solid var(--glass-edge-hi);background:var(--glass-strong);color:var(--ink);font-weight:700;font-size:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.btn.primary{background:linear-gradient(135deg,#ffc46b,#ff9f3c);color:#2a1600;border-color:transparent;box-shadow:0 8px 24px #ff9f3c59}.btn.ghost{background:transparent;border-color:var(--glass-edge);color:var(--ink-2)}.btn:disabled{opacity:.45;cursor:default;box-shadow:none}.btn.block{width:100%}.btn.icon{width:var(--tap);padding:0;border-radius:50%}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--glass-edge);background:transparent;color:var(--ink-2);font-weight:600;font-size:14px}.chip.on{background:var(--glass-strong);color:var(--ink);border-color:var(--glass-edge-hi)}.video{position:relative;aspect-ratio:16 / 9;width:100%;border-radius:16px;overflow:hidden;background:#000;border:1px solid var(--glass-edge)}.video img,.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}.video .title{position:absolute;left:0;right:0;bottom:0;padding:10px 12px;font-size:13px;font-weight:600;background:linear-gradient(transparent,#000000bf);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video.compact{aspect-ratio:auto;height:72px;display:flex;align-items:center;gap:12px;background:#00000047}.video.compact img{position:static;width:112px;height:100%;flex:none;border-radius:0}.video.compact .title{position:static;padding:0 12px 0 0;background:none;white-space:normal;font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trimmer{display:flex;flex-direction:column;gap:10px}.trimmer .readout{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}.trimmer .readout b{font-size:22px;font-weight:800}.trimmer .readout small{display:block;color:var(--ink-3);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.track{position:relative;height:56px;border-radius:14px;touch-action:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.1) 0 2px,transparent 2px 10px),#0000004d;border:1px solid var(--glass-edge)}.window{position:absolute;top:4px;bottom:4px;left:0;border-radius:10px;background:linear-gradient(180deg,#ffc46bf2,#ff9f3cf2);box-shadow:0 6px 18px #ff9f3c73;cursor:grab;display:grid;place-items:center;color:#2a1600;font-weight:800;font-size:13px}.window:active{cursor:grabbing}.window:before,.window:after{content:"";position:absolute;top:12px;bottom:12px;width:3px;border-radius:2px;background:#2a160073}.window:before{left:7px}.window:after{right:7px}.progress{display:flex;flex-direction:column;align-items:center;gap:14px;padding:12px 0;text-align:center}.ring{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;position:relative}.ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.ring .pct{font-weight:800;font-size:20px;font-variant-numeric:tabular-nums}.bars{display:flex;align-items:flex-end;gap:4px;height:40px}.bars i{display:block;width:6px;border-radius:3px;background:var(--accent-2)}.players{display:flex;flex-direction:column;gap:8px}.player{display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 12px;border-radius:16px;border:1px solid var(--glass-edge);background:#00000038;text-align:left;width:100%}.player.on{border-color:var(--accent);background:#ffb4541f}.player .num{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--glass-strong);font-weight:800}.player .name{flex:1;font-weight:700;font-size:16px}.player .meta{color:var(--ink-3);font-size:12px}.row{display:flex;gap:10px;align-items:center}.row>*{flex:1}.rec{display:flex;align-items:center;gap:12px}.rec .dot{width:12px;height:12px;border-radius:50%;background:var(--danger);box-shadow:0 0 12px var(--danger)}.toast{position:fixed;left:var(--gutter);right:var(--gutter);bottom:calc(var(--safe-bottom) + 16px);z-index:5;padding:14px 16px;border-radius:16px;font-weight:600;text-align:center}@media(min-width:560px){:root{--gutter: 24px}.app{gap:20px}}@media(prefers-reduced-motion:reduce){.orb{display:none}}