@import "https://fonts.googleapis.com/css2?family=Fraunces:wght@500;700&family=Space+Grotesk:wght@400;500;700&display=swap";html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{margin:0}a{color:inherit}:root{color:#f8f5ec;background:radial-gradient(circle at 0 0,#ff9a5c33,#0000 28%),radial-gradient(circle at 100% 0,#68aaff2e,#0000 26%),linear-gradient(160deg,#19171a 0%,#111217 60%,#0a0d11 100%);font-family:Space Grotesk,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}#root{min-height:100vh}.app-shell{min-height:100vh;padding:20px 28px 28px;position:relative;overflow:hidden}.app-shell__glow{filter:blur(80px);opacity:.45;pointer-events:none;border-radius:999px;position:absolute}.app-shell__glow--left{background:#ff8c4247;width:320px;height:320px;inset:80px auto auto -120px}.app-shell__glow--right{background:#65c4d638;width:280px;height:280px;inset:160px -80px auto auto}.hero-card,.timeline-card,.graph-panel,.pedal-card,.score-card,.results-card,.stat-card{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#11151ebd;border:1px solid #ffffff17;position:relative;box-shadow:0 18px 40px #00000038}.hero-card{border-radius:24px;justify-content:space-between;align-items:center;gap:24px;padding:18px 22px;display:flex}.hero-card__eyebrow,.graph-panel__eyebrow,.pedal-card__eyebrow,.score-card__eyebrow,.results-card__eyebrow{color:#8fded0;text-transform:uppercase;letter-spacing:.18em;margin:0 0 8px;font-size:.72rem}.hero-card h1,.graph-panel h3,.score-card h2{margin:0;font-family:Fraunces,Georgia,serif;font-weight:700}.hero-card h1{max-width:13ch;font-size:clamp(2rem,3vw,3.2rem);line-height:.98}.hero-card__summary,.score-card__summary,.timeline-card p,.results-card__error{color:#f0ece2c7;margin:0;line-height:1.5}.hero-card__copy{gap:8px;display:grid}.hero-card__actions{flex-wrap:wrap;gap:12px;display:flex}.button{cursor:pointer;border:0;border-radius:999px;padding:12px 18px;transition:transform .18s,opacity .18s}.button:disabled{cursor:not-allowed;opacity:.55;transform:none}.button:hover{transform:translateY(-1px)}.button--primary{color:#151515;background:linear-gradient(135deg,#ff8b4f 0%,#f5b452 100%);font-weight:700}.button--ghost{color:#f8f5ec;background:#ffffff12}.dashboard{z-index:1;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:24px;margin-top:16px;display:grid;position:relative}.dashboard__left,.dashboard__right{gap:18px;display:grid}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat-card{border-radius:22px;padding:18px}.stat-card span{color:#f0ece2ad;margin-bottom:12px;font-size:.85rem;display:block}.stat-card strong{font-size:1.1rem}.timeline-card{border-radius:22px;padding:14px 18px}.timeline-card__bar{background:#ffffff14;border-radius:999px;height:10px;margin-bottom:12px;overflow:hidden}.timeline-card__fill{border-radius:inherit;background:linear-gradient(90deg,#8fded0 0%,#ff8b4f 100%);height:100%}.graph-panel{border-radius:24px;padding:16px}.graph-panel__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.graph-panel__actions{flex-wrap:wrap;gap:8px;display:flex}.graph-panel__svg{width:100%;height:auto;display:block}.graph-panel__background{fill:#070a0fe6}.graph-panel__grid{stroke:#ffffff1a;stroke-width:1px}.graph-panel__axis{stroke:#ffd566f2;stroke-width:2.5px}.graph-panel__label{fill:#ffffff8c;font-size:11px}.graph-panel__label--x{text-anchor:middle}.graph-panel__target{fill:none;stroke:#ffffffeb;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.graph-panel__player{fill:none;stroke:var(--graph-accent);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.graph-panel__cursor{stroke:#8fded0e6;stroke-width:2px;stroke-dasharray:6 6}.graph-panel__draft{fill:none;stroke:#8fded0;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:10 6}.graph-panel--drawing .graph-panel__svg{cursor:crosshair}.pedal-card,.score-card,.results-card{border-radius:26px;padding:20px}.pedal-card__header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.pedal{aspect-ratio:1;cursor:grab;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 68%,#ffffff0d,#0000 40%),linear-gradient(#ffffff0d,#ffffff05);border-radius:28px;margin-top:20px;position:relative}.pedal--disabled{opacity:.55;cursor:not-allowed}.pedal__arc{border:2px solid #ffffff1f;border-bottom:0;border-radius:999px 999px 0 0;height:50%;position:absolute;inset:12% 12% auto}.pedal__center{background:#f8f5ec;border-radius:999px;width:26px;height:26px;position:absolute;inset:auto auto 22% 50%;transform:translate(-50%);box-shadow:0 0 24px #ffffff38}.pedal__needle{transform-origin:bottom;background:linear-gradient(#8fded0 0%,#ff8b4f 100%);border-radius:999px;width:6px;height:42%;position:absolute;bottom:22%;left:50%;box-shadow:0 0 28px #ff8b4f59}.pedal__label{color:#ffffffb3;font-size:.85rem;position:absolute}.pedal__label--negative{bottom:16%;left:18%}.pedal__label--neutral{top:18%;left:50%;transform:translate(-50%)}.pedal__label--positive{bottom:16%;right:18%}.score-card__bands,.results-card__tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.score-card__bands span,.results-card__tags span,.results-card__medal{color:#f8f5ec;background:#ffffff14;border-radius:999px;align-items:center;padding:8px 12px;font-size:.82rem;display:inline-flex}.button--graph{color:#f8f5ec;background:#8fded029;padding:9px 14px}.results-card__score{margin-top:8px;font-family:Fraunces,Georgia,serif;font-size:4.4rem;line-height:.9;display:block}@media (width<=1100px){.dashboard{grid-template-columns:1fr}.hero-card{flex-direction:column;align-items:start}}@media (width<=760px){.app-shell{padding:16px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-card{padding:16px}}