:root{color-scheme:dark;--bg: #07090d;--surface: #111720;--surface-2: #17202d;--surface-3: #0d131c;--border: #253245;--border-strong: #35506c;--text: #f4f7fb;--muted: #97a7bf;--accent: #00c2ff;--accent-soft: #0f3546;--accent-glow: rgba(0, 194, 255, .24);--danger: #ff5d6c;--shadow-soft: 0 22px 60px rgba(0, 0, 0, .28);font-family:Inter,Roboto,SF Pro Text,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top right,rgba(0,194,255,.14),transparent 28%),radial-gradient(circle at top left,rgba(39,72,115,.2),transparent 26%),linear-gradient(180deg,#0a1018 0%,var(--bg) 42%,#05070b 100%);color:var(--text)}#root{min-height:100vh}h1,h2,h3,p{margin:0}ul{margin:0;padding-left:1rem}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at center top,rgba(0,194,255,.12),transparent 30%),linear-gradient(180deg,#07090d47,#07090de6)}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.topbar{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:1rem 1rem .9rem;border-bottom:1px solid rgba(53,80,108,.5);background:#07090dd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-block{display:grid;gap:.16rem}.topbar-status{display:grid;justify-items:end;gap:.3rem}.session-bar{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.content{padding:1.1rem 1rem 1.35rem;max-width:1080px;width:100%;margin:0 auto}.auth-card{width:min(100%,560px)}.navbar{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;padding:.8rem;border-top:1px solid rgba(53,80,108,.55);background:linear-gradient(180deg,#07090df2,#080c12d9);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel{background:linear-gradient(160deg,#111720f5,#17202de6);border:1px solid rgba(53,80,108,.45);border-radius:18px;padding:1rem;box-shadow:var(--shadow-soft)}.stack-lg{display:grid;gap:.9rem}.stack-sm{display:grid;gap:.55rem}.row{display:flex;gap:.5rem;align-items:center}.row.wrap{flex-wrap:wrap}.row.space-between{justify-content:space-between}.workout-nav{margin-top:.8rem}.rest-panel{display:grid;gap:.6rem}.rest-bar{height:8px;border-radius:999px;background:#0d131cb3;border:1px solid rgba(53,80,108,.34);overflow:hidden}.rest-bar-fill{height:100%;background:linear-gradient(90deg,#00c2ff33,#00c2ffcc);transition:width .18s ease}.input{flex:1;min-width:180px;border:1px solid rgba(53,80,108,.42);background:#0f1420f5;color:var(--text);border-radius:12px;padding:.72rem .82rem}.nav-select{min-width:240px}.text-area{min-height:90px;resize:vertical}.button{border:1px solid rgba(53,80,108,.42);background:#172235;color:var(--text);border-radius:12px;padding:.65rem .92rem;cursor:pointer;font-weight:600;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.button:hover{transform:translateY(-1px);border-color:var(--border-strong)}.button.primary{border-color:var(--accent);background:linear-gradient(180deg,#104a60f2,#0c2c3af2);box-shadow:0 0 0 1px #00c2ff1f,0 14px 32px #00c2ff1f}.button.danger{border-color:#6d3343;background:#2a1720}.button.full{width:100%}.badge{font-size:.8rem;border:1px solid rgba(53,80,108,.44);background:#101726e0;border-radius:999px;padding:.28rem .68rem}.accent-badge{border-color:#00c2ff73;background:#0f3546eb;color:#dff7ff}.muted{color:var(--muted)}.error{color:var(--danger)}.setup-note,.ghost-note{font-size:.9rem;color:#c9d8f4}.eyebrow{display:inline-block;color:#9edcf0;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.hero-panel{display:flex;justify-content:space-between;gap:1rem;align-items:center;overflow:hidden;position:relative}.hero-panel:after{content:"";position:absolute;inset:auto -40px -60px auto;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,var(--accent-glow),transparent 70%);pointer-events:none}.hero-copy{display:grid;gap:.3rem}.hero-title{font-size:1.35rem;font-weight:700}.section-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.progress-orb{min-width:108px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;padding:.8rem;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.08),transparent 35%),linear-gradient(180deg,#113544f5,#0a141cf5);border:1px solid rgba(0,194,255,.34);box-shadow:0 0 0 1px #00c2ff14,0 0 36px #00c2ff29}.progress-orb strong{font-size:1.5rem;line-height:1}.progress-orb small{color:var(--muted)}.progress-orb-small{min-width:96px}.auth-hero,.auth-benefits{display:grid;gap:.8rem}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.panel-inline{border:1px solid var(--border);border-radius:10px;padding:.55rem .65rem;background:#0a0e16b8}.focus-panel{display:grid;gap:.95rem}.info-card{display:grid;gap:.35rem;border:1px solid rgba(53,80,108,.34);background:#0d131cb3;border-radius:14px;padding:.8rem .9rem}.ghost-card{border-color:#00c2ff42}.completed-sets{display:grid;gap:.4rem}.completed-set-row{display:flex;justify-content:space-between;align-items:center;gap:.6rem;font-size:.95rem}.completed-set-row span,.completed-set-row small{color:var(--muted)}.stat-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.stat-chip{border:1px solid rgba(53,80,108,.34);background:#0d131cb8;border-radius:14px;padding:.8rem .9rem;display:grid;gap:.2rem}.stat-chip small{color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.metric-panel{display:grid;gap:.28rem}.metric-panel strong{font-size:1.25rem}.log-table{display:grid;gap:.5rem}.log-header,.log-row{display:grid;grid-template-columns:1.2fr .5fr .9fr .6fr .5fr;gap:.6rem;align-items:center}.log-header{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.log-row{border-bottom:1px solid rgba(53,80,108,.25);padding:.55rem 0}.log-row strong{color:var(--text)}.exercise-queue,.variant-list{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.9rem}.queue-chip,.nav-button{border:1px solid rgba(53,80,108,.42);background:#0d131cc7;color:var(--text);border-radius:14px;padding:.68rem .82rem;cursor:pointer}.queue-chip{display:grid;gap:.14rem;min-width:150px;text-align:left}.queue-chip small{color:var(--muted)}.queue-chip-active{border-color:#00c2ff8f;background:linear-gradient(180deg,#104a6059,#0d131cf2);box-shadow:0 0 0 1px #00c2ff1f}.queue-chip-done{border-color:#78a0be57;opacity:.7}.nav-button{display:grid;place-items:center;font-weight:700;padding:.85rem .5rem;letter-spacing:.04em;text-transform:uppercase}.nav-button-active{border-color:#00c2ff8f;background:linear-gradient(180deg,#104a6085,#0d131cf2);box-shadow:0 0 0 1px #00c2ff1f}.search-input{max-width:320px}.action-button{margin-top:.2rem;padding-block:.92rem;font-size:1rem}.checkbox-row{border:1px solid var(--border);border-radius:10px;padding:.6rem .7rem;min-height:42px}.studio-tabs{margin-top:.85rem}.entry-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.stepper{margin-top:.4rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.stepper-input{max-width:120px;text-align:center;font-weight:700}.swipe-zone{touch-action:pan-y}.draggable-entry{cursor:grab}.draggable-entry:active{cursor:grabbing}.drag-over{border-color:#00c2ff99;box-shadow:0 0 0 1px #00c2ff33}.drag-handle{font-size:1rem;color:var(--muted);padding:0 .4rem}.plan-day-block{display:grid;gap:.6rem;padding:.65rem .7rem;border:1px solid rgba(53,80,108,.32);border-radius:14px;background:#0a0e1680}.chart-block{display:grid;gap:.4rem;margin-bottom:.8rem}.line-chart{width:100%;min-height:120px;border-radius:10px;border:1px solid var(--border);background:#0d131d}@media(max-width:720px){.grid,.grid-3,.grid-4,.grid-6,.entry-form-grid{grid-template-columns:1fr}.hero-panel,.stats-grid,.stat-strip{grid-template-columns:1fr;display:grid}.progress-orb,.progress-orb-small{min-width:88px;justify-self:start}.section-head{align-items:flex-start}.search-input,.nav-select{max-width:none;min-width:0}.content{padding:.75rem}}
