/* WROUGHT performance surfaces. The public cover is deliberately untouched. */
#app{--surface-radius:24px;--surface-stroke:rgba(167,154,144,.18)}
#app>header{background:rgba(20,17,15,.84);backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%)}
#app #content{gap:26px}
#app .record-intro{padding:12px 0 26px;border-bottom:1px solid var(--surface-stroke);gap:24px}
#app .record-title{font-size:clamp(40px,5.5vw,68px);line-height:1.02;letter-spacing:-.045em}
#app .record-lead::before{content:"YOUR DAY / YOUR PROGRESS";font-size:12px;color:var(--heat-3)}
#app .record-kicker{font-size:12px}
#app #content .panel{border:1px solid var(--surface-stroke);border-radius:var(--surface-radius);padding:26px;background:linear-gradient(145deg,rgba(44,35,30,.72),rgba(25,21,18,.95));box-shadow:0 18px 40px -28px #000,inset 0 1px 0 #ffffff06}
#app #content .panel.folded{padding:19px 24px}
#app .overview-stage{border:0;background:transparent;box-shadow:none;gap:22px;grid-template-columns:minmax(300px,.85fr) minmax(0,1.35fr)}
#app #content .overview-stage .hero{border:1px solid var(--surface-stroke);border-radius:var(--surface-radius);padding:30px;background:radial-gradient(ellipse at 0 0,#f264191b,transparent 70%),var(--iron);box-shadow:inset 0 1px #ffffff08}
#app #content .overview-stage .momentum{border:1px solid var(--surface-stroke);border-radius:var(--surface-radius);padding:26px;background:linear-gradient(145deg,#27201b,#181411)}
#app .momentum-title{font-size:24px;line-height:1.2;letter-spacing:-.025em}
#app .pulse-grid{border:0;gap:14px}
#app .pulse-card{border:1px solid #ffffff09!important;border-radius:16px;background:#ffffff03;padding:16px;overflow:hidden}
#app .pulse-label,#app .momentum-period{font-size:12px}
#app .pulse-value{font-size:32px;font-variant-numeric:tabular-nums}
#app .balance-number{font-size:clamp(76px,8vw,116px);line-height:.95;letter-spacing:-.055em}
#app .balance-state,#app .balance-live,#app .balance-total>span{font-size:12px;letter-spacing:.035em}
#app .balance-totals{margin-top:12px}#app .balance-total>b{font-size:30px}
#app .daily-ledger{gap:22px}#app .grid-2{gap:22px}
#app button,#app .range,#app .chip{border-radius:12px}
#app .range{min-height:44px;font-size:14px}
#app .range[aria-pressed=true]{box-shadow:inset 0 1px #ffffff12,0 4px 20px #f2641912}
#app .rout{border:1px solid var(--surface-stroke);border-radius:16px;overflow:hidden;background:#ffffff02;margin:10px 0}
#app .rout summary{padding:16px}#app .rbody{padding:0 16px 18px}
.workout-launch{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 30px;border:1px solid #f2641940;border-radius:24px;background:radial-gradient(ellipse at 100% 0,#f2641922,transparent 65%),linear-gradient(120deg,#241b15,#181411);text-decoration:none;color:var(--bright);overflow:hidden;position:relative}
.workout-launch .launch-copy{display:grid;gap:8px}.workout-launch .launch-kicker{color:var(--heat-3);font:700 12px/1.3 var(--mono);letter-spacing:.12em}.workout-launch strong{font-size:28px;line-height:1.15;letter-spacing:-.035em}.workout-launch .launch-note{color:var(--ash);font-size:14px;max-width:60ch}.workout-launch .launch-action{flex-shrink:0;background:var(--heat-3);color:var(--iron);border-radius:14px;padding:15px 20px;font-weight:750;font-size:15px;box-shadow:0 8px 25px #f2641920}
@media(prefers-reduced-motion:no-preference){#app .panel,#app .pulse-card,.workout-launch{transition:border-color .25s,box-shadow .25s,transform .25s}#app .pulse-card:hover{transform:translateY(-3px);box-shadow:0 14px 25px #0003}.workout-launch:hover{border-color:#f2641990;box-shadow:0 16px 45px #f2641912}.workout-launch:hover .launch-action{transform:translateX(3px)}#app .pulse-line{animation:performance-draw 1.4s cubic-bezier(.16,1,.3,1) both;stroke-dasharray:1;stroke-dashoffset:0}@keyframes performance-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}}
@media(max-width:1000px){#app .overview-stage{grid-template-columns:1fr}#app .balance-number{font-size:96px}}
@media(max-width:600px){#app #content{gap:18px}#app #content .panel,#app #content .overview-stage .hero,#app #content .overview-stage .momentum{padding:20px;border-radius:20px}#app .record-intro{display:block}#app .record-lead{margin-top:16px}.workout-launch{align-items:flex-start;flex-direction:column;padding:22px;gap:20px}.workout-launch strong{font-size:25px}.workout-launch .launch-action{width:100%;text-align:center}#app .pulse-card{padding:12px}#app .pulse-value{font-size:28px}}
@media(prefers-reduced-motion:reduce){#app *,#app *::before,#app *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}