.error-page-shell{background:var(--color-bg);min-height:100vh;display:flex;position:relative}.screen-measure{max-width:640px}.home-shell .screen-measure>:first-child{margin-top:calc(-1 * var(--hero-tuck));z-index:1;position:relative}.settings-signout{margin-top:var(--space-9)}.card.panel--raised.danger-zone{gap:var(--space-5);margin-top:var(--space-9);border:1px solid color-mix(in oklab, var(--color-danger-ink) 45%, transparent);box-shadow:none;background:color-mix(in oklab, var(--color-danger) 6%, var(--color-surface-raised));flex-direction:column;display:flex}.danger-zone .panel-label{color:var(--color-danger-ink)}.danger-zone-row{justify-content:space-between;align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.danger-zone-text{gap:var(--space-1);min-width:0;max-width:60ch;display:grid}.danger-zone-title{color:var(--color-text-primary);margin:0;font-weight:700}.danger-zone-note,.danger-zone-error{font-size:var(--size-meta);color:var(--color-text-secondary);margin:0;line-height:1.5}.danger-zone-error{color:var(--color-danger-ink)}.danger-zone-confirm{gap:var(--space-5);flex-direction:column;display:flex}.danger-zone-rule{border:0;border-top:1px solid color-mix(in oklab, var(--color-danger-ink) 20%, transparent);margin:0}.screen-block{margin-top:var(--space-7)}.form-stack{gap:var(--space-6);flex-direction:column;display:flex}.form-actions{align-items:center;gap:var(--space-5);margin-top:var(--space-2);display:flex}.form-error{color:var(--color-acknowledge);margin:0}.form-status{min-height:1.4em;color:var(--color-success-text);margin:0}.screen-lede{margin:var(--space-4) 0 0}.heatmap-wrap{overflow-x:auto}.heatmap-table{border-collapse:collapse;width:100%}.heatmap-col-head{font-family:var(--font-sans);font-size:var(--size-eyebrow);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);text-align:left;padding:0 var(--space-3) var(--space-3) 0;border-bottom:1px solid var(--color-divider);font-weight:600}.heatmap-row-label{background:var(--color-surface);font-family:var(--font-sans);font-size:var(--size-body);text-wrap:pretty;text-align:left;width:100%;max-width:360px;padding:var(--space-3) var(--space-4) var(--space-3) 0;font-weight:500;line-height:1.35;position:sticky;left:0}.heatmap-cell{padding:var(--space-3) 0;text-align:left;white-space:nowrap;font-family:var(--font-sans);font-size:var(--size-meta);color:var(--color-text-secondary)}.heatmap-score{font-variant-numeric:tabular-nums;color:var(--color-text-primary);font-weight:600}.heatmap-score-total{color:var(--color-text-secondary);font-weight:400}.heatmap-score-bar{width:64px;height:4px;margin-left:var(--space-3);background:var(--color-divider);vertical-align:middle;border-radius:2px;display:inline-block;overflow:hidden}.heatmap-score-bar-fill{background:var(--color-success-text);height:100%;display:block}.heatmap-cell--not-attempted{color:var(--color-text-label)}.session-quiz{margin-top:var(--space-9)}.credit-row-context{font-family:var(--font-sans);font-size:var(--size-meta);color:var(--color-text-secondary);margin:0;line-height:1.5}.credit-purchase{transition:background-color .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s cubic-bezier(.2,.7,.2,1);position:relative}.credit-purchase.is-open{background:color-mix(in srgb, var(--color-text-primary) 3%, transparent);box-shadow:calc(-1 * var(--space-3)) 0 0 color-mix(in srgb, var(--color-text-primary) 3%, transparent), var(--space-3) 0 0 color-mix(in srgb, var(--color-text-primary) 3%, transparent)}.credit-purchase-toggle{align-items:baseline;gap:var(--space-2);color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.credit-purchase-toggle:after{content:"";position:absolute;inset:0}.credit-purchase-toggle:focus-visible{outline:none}.credit-purchase-toggle:focus-visible:after{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.credit-purchase-chevron{color:var(--color-text-label);transition:transform .3s cubic-bezier(.2,.7,.2,1);display:inline-block}.credit-purchase.is-open .credit-purchase-chevron{transform:rotate(90deg)}.credit-purchase-panel{z-index:1;opacity:0;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.2,.7,.2,1),opacity .2s cubic-bezier(.2,.7,.2,1);display:grid;position:relative}.credit-purchase.is-open .credit-purchase-panel{opacity:1;grid-template-rows:1fr;transition:grid-template-rows .3s cubic-bezier(.2,.7,.2,1),opacity .24s cubic-bezier(.2,.7,.2,1) 80ms}.credit-purchase-panel-inner{min-height:0;overflow:hidden}.credit-purchase-step{align-items:flex-start;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-divider);flex-direction:column;animation:.22s cubic-bezier(.2,.7,.2,1) credit-step-in;display:flex}.credit-purchase-step:focus{outline:none}@keyframes credit-step-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.credit-purchase,.credit-purchase-chevron,.credit-purchase-panel,.credit-purchase.is-open .credit-purchase-panel{transition:none}.credit-purchase-step{animation:none}}.credit-refund-confirm{align-items:flex-start;gap:var(--space-3);margin-top:var(--space-2);flex-direction:column;display:flex}.credit-refund-confirm-text{font-family:var(--font-sans);font-size:var(--size-meta);color:var(--color-text-secondary);margin:0;line-height:1.5}.create-song{align-items:center;gap:var(--space-6);display:flex}.create-song-cover{border-radius:var(--radius-md);object-fit:cover;background:linear-gradient(135deg,#2b2350,#7c6cff 55%,#ffaccc);flex:none;width:56px;height:56px}.create-song-text{min-width:0}.create-song-title{overflow-wrap:anywhere;margin:0;font-weight:700}.create-song-title .t-muted{font-weight:400}.create-song-meta{color:var(--color-text-secondary);margin:2px 0 0}.create-note{color:var(--color-text-secondary);margin:0}.create-lines .quiz-option{text-align:start;font-family:var(--font-serif)}.create-meanwhile{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-7);color:var(--color-text-primary);display:block}.create-meanwhile:hover{background:var(--stage-pill-fill)}.create-actions{flex-wrap:wrap}.create-actions .btn{white-space:nowrap}