:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b10;--surface:#14141cb8;--surface-border:#ffffff14;--accent:#7c5cff;--accent-2:#a78bfa;--hot:#ff8a3d;--text:#fff;--text-dim:#fff9;--radius:18px;--skeleton:#eaf2ff;--glass-blur:blur(16px);background:var(--bg);color:var(--text);font-family:Inter,Manrope,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.tabular{font-variant-numeric:tabular-nums}*{box-sizing:border-box}body{background:var(--bg);margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.phone{background:var(--bg);flex-direction:column;width:100%;max-width:430px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.viewport{flex:1;min-height:0;position:relative;overflow:hidden}.sheet{flex-direction:column;flex:none;gap:10px;padding:12px 12px 0;display:flex}.stage{background:#08080c;position:absolute;inset:0;transform:scaleX(-1)}.stage__video,.stage__canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.stage__cover,.stage__dev{transform:scaleX(-1)}.stage__cover{text-align:center;background:radial-gradient(circle at 50% 45%,#16161f 0%,#08080c 70%);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.stage__status{color:var(--text-dim);margin:0;font-size:.9375rem}.stage__error{color:#fca5a5;max-width:280px;margin:0;font-size:.8125rem;line-height:1.4}.stage__start{background:var(--accent);color:#fff;border-radius:999px;padding:12px 24px;font-weight:600;box-shadow:0 8px 24px #7c5cff59}.stage__start:disabled{opacity:.55;cursor:default;box-shadow:none}.stage__banner{border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#d4d4dc;text-align:center;background:#0000009e;border-radius:12px;margin:0;padding:10px 12px;font-size:.75rem;line-height:1.35;position:absolute;bottom:46px;left:12px;right:12px;transform:scaleX(-1)}.stage__banner--cloud{color:var(--accent-2);text-align:left;border-color:#7c5cff73}.stage__dev{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-dim);letter-spacing:.02em;background:#0000008c;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;padding:5px 10px;font-size:.6875rem;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.stage__dev-stop,.stage__dev-rec{color:var(--accent-2);font-size:.6875rem;font-weight:600}.stage__dev-rec--on{color:#f87171}.stats{border:1px solid var(--surface-border);border-radius:var(--radius);background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);justify-content:space-between;align-items:center;gap:4px;padding:10px 12px;display:flex;position:absolute;top:10px;left:10px;right:10px}.stats__item{align-items:center;gap:7px;min-width:0;display:flex}.stats__icon{width:20px;height:20px;color:var(--accent-2);flex:none}.stats__icon--flame{color:var(--hot)}.stats__value{letter-spacing:-.01em;white-space:nowrap;margin:0;font-size:1.125rem;font-weight:700;line-height:1.1}.stats__value--muted{color:var(--text-dim);font-weight:600}.stats__label{color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;margin:2px 0 0;font-size:.5625rem;font-weight:600}.card{border:1px solid var(--surface-border);border-radius:var(--radius);background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.card--exercise{justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.exercise__name{letter-spacing:.01em;text-transform:uppercase;margin:0;font-size:1.375rem;font-style:italic;font-weight:800}.exercise__category{color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;margin:4px 0 0;font-size:.75rem;font-weight:500}.ring{flex:none;place-items:center;display:grid;position:relative}.ring__content{text-align:center;position:absolute}.ring__time{letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:700}.ring__label{color:var(--text-dim);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;margin:1px 0 0;font-size:.4rem;font-weight:600}.card--tip{align-items:center;gap:10px;padding:12px 14px;display:flex}.tip__avatar{border:1px solid var(--surface-border);background:linear-gradient(150deg,#3b3b52,#1d1d2b);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.tip__avatar-icon{color:#b9b9c6;width:22px;height:22px}.tip__body{flex:1;min-width:0}.tip__title{color:var(--accent-2);letter-spacing:.05em;text-transform:uppercase;margin:0 0 3px;font-size:.75rem;font-weight:700}.tip__action:disabled{opacity:.4;cursor:default}.tip__text{color:#d4d4dc;margin:0;font-size:.78rem;line-height:1.32}.tip__hint{color:var(--text-dim);margin:5px 0 0;font-size:.72rem;line-height:1.35}.card--tip-scene{border-color:#ff8a3d73}.card--tip-scene .tip__title{color:var(--hot)}.tip__action{color:var(--accent-2);letter-spacing:.05em;text-transform:uppercase;border:1px solid #7c5cff8c;border-radius:12px;flex:none;align-self:center;padding:9px 11px;font-size:.625rem;font-weight:700}.tabbar__hint{border:1px solid var(--surface-border);background:var(--surface);color:var(--text-dim);text-align:center;border-radius:12px;margin:0 12px;padding:8px 12px;font-size:.75rem}.tabbar{padding:10px 6px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--surface-border);background:#101018;flex:none;grid-template-columns:repeat(5,1fr);align-items:center;margin-top:10px;display:grid;position:relative}.tab[aria-disabled=true]{opacity:.62}.tab{color:var(--text-dim);flex-direction:column;align-items:center;gap:4px;padding:4px 0;display:flex}.tab--active{color:var(--accent)}.tab__icon{width:22px;height:22px}.tab--active .tab__icon{fill:#7c5cff38}.tab__label{font-size:.625rem;font-weight:500}.tab-fab{background:radial-gradient(circle at 35% 30%, var(--accent-2), var(--accent) 62%, #4c34cc);color:#fff;border-radius:50%;justify-self:center;place-items:center;width:58px;height:58px;margin-top:-26px;display:grid;box-shadow:0 0 0 6px #7c5cff29,0 10px 26px #7c5cff73}.tab-fab__icon{stroke-width:2.2px;width:26px;height:26px}.stage__banner--offline{color:var(--hot);text-align:left;border-color:#ff8a3d73}.stage__banner code{color:var(--text);font-size:.72rem}