:root{--bg:#0c0d10;--surface:#16171d;--surface2:#1e2028;--surface3:#282b34;--border:#2c2f39;--text:#f5f6f8;--dim:#9aa0ac;--faint:#6a6f7b;--accent:#d7ff3e;--on-accent:#0c0d10;--blue:#4fa3ff;--success:#37d67a;--warn:#ffb020;--danger:#ff5c5c;--radius:16px;--radius-sm:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.container{flex-direction:column;gap:14px;max-width:720px;margin:0 auto;padding:20px 16px 96px;display:flex}.h1{margin:0;font-size:30px;font-weight:800}.h2{margin:0;font-size:22px;font-weight:800}.h3{margin:0;font-size:17px;font-weight:700}.body{margin:0;font-size:15px;font-weight:500}.dim{color:var(--dim);margin:0;font-size:14px;font-weight:500}.small{color:var(--dim);letter-spacing:.03em;margin:0;font-size:12px;font-weight:700}.faint{color:var(--faint)}.accent{color:var(--accent)}.mono{font-weight:700}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:16px;display:flex}.card.accent-left{border-left:4px solid var(--accent)}.card.blue-left{border-left:4px solid var(--blue)}.row{align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.col{flex-direction:column;gap:8px;display:flex}.grow{flex:1}.spread{flex-wrap:wrap;gap:24px;display:flex}.btn{border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);border:none;width:100%;padding:14px 16px;font-size:16px;font-weight:800;transition:opacity .15s}.btn:active{opacity:.85}.btn:disabled{opacity:.4}.btn.secondary{background:var(--surface3);color:var(--text)}.btn.ghost{border:1px solid var(--border);color:var(--text);background:0 0}.btn.danger{background:var(--danger);color:#fff}.btn.auto{width:auto}.btn.pulse{animation:2.4s ease-in-out infinite btn-pulse}@keyframes btn-pulse{0%,to{opacity:1;box-shadow:0 0 #0000}50%{opacity:.72;box-shadow:0 0 18px 2px var(--accent)}}@media (prefers-reduced-motion:reduce){.btn.pulse{animation:none}}.pill{border:1px solid var(--border);background:var(--surface2);color:var(--dim);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}.pill.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.pill.danger.active{background:var(--danger);border-color:var(--danger);color:#fff}.field{flex-direction:column;gap:4px;display:flex}.label{color:var(--dim);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}.input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);width:100%;padding:12px;font-size:16px;font-weight:600}textarea.input{resize:vertical;min-height:80px}.stepper{align-items:center;gap:8px;display:flex}.step-btn{border-radius:var(--radius-sm);background:var(--surface3);width:44px;height:44px;color:var(--text);border:none;font-size:22px;font-weight:700}.step-val{border-radius:var(--radius-sm);background:var(--surface2);border:1px solid var(--border);justify-content:center;align-items:center;min-width:84px;height:44px;padding:0 8px;font-size:18px;font-weight:800;display:flex}.stat-val{font-size:22px;font-weight:800}.stats-1line{flex-wrap:nowrap}.stats-1line .stat-val{white-space:nowrap;font-size:18px}.stats-1line .small{white-space:nowrap;font-size:11px}.track{background:var(--surface3);border-radius:999px;height:10px;overflow:hidden}.fill{background:var(--accent);border-radius:999px;height:100%}.tabbar{background:var(--surface);border-top:1px solid var(--border);padding:6px 8px calc(6px + env(safe-area-inset-bottom));z-index:50;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar-inner{justify-content:space-around;width:100%;max-width:720px;display:flex}.tab{color:var(--faint);background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:6px 10px;font-size:11px;font-weight:700;display:flex}.tab.active{color:var(--accent)}.tab .ico{font-size:20px;line-height:1}.divider{background:var(--border);height:1px;margin:4px 0}.center{text-align:center}.dots{flex-wrap:wrap;gap:8px;display:flex}.dot{background:var(--surface2);border:1px solid var(--border);width:26px;height:26px;color:var(--dim);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.dot.done{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.dot.current{border:2px solid var(--accent);background:var(--surface3)}.profile-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.profile-tile{aspect-ratio:1;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.profile-tile:active{border-color:var(--accent)}.avatar{background:var(--surface3);width:56px;height:56px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:800;display:flex}.profile-tile.add .avatar{color:var(--dim);border:2px dashed var(--border);background:0 0}.exo-demo-btn{cursor:pointer;background:0 0;border:none;border-radius:12px;padding:0;line-height:0;position:relative}.exo-demo-btn:active{opacity:.85}.exo-demo-chip{background:var(--accent);color:var(--on-accent);pointer-events:none;border-radius:999px;padding:3px 5px;font-size:10px;font-weight:800;line-height:1;position:absolute;bottom:2px;right:2px}.overlay{z-index:100;background:#000000b8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;width:100%;max-width:420px;max-height:90dvh;padding:16px;display:flex;overflow-y:auto}.exo-anim{display:block}.exo-anim svg{width:100%;height:100%;display:block}.exo-anim .mv{transform-box:fill-box;transform-origin:50%;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.exo-anim .arrow{animation:2s ease-in-out infinite exo-arrow}@keyframes exo-arrow{0%,to{opacity:.2}50%{opacity:.9}}@keyframes exo-up{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes exo-press{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes exo-down{0%,to{transform:translateY(0)}50%{transform:translateY(12px)}}@keyframes exo-bodyup{0%,to{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes exo-sink{0%,to{transform:translateY(0)}50%{transform:translateY(11px)}}@keyframes exo-inx{0%,to{transform:translate(0)}50%{transform:translate(-13px)}}@keyframes exo-rn{0%,to{transform:rotate(0)}50%{transform:rotate(-80deg)}}@keyframes exo-rp{0%,to{transform:rotate(0)}50%{transform:rotate(80deg)}}@keyframes exo-rn-big{0%,to{transform:rotate(0)}50%{transform:rotate(-120deg)}}@keyframes exo-rp-big{0%,to{transform:rotate(0)}50%{transform:rotate(120deg)}}@keyframes exo-hinge{0%,to{transform:rotate(0)}50%{transform:rotate(72deg)}}@keyframes exo-hinge-neg{0%,to{transform:rotate(0)}50%{transform:rotate(-72deg)}}@keyframes exo-crunch{0%,to{transform:rotate(0)}50%{transform:rotate(-42deg)}}@keyframes exo-hold{0%,to{opacity:1}50%{opacity:.5}}