:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#07111f;color:#edf7ff;--bg: #07111f;--panel: rgba(11, 26, 45, .86);--panel-2: rgba(18, 39, 65, .86);--line: rgba(148, 163, 184, .22);--muted: #9fb2c9;--orange: #ff8a3d;--teal: #2dd4bf;--blue: #38bdf8;--danger: #fb7185;--green: #86efac}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(45,212,191,.22),transparent 28%),radial-gradient(circle at top right,rgba(255,138,61,.2),transparent 30%),var(--bg)}button,input,select{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px;background:#050d19d1;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:22px}.brand{border:0;background:transparent;color:inherit;display:flex;align-items:center;gap:12px;text-align:left}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--orange),var(--teal));color:#06101e;font-weight:900}.brand small,.sidebar-card span{display:block;color:var(--muted)}nav{display:grid;gap:8px}.nav-item,.ghost-button,.primary-button,.secondary-button{border-radius:16px;border:1px solid var(--line);display:inline-flex;align-items:center;gap:10px;padding:12px 14px;color:#e8f4ff;background:#0f1f35a8;transition:.2s ease}.nav-item:hover,.nav-item.active{border-color:#2dd4bf8c;background:#2dd4bf1f;transform:translateY(-1px)}.sidebar-card{margin-top:auto;border:1px solid var(--line);background:var(--panel);border-radius:24px;padding:16px;display:grid;gap:10px}.main-content{padding:34px}.page{max-width:1220px;margin:0 auto}.page-header{margin-bottom:24px}.eyebrow{margin:0 0 8px;color:var(--teal);text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:800}h1{font-size:clamp(2.2rem,5vw,5.5rem);line-height:.96;margin:0 0 16px;letter-spacing:-.06em}h2{font-size:clamp(1.7rem,3vw,3rem);margin:0 0 12px;letter-spacing:-.04em}h3{margin:0 0 8px;font-size:1.08rem}p{color:var(--muted);line-height:1.65}.hero{min-height:430px;border:1px solid var(--line);border-radius:34px;padding:clamp(28px,6vw,64px);background:linear-gradient(135deg,#0d1c32f5,#091424d6),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 500"><path d="M0 400 C 200 300 340 460 520 330 S 780 180 900 250" fill="none" stroke="%232dd4bf" stroke-width="4" opacity=".24"/><path d="M0 250 C 190 160 350 300 540 160 S 760 80 900 130" fill="none" stroke="%23ff8a3d" stroke-width="4" opacity=".2"/></svg>');background-size:cover}.hero p{max-width:720px;font-size:1.1rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.primary-button{border:0;background:linear-gradient(135deg,var(--orange),#ffd166);color:#111827;font-weight:900}.secondary-button{background:#ffffff0f}.feature-grid,.stats-row,.progress-grid,.calculator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.progress-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.calculator-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.card,.calculator-card,.stat-card{border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,#11223ae0,#0a182ac2);box-shadow:0 20px 80px #00000038;padding:22px}.card svg{color:var(--orange)}.stat-card{display:grid;gap:8px}.stat-card span,.result-box span{color:var(--muted);font-size:.83rem}.stat-card strong,.big-value{font-size:1.75rem;color:#fff}.today-layout{display:grid;grid-template-columns:1.5fr .85fr;gap:16px}.workout-card{min-height:430px;position:relative;overflow:hidden}.workout-card:after{content:"";position:absolute;right:-120px;top:-120px;width:320px;height:320px;background:radial-gradient(circle,rgba(255,138,61,.3),transparent 64%)}.workout-type,.pill,.trend{display:inline-flex;width:fit-content;border-radius:999px;padding:7px 11px;background:#2dd4bf1f;color:var(--teal);border:1px solid rgba(45,212,191,.3);text-transform:uppercase;font-weight:800;font-size:.72rem;letter-spacing:.08em}.pill.hard,.pill.test{color:var(--orange);border-color:#ff8a3d80;background:#ff8a3d1f}.pill.hvile{color:var(--blue)}ul{color:#dbeafe;line-height:1.9}.workout-meta{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.workout-meta span{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}.side-stack{display:grid;gap:16px}.timeline{display:grid;gap:14px}.timeline-item{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}.log-layout{display:grid;grid-template-columns:.85fr 1fr;gap:16px}.log-form,.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:7px;color:var(--muted);font-size:.9rem}.field input,.field select{width:100%;border:1px solid var(--line);border-radius:14px;color:#fff;background:#040d19b8;padding:12px;outline:none}.field input:focus,.field select:focus{border-color:var(--teal);box-shadow:0 0 0 4px #2dd4bf1a}.calculator-card{display:grid;gap:16px}.calculator-card header p{margin:0}.result-box{border:1px solid rgba(45,212,191,.22);border-radius:18px;background:#2dd4bf14;padding:14px;display:grid;gap:4px}.result-box strong{font-size:1.35rem}.result-box small{color:var(--muted)}.mini-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.trend.opp{color:var(--green);border-color:#86efac59;background:#86efac1a}.trend.ned{color:var(--danger);border-color:#fb718559;background:#fb71851a}@media (max-width: 980px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.today-layout,.log-layout,.feature-grid,.stats-row,.progress-grid,.calculator-grid{grid-template-columns:1fr}.main-content{padding:18px}}@media (max-width: 620px){.sidebar{padding:14px}.nav-item{padding:10px}.hero{padding:24px}.log-form,.fields,.mini-results{grid-template-columns:1fr}}