@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400;1,6..72,500&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";:root{--ink: #17130C;--ink-800: #2A2318;--ink-700: #443B2B;--stone-600: #6B6151;--stone-500: #8C8373;--stone-400: #ABA391;--stone-300: #CBC3B1;--stone-200: #E3DCCB;--stone-100: #EFE9DB;--paper: #F4EEE1;--paper-hi: #FBF7EE;--card: #FFFDF8;--white: #FFFFFF;--clay-700: #9C3B18;--clay-600: #B84A22;--clay-500: #D25A34;--clay-400: #E27A54;--clay-300: #EDA083;--clay-100: #F7DDD0;--clay-050: #FBEEE7;--green-600: #268049;--green-500: #2F9E5B;--green-100: #D6EEDD;--gold-600: #B0851F;--gold-500: #C99A2E;--gold-100: #F3E6C4;--sky-600: #2E6EA8;--sky-500: #3B82C4;--sky-100: #D8E6F4;--amber-500: #E8A33D;--amber-100: #F8E7C8;--red-600: #B72F2F;--red-500: #D23B3B;--red-100: #F6D9D6;--bg: var(--paper);--surface-card: var(--card);--surface-sunken:var(--paper-hi);--surface-ink: var(--ink);--text-strong: var(--ink);--text-body: var(--ink-800);--text-muted: var(--stone-600);--text-faint: var(--stone-500);--text-on-accent:#FFF7F1;--text-on-ink: #F4EEE1;--border: #E4DCCB;--border-strong: #CBC3B1;--border-ink: var(--ink);--accent: var(--clay-500);--accent-hover: var(--clay-400);--accent-press: var(--clay-600);--accent-tint: var(--clay-100);--accent-tint-2: var(--clay-050);--success: var(--green-500);--success-tint: var(--green-100);--warning: var(--amber-500);--warning-tint: var(--amber-100);--danger: var(--red-500);--danger-tint: var(--red-100);--focus-ring: #E27A54;--tier-novice: var(--stone-500);--tier-familiar: var(--sky-500);--tier-solid: var(--green-500);--tier-sharp: var(--clay-500);--tier-mastered: var(--gold-500);--tier-novice-tint: var(--stone-100);--tier-familiar-tint: var(--sky-100);--tier-solid-tint: var(--green-100);--tier-sharp-tint: var(--clay-100);--tier-mastered-tint: var(--gold-100);--rung-empty: var(--stone-200);--rung-pending: var(--stone-300);--readiness-from: var(--clay-500);--readiness-to: var(--gold-500)}:root{--font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-sans: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--font-serif: "Newsreader", Georgia, "Times New Roman", serif;--font-mono: "Space Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-md: 18px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 30px;--text-3xl: 38px;--text-4xl: 48px;--text-5xl: 64px;--leading-tight: 1.05;--leading-snug: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.65;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-caps: .12em}:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--container-max: 1120px;--content-max: 680px;--gutter: 24px}:root{--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-pill: 999px;--radius-card: 14px;--radius-button: 10px;--radius-input: 10px}:root{--shadow-xs: 0 1px 2px rgba(23, 19, 12, .06);--shadow-sm: 0 1px 3px rgba(23, 19, 12, .08), 0 1px 2px rgba(23, 19, 12, .04);--shadow-md: 0 4px 12px rgba(23, 19, 12, .08), 0 2px 4px rgba(23, 19, 12, .05);--shadow-lg: 0 12px 28px rgba(23, 19, 12, .12), 0 4px 8px rgba(23, 19, 12, .06);--shadow-xl: 0 24px 56px rgba(23, 19, 12, .16);--shadow-block: 3px 3px 0 var(--ink);--shadow-block-sm: 2px 2px 0 var(--ink);--shadow-block-accent: 3px 3px 0 var(--clay-500);--ring-focus: 0 0 0 3px rgba(226, 122, 84, .45)}:root{--dur-fast: .12s;--dur-base: .18s;--dur-slow: .28s;--dur-cele: .52s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text-body);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-strong);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0 0 .4em;text-wrap:balance}p{margin:0 0 1em;text-wrap:pretty}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-press);text-decoration:underline;text-underline-offset:2px}.cram-quote{font-family:var(--font-serif);font-style:italic;font-size:var(--text-xl);line-height:var(--leading-snug);color:var(--text-strong)}.cram-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.cram-eyebrow{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-muted)}::selection{background:var(--clay-100);color:var(--ink)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}hr{border:none;border-top:1px solid var(--border);margin:var(--space-6) 0}img{max-width:100%;display:block}@keyframes cram-spin{to{transform:rotate(360deg)}}@keyframes cram-pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cram-bounce{0%,80%,to{transform:translateY(0);opacity:.45}40%{transform:translateY(-6px);opacity:1}}@keyframes cram-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes cram-levelup-in{0%{transform:translate(-50%) translateY(-16px) scale(.85);opacity:0}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}@keyframes cram-gate-glow{0%,to{opacity:1}50%{opacity:.55}}@keyframes cram-confetti{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--cram-confetti-drift),92px) rotate(340deg);opacity:0}}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.app-header{position:sticky;top:0;z-index:10;background:var(--paper);border-bottom:1px solid var(--border)}.app-header-inner{max-width:var(--container-max);margin:0 auto;padding:12px var(--gutter);display:flex;align-items:center;gap:16px}.app-brand{display:flex;align-items:center;gap:10px;cursor:pointer}.app-wordmark{font:700 22px var(--font-display);letter-spacing:-.03em;color:var(--ink)}.app-header-readiness{flex:1;max-width:320px;margin:0 auto}.app-header-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.app-main{flex:1;width:100%;max-width:var(--content-max);margin:0 auto;padding:32px var(--gutter) 64px;box-sizing:border-box}