:root{font-family:Trebuchet MS,Avenir Next,sans-serif;color:#1f2933;background:radial-gradient(circle at top left,rgba(255,111,60,.22),transparent 25%),linear-gradient(180deg,#fff7ef,#ffe7d5)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}.screen{min-height:100vh;padding:24px}.card{background:#ffffffdb;border:1px solid rgba(255,255,255,.7);border-radius:28px;box-shadow:0 18px 50px #8a573829;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-screen,.summary-card,.flow-card{display:grid;place-items:center}.auth-card,.summary-card{width:min(100%,540px);padding:32px;display:grid;gap:20px}.hero-card,.progress-card{padding:28px;margin-bottom:20px}.hero-card{display:flex;align-items:center;justify-content:space-between;gap:24px}.auth-form,.flow-panel{display:grid;gap:16px}.auth-form label{display:grid;gap:8px;font-weight:700}input{border:1px solid #f3c2a5;background:#fffaf5;border-radius:16px;padding:14px 16px}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;color:#c85d23}h1,h2,p{margin:0}.subtle,small,.reference-line{color:#5b6570}.primary-button,.secondary-button,.danger-button,.ghost-button{border:none;border-radius:999px;padding:14px 20px;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.primary-button:hover,.secondary-button:hover,.danger-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button{background:linear-gradient(135deg,#ff6f3c,#ff934f);color:#fff;font-weight:700}.primary-button-active,.primary-button:disabled{background:#8f98a3;color:#fff}.secondary-button{background:#1f2933;color:#fff}.ghost-button{background:transparent;color:#1f2933}.danger-button{background:#d64545;color:#fff;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px}.stat-card,.exercise-card{padding:22px;display:grid;gap:14px}.stat-card strong{font-size:2.4rem}.exercise-list{display:grid;gap:16px}.exercise-card-footer,.flow-actions,.progress-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.flow-card{gap:20px;grid-template-columns:minmax(280px,420px) minmax(280px,1fr);padding:28px;align-items:stretch}.video-frame{min-height:320px;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#ffd4ba,#fff4ea)}.video-frame video{width:100%;height:100%;object-fit:cover}.counter-value{font-size:clamp(4rem,10vw,6rem);font-weight:900;color:#c85d23;text-align:center}.error-text{color:#b42318}.pinpad{display:grid;gap:14px}.pinpad-display{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.pinpad-display span{display:grid;place-items:center;min-height:42px;border-radius:14px;background:#fff3ea;color:transparent}.pinpad-display span.filled{color:#ff6f3c}.pinpad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pinpad-key{min-height:64px;border-radius:22px;border:1px solid #f1c3a5;background:#fff;font-size:1.4rem;font-weight:700}.pinpad-key-alt{font-size:1rem}.mascot{display:block;width:148px;height:245px;max-width:100%;margin:0 auto;object-fit:contain}.robux-badge{display:grid;gap:4px}.robux-badge strong{font-size:1.8rem}.heatmap{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:20px 0}.heatmap-cell{border:none;min-height:52px;border-radius:16px;display:grid;place-items:center;background:#fff5ec;color:#a16f52;text-align:center;font-size:.75rem}.heatmap-cell.active{background:linear-gradient(180deg,#ff6f3c,#ff934f);color:#fff}.heatmap-cell.selected{outline:3px solid #1f2933;outline-offset:2px}.chart-card{padding:20px;border-radius:22px;background:#fffaf6;margin-bottom:16px}.line-chart{width:100%;max-width:560px;margin:12px 0}.progress-charts,.progress-details{margin-bottom:20px}.set-badges{display:flex;flex-wrap:wrap;gap:10px}.set-badge{padding:8px 12px;border-radius:999px;background:#fff3ea;color:#8f4b28;font-weight:700}.set-badge.success{background:#e7f8ea;color:#1d6b35}.set-badge.muted{background:#f2f4f7;color:#667085}@media (max-width: 800px){.screen{padding:16px}.hero-card,.flow-card{grid-template-columns:1fr}}
