.app-shell{width:min(720px,100% - 32px);padding:28px 0 calc(64px + env(safe-area-inset-bottom));margin:0 auto}.app-shell-wide{width:min(1080px,100% - 32px)}.app-header,.panel-header,.card-actions,.player-actions,.editor-step-top,.duration-row,.preview-list li{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-header,.panel-header{margin-bottom:24px}.app-header h1,.panel-header h2,.player h2,.card h3{font-family:var(--serif);letter-spacing:.01em;margin:0;font-weight:600}.app-header h1,.panel-header h2{text-transform:uppercase}.panel-header .user-heading{text-transform:none;letter-spacing:0}.app-header h1{font-size:clamp(2rem,5vw,3.2rem)}.eyebrow{color:var(--terracotta);letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:700}.view-toggle,.card-actions,.player-actions{flex-wrap:wrap}.view-toggle{gap:16px;display:flex}.stack{gap:16px;display:grid}.card-list{gap:12px;display:grid}.card,.player,.field input,.field textarea,.field select{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}.card,.player{border-radius:20px;padding:20px}.card-copy,.player-instructions,.player-done,.player-next,.empty-copy,.muted{color:var(--muted);line-height:1.5}.card-copy,.player-instructions,.player-done,.empty-copy{margin:10px 0 0}.card .card-copy{margin:14px 0 16px}.card>.card-actions{margin-top:16px}.muted{margin:6px 0 0;font-size:.92rem}.chip,.button-primary,.button-secondary,.button-ghost{border:1px solid var(--line);background:var(--paper);color:var(--ink);letter-spacing:.04em;border-radius:999px;padding:10px 16px;font-weight:700}.chip-active,.button-primary{background:var(--terracotta);border-color:var(--terracotta);color:#0b0d10}.button-primary:disabled{opacity:.6}.button-play{min-width:140px;font-weight:700}.button-ghost{box-shadow:none;background:0 0}.player{text-align:center}.player-rest{background:#122018;border-color:#3ee0a247}.timer-ring{aspect-ratio:1;border-radius:50%;width:min(260px,72vw);margin:28px auto 20px;padding:14px}.timer-face{background:var(--paper);border-radius:50%;place-items:center;width:100%;height:100%;display:grid}.timer-value{font-family:var(--serif);letter-spacing:.02em;font-size:clamp(2.8rem,10vw,4rem);font-weight:600}.player-task{color:var(--terracotta);margin:6px 0 0;font-weight:700}.player-instructions,.player-next,.player-done{text-align:left;max-width:42rem;margin-left:auto;margin-right:auto}.player-next,.player-done{text-align:center}.player-actions{justify-content:center;margin-top:24px}.preview-list{text-align:left;gap:8px;margin:20px 0 0;padding:0;list-style:none;display:grid}.preview-list li{border-bottom:1px solid var(--line);padding:10px 0}.log-filter{border:1px solid var(--line);background:var(--paper);min-width:120px;color:var(--ink);letter-spacing:.04em;border-radius:999px;padding:10px 16px;font-weight:700}.log-card{justify-content:space-between;align-items:start;gap:16px;display:flex}.log-card>div:first-child{flex:1;min-width:0}.log-card-side{justify-items:end;gap:8px;display:grid}.log-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px;margin-top:16px;display:grid}.log-fact-value{color:var(--ink);font-family:var(--serif);margin:0;font-size:1.05rem;font-weight:600;line-height:1.35}.status{letter-spacing:.06em;text-transform:uppercase;background:var(--bg-deep);border-radius:999px;align-self:center;padding:6px 10px;font-size:.78rem;font-weight:700}.status-done{color:var(--sage);background:#3ee0a229}.field{gap:6px;font-size:.86rem;font-weight:650;display:grid}fieldset.field{border:0;margin:0;padding:0}fieldset.field .muted{margin-bottom:16px}.field input,.field textarea,.field select{width:100%;box-shadow:none;border-radius:14px;padding:12px 14px}.password-field{position:relative}.password-field input{padding-right:44px}.password-toggle{color:var(--muted);background:0 0;border:0;place-items:center;padding:8px;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle svg{width:18px;height:18px}.text-link{color:var(--muted);background:0 0;border:0;justify-self:start;padding:0;font-weight:650}.editor-task-header{justify-content:space-between;align-items:center;gap:12px;margin:16px 0 8px;font-size:.86rem;font-weight:650;display:flex}.editor-task{border:1px solid var(--line);border-radius:14px;gap:10px;margin-bottom:12px;padding:12px;display:grid}.duration-row{align-items:stretch}.duration-row .field{flex:1}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field legend{padding:0}.filter-row,.choice-grid{flex-wrap:wrap;gap:8px;display:flex}.marketplace{margin-top:20px;padding-top:8px}.marketplace-intro{margin-top:0}@media (width<=560px){.field-row{grid-template-columns:1fr}}.editor-step-top{margin-bottom:12px}.editor h3{font-family:var(--serif);letter-spacing:.01em;text-transform:uppercase;margin:0;font-weight:600}.app-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;margin-top:56px;padding-top:18px;display:flex}.footer-copy,.footer-links button{color:var(--muted);letter-spacing:.04em;background:0 0;border:0;margin:0;padding:0;font-size:.75rem;font-weight:600}.footer-links{flex-wrap:wrap;gap:8px 14px;display:flex}.footer-links button:hover{color:var(--ink)}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.metric-grid strong{font-family:var(--serif);margin:4px 0 2px;font-size:1.6rem;display:block}.profile-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin-top:16px;display:grid}.profile-facts .card-copy{margin:0}@media (width<=640px){.metric-grid,.profile-facts,.log-facts{grid-template-columns:1fr}}.dialog-backdrop{z-index:20;background:#0b0d10b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dialog-card{width:min(420px,100%)}.dialog-card h2{font-family:var(--serif);letter-spacing:.01em;text-transform:uppercase;margin:0 0 16px;font-weight:600}.legal-page h3{margin:0}.landing{gap:28px;display:grid}.landing-hero-row,.landing-features,.landing-ctas{gap:16px;display:grid}.landing-hero h2,.landing-art-title{font-family:var(--serif);letter-spacing:.01em;text-transform:uppercase;margin:0;font-weight:600}.landing-hero h2{font-size:clamp(2rem,5vw,3.2rem)}.landing-hero .card-copy{margin-bottom:28px}.landing-ctas{grid-template-columns:1fr;margin-top:8px}.landing-art-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:22px}.landing-ring{aspect-ratio:1;background:conic-gradient(var(--terracotta) 220deg, var(--ring-track) 0deg);border-radius:50%;width:min(220px,70%);margin:22px auto 8px;padding:14px}.landing-ring-face{background:var(--paper);width:100%;height:100%;font-family:var(--serif);border-radius:50%;place-items:center;font-size:clamp(2.2rem,8vw,3.2rem);display:grid}@media (width>=860px){.landing-hero-row{grid-template-columns:1.1fr .9fr;align-items:center;gap:36px}.landing-features{grid-template-columns:1fr 1fr}.landing-ctas{grid-template-columns:auto auto;justify-content:start}}.challenge-card .panel-header{margin-bottom:8px}.progress-block{margin-top:16px}.progress-copy{justify-content:space-between;gap:12px;font-size:.92rem;display:flex}.progress-track{background:var(--ring-track);border-radius:999px;height:10px;margin-top:8px;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--terracotta);height:100%}.complete-progress{text-align:left;max-width:42rem;margin:16px auto 0}.complete-progress .progress-track{margin-bottom:12px}.session-feedback{text-align:left;max-width:42rem;margin:20px auto 0}.session-feedback textarea{resize:vertical;min-height:110px}.session-feedback-text{color:var(--ink);white-space:pre-wrap;margin:10px 0 0;line-height:1.5}.session-insight-label{margin-top:18px}.log-feedback{margin-top:16px}.log-feedback .log-fact-value{white-space:pre-wrap;margin-top:4px;font-size:1rem;font-weight:500}.celebration-canvas{pointer-events:none;z-index:40;width:100%;height:100%;position:fixed;inset:0}.demo-home{gap:18px}.demo-card h2{font-family:var(--serif);letter-spacing:.01em;text-transform:uppercase;margin:0;font-weight:600}.demo-card-challenge{background:radial-gradient(circle at 100% 0%, #ff6a1a38, transparent 42%), var(--paper);border-color:#ff6a1a47}.demo-card-workout{background:radial-gradient(circle at 0% 0%, #3ee0a22e, transparent 42%), var(--paper);border-color:#3ee0a247}.demo-card-workout .card-actions{justify-content:flex-start;margin-top:20px}.progress-track-gold .progress-fill{background:var(--gold)}:root{--bg:#0b0d10;--bg-deep:#101318;--paper:#161a20;--ink:#f2f4f7;--muted:#8b93a0;--line:#f2f4f71a;--terracotta:#c8ff3d;--terracotta-deep:#9ad41f;--sage:#3ee0a2;--gold:#ff6a1a;--shadow:0 16px 40px #00000061;--serif:"Oswald", "Arial Narrow", sans-serif;--sans:"Manrope", "Helvetica Neue", sans-serif;--ring-track:#f2f4f71a}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{-webkit-text-size-adjust:100%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 12% -8%, #c8ff3d24, transparent 32%), radial-gradient(circle at 100% 0%, #ff6a1a1a, transparent 28%), var(--bg);font-family:var(--sans);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);overflow-x:hidden}button,input,select,textarea{font:inherit;font-size:16px}button{cursor:pointer}::selection{color:#0b0d10;background:#c8ff3d47}