:root{color-scheme:dark;--bg: #0a0c12;--bg-elev: #121520;--bg-card: #151a26;--bg-soft: #1b2131;--text: #f3f5fb;--text-muted: #a6b0c3;--accent: #2f5bff;--accent-2: #56d0ff;--accent-glow: rgba(47, 91, 255, .45);--border: rgba(255, 255, 255, .08);--shadow: 0 18px 45px rgba(3, 9, 25, .55);--radius-lg: 22px;--radius-md: 16px;--radius-sm: 10px;--anim-fast: .16s cubic-bezier(.2, .8, .2, 1);--anim-base: .24s cubic-bezier(.2, .8, .2, 1);--anim-slow: .36s cubic-bezier(.16, .9, .2, 1)}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,Manrope,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font-family:inherit}#root{min-height:100vh}.screen{min-height:100vh;padding:18px 18px 120px;display:flex;flex-direction:column;gap:18px}.route-shell{min-height:100vh;overflow-x:hidden}.route-view{min-height:100vh;animation:slideIn var(--anim-base) ease}.home-screen{padding:0;background:radial-gradient(circle at top,rgba(86,208,255,.25),transparent 55%),linear-gradient(180deg,#0a0c12,#0c1020 45%,#0a0c12)}.home-hero{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#2f5bff40,#0a0c121a)}.home-logo{display:flex;align-items:center;gap:12px;letter-spacing:.4em;font-weight:600;font-size:14px;color:var(--text)}.logo-image{width:min(220px,70vw);height:auto;display:block}.logo-mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;font-weight:700;font-size:20px}.logo-text{font-size:18px;letter-spacing:.28em}.home-panel{background:var(--bg-card);border-radius:28px 28px 0 0;padding:26px 22px 40px;box-shadow:var(--shadow);margin-top:-30px}.home-panel-title{font-size:22px;font-weight:600}.home-panel-subtitle{color:var(--text-muted);margin-top:6px}.home-actions{margin-top:24px;display:flex;flex-direction:column;gap:12px}.btn{border:none;border-radius:14px;padding:14px 16px;font-size:16px;font-weight:600;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:transform var(--anim-fast),box-shadow var(--anim-fast),background var(--anim-fast)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn--full{width:100%}.btn--primary{background:linear-gradient(135deg,var(--accent),#3b6bff);color:#fff;box-shadow:0 10px 24px #2f5bff66}.btn--secondary{background:var(--bg-soft);color:var(--text)}.btn--outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn--ghost{background:transparent;color:var(--text-muted)}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-icon{display:inline-flex}.flow-screen{background:linear-gradient(180deg,#10131cf2,#0a0c12fa)}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.topbar-left,.topbar-right{display:flex;align-items:center}.topbar-right{justify-content:flex-end}.topbar-title{font-size:16px;font-weight:600;text-align:center}.topbar-subtitle{font-size:12px;color:var(--text-muted);text-align:center}.ghost-btn{background:transparent;border:none;color:var(--text-muted);font-size:14px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.ghost-btn--text{color:var(--text);letter-spacing:.02em}.icon-btn{background:var(--bg-soft);border:none;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;color:var(--text);cursor:pointer}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow);border:1px solid var(--border)}.card-title{font-size:16px;font-weight:600;margin-bottom:12px}.input-label{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:8px}.input{width:100%;border-radius:12px;border:1px solid var(--border);background:#080a10a6;color:var(--text);padding:12px 14px;font-size:16px}.input--error{border-color:#ff6060a6}.input-error{margin-top:8px;color:#ff6b6b;font-size:13px}.helper-text{margin-top:8px;font-size:13px;color:var(--text-muted)}.segmented{display:flex;background:#1c202c;border-radius:999px;padding:4px;gap:6px}.segmented-btn{flex:1;border:none;background:transparent;color:#9ea5b3;padding:11px 12px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer}.segmented-btn.active{background:#2558ff66;color:#eef1f9;box-shadow:inset 0 0 0 1px #2f5bff73}.sticky-cta{margin-top:auto}.stepper-bar{padding:6px 0 2px}.flow-screen .stepper-bar{margin-top:-8px}.stepper-track{position:relative;height:2px;width:100%;background:#ffffff14;border-radius:999px;overflow:hidden}.stepper-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#2b5bff,#39b4ff);transform-origin:left center;transition:transform .28s ease}.summary-card{display:grid;gap:14px}.summary-item{display:flex;justify-content:space-between;align-items:center;font-size:15px}.summary-item span{color:var(--text-muted)}.choice-list{display:grid;gap:10px}.choice{padding:14px;border-radius:16px;border:1px solid var(--border);background:#0a0c1299;color:var(--text);text-align:left;cursor:pointer}.choice.active{border-color:#2f5bff99;box-shadow:0 0 0 2px #2f5bff33}.match-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.match-content{flex:1}.match-screen{padding-bottom:140px}.match-meta{text-align:center;margin-top:4px}.meta-title{font-size:18px;font-weight:600}.meta-subtitle{font-size:13px;color:var(--text-muted)}.status-pill{margin:10px auto 0;width:max-content;padding:4px 10px;border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:.16em;border:1px solid var(--border);color:var(--text-muted)}.status-connected{color:#baf7d3;border-color:#5adc9680;background:#143c2866}.status-connecting{color:#ffe0a3;border-color:#ffd47b80;background:#4b320f66}.status-error{color:#ffb5b5;border-color:#ff787880;background:#50191966}.clock-card{margin-top:12px;background:transparent;border-radius:0;padding:10px 0 0;border:none;box-shadow:none}.clock-display{font-size:36px;font-weight:400;letter-spacing:.04em;text-align:center;margin:8px 0 10px}.clock-display-button{width:100%;background:transparent;border:none;color:inherit;cursor:pointer}.clock-display-button:disabled{cursor:default;opacity:.6}.clock-divider{height:1px;background:#ffffff14;margin-bottom:12px}.clock-actions{display:grid;grid-template-columns:64px 1fr 64px;align-items:center;gap:10px}.clock-pill{border:none;border-radius:50%;width:64px;height:64px;padding:0;background:#5a5f69;color:var(--text);font-size:12px;font-weight:600;cursor:pointer;transition:background var(--anim-fast),transform var(--anim-fast)}.clock-pill.primary{background:#2f5bff;box-shadow:0 8px 18px #2f5bff66}.clock-pill.danger{background:#b21f1f;box-shadow:0 8px 18px #b21f1f66}.clock-pill:disabled{opacity:.5;cursor:not-allowed}.clock-meta{text-align:center;text-transform:uppercase;letter-spacing:.12em}.clock-meta-title{font-size:10px;color:#fff9}.clock-meta-sub{font-size:10px;color:#fffc;margin-top:4px}.stat-section{margin-top:14px;display:grid;gap:12px}.stat-header{display:grid;grid-template-columns:1fr auto 1fr;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin:0 4px}.stat-header span:first-child{text-align:left}.stat-header span:last-child{text-align:right}.stat-row{background:#2f333d;padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,.06);box-shadow:none}.stat-row.disabled{opacity:.45}.stat-row-grid{display:grid;grid-template-columns:1fr 120px 1fr;align-items:center;gap:12px}.stat-label{font-size:11px;color:#fff9;text-transform:uppercase;letter-spacing:.12em;text-align:center;line-height:1.2;width:120px;justify-self:center}.stat-team{display:grid;grid-template-columns:24px 1fr 24px;align-items:center;gap:4px;justify-content:center;background:#3b3f4a;padding:6px 8px;border-radius:10px;width:100%}.stat-value{text-align:center;font-size:16px;font-weight:600}.stat-btn{width:24px;height:24px;border-radius:8px;border:none;background:transparent;color:var(--text);display:grid;place-items:center;cursor:pointer}.stat-row--score .stat-value{font-size:24px}.stat-row--score-gap{margin-bottom:8px}.tabbar{position:sticky;bottom:0;width:100%;background:#0a0c12f2;border-top:1px solid var(--border);padding:10px 16px 18px;display:flex;justify-content:space-between;gap:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tabbar-item{flex:1;border:none;background:transparent;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;cursor:pointer}.tabbar-item.active{color:#2f5bff}.sheet-backdrop,.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060cb3;display:grid;place-items:end center;z-index:50;animation:fadeIn var(--anim-fast)}.modal-backdrop{place-items:center}.sheet{width:min(480px,100%);background:var(--bg-card);border-radius:28px 28px 0 0;padding:16px 20px 24px;border:1px solid var(--border);box-shadow:var(--shadow);animation:slideUp var(--anim-base)}.sheet-handle{width:50px;height:5px;border-radius:999px;background:#fff3;margin:0 auto 12px}.sheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sheet-title{font-weight:600}.sheet-list{display:grid;gap:10px}.sheet-item{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border:1px solid var(--border);padding:12px 14px;border-radius:var(--radius-md);background:#0a0c12b3}.sheet-row{background:none;border:none;color:var(--text);text-align:left;cursor:pointer}.sheet-arrow{background:var(--bg-soft);border:none;width:32px;height:32px;border-radius:12px;color:var(--text);display:grid;place-items:center;cursor:pointer}.modal-card{width:min(420px,90vw);background:var(--bg-card);border-radius:24px;padding:20px;border:1px solid var(--border);box-shadow:var(--shadow);animation:scaleIn var(--anim-base)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-title{font-size:18px;font-weight:600}.modal-body{font-size:14px;color:var(--text-muted)}.modal-footer{margin-top:16px}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.overlay-list{display:grid;gap:8px;max-height:240px;overflow-y:auto}.overlay-item{border:1px solid var(--border);background:#0a0c12b3;color:var(--text);padding:10px 12px;border-radius:var(--radius-sm);text-align:left}.preset-row{width:100%;background:transparent;border:1px solid var(--border);border-radius:16px;padding:14px;display:flex;align-items:center;justify-content:space-between;color:var(--text);margin-bottom:10px;cursor:pointer}.preset-row.create{border-style:dashed}.preset-title{font-weight:600}.preset-sub{font-size:12px;color:var(--text-muted)}.preset-action{color:var(--accent-2);font-weight:600}.segment-wrap{display:flex;justify-content:center}.duration-row{display:grid;grid-template-columns:1fr auto 1fr auto;gap:10px;align-items:center}.input--small{padding:10px 12px;text-align:center}.input-suffix{font-size:12px;color:var(--text-muted)}.toggle-row{display:flex;gap:10px}.toggle-btn{flex:1;border:1px solid var(--border);background:#0a0c12b3;color:var(--text-muted);padding:12px 14px;border-radius:999px;cursor:pointer}.toggle-btn.active{background:#2f5bff40;color:var(--text);border-color:#2f5bff80}.empty-state{color:var(--text-muted);text-align:center;padding:20px 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideIn{0%{transform:translate(24px);opacity:.4}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@media (min-width: 768px){.screen{max-width:560px;margin:0 auto}.home-panel{border-radius:32px}}