:root{--ink:#14213d;--paper:#fbf9f4;--paper-line:#4c5fd724;--paper-margin:#c1442d;--bg:#eeece4;--text:#3a3630;--text-muted:#6b6558;--accent:#3b4ccb;--accent-hover:#2e3ca1;--accent-contrast:#fbf9f4;--success:#3f7a5c;--success-bg:#3f7a5c1f;--free:#3f7a5c;--free-bg:#3f7a5c1a;--warn:#b23a2a;--warn-bg:#b23a2a1a;--danger:#d92d20;--tier-c:#a97d2d;--tier-c-bg:#a97d2d1f;--border:#14213d24;--shadow:0 1px 2px #14213d0f;--font-display:"Newsreader", Georgia, "Times New Roman", serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--ink:#0b1220;--paper:#171d2e;--paper-line:#8ca0ff29;--paper-margin:#e07a63;--bg:#0b1220;--text:#e6e2d6;--text-muted:#9b9484;--accent:#8c9cff;--accent-hover:#a9b6ff;--accent-contrast:#0b1220;--success:#6fbe95;--success-bg:#6fbe9524;--free:#6fbe95;--free-bg:#6fbe951f;--warn:#e07a63;--warn-bg:#e07a6324;--danger:#ff5449;--tier-c:#d9a94d;--tier-c-bg:#d9a94d29;--border:#e6e2d624;--shadow:0 1px 2px #0000004d}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.55}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;margin:0 0 .5em;font-weight:500}h1{font-size:clamp(2rem,1.6rem + 1.6vw,3rem);line-height:1.12}h2{font-size:1.5rem;line-height:1.25}h3{font-size:1.1rem;line-height:1.3}p{margin:0 0 1em}a{color:var(--accent)}ul{margin:0;padding:0;list-style:none}button,input,textarea{font-family:inherit;font-size:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.site-header{background:var(--ink);border-bottom:1px solid var(--border)}.site-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;max-width:880px;margin:0 auto;padding:18px 24px;display:flex}.brand{font-family:var(--font-display);color:#fbf9f4;letter-spacing:-.01em;font-size:1.35rem;font-style:italic;font-weight:500;text-decoration:none}.nav-links{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.nav-links a{color:#fbf9f4bf;font-size:.9rem;text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--paper)}.nav-user{align-items:center;gap:14px;display:flex}.nav-email{font-family:var(--font-mono);color:#fbf9f48c;font-size:.78rem}.site-header .btn-ghost{color:#fbf9f4;border-color:#fbf9f459}.site-header .btn-ghost:hover:not(:disabled){color:#fbf9f4;border-color:#fbf9f4}.page{flex:1;width:100%;max-width:880px;margin:0 auto;padding:48px 24px 96px}.page-narrow{max-width:420px}.page-header{margin-bottom:32px}.eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-size:.75rem;display:block}.hero{padding:72px 0 24px;animation:.5s both hero-in}@keyframes hero-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero p{max-width:46ch;color:var(--text-muted);font-size:1.05rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.btn{white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.92rem;font-weight:500;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{border-color:var(--border);color:var(--text);background:0 0}.btn-ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.card{background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:6px;padding:24px}.google-auth-block{margin-bottom:4px}.auth-divider{color:var(--text-muted);align-items:center;gap:12px;margin:18px 0;font-size:.82rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.paper{background:repeating-linear-gradient(to bottom, transparent 0, transparent 27px, var(--paper-line) 27px, var(--paper-line) 28px);background-color:var(--paper);border:1px solid var(--border);border-left:3px solid var(--paper-margin);border-radius:4px;padding:20px 20px 20px 28px}.prompt-section{margin-bottom:40px}.prompt-section h2{margin-bottom:16px}.prompt-test-group{border:1px solid var(--border);border-radius:8px;margin-bottom:16px;padding:16px}.prompt-test-group.is-free{border-color:var(--free);background:var(--free-bg)}.prompt-test-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.prompt-test-header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.prompt-test-header h3{margin:0;font-size:1rem}.free-badge,.locked-badge{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:3px;padding:3px 8px;font-size:.68rem}.free-badge{color:var(--accent-contrast);background:var(--free)}.locked-badge{color:var(--text-muted);border:1px solid var(--border);background:0 0}.prompt-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.prompt-card{background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:6px;padding:18px;transition:border-color .15s,transform .15s;position:relative}.prompt-card:hover{border-color:var(--accent);transform:translateY(-1px)}.prompt-card a{color:inherit;text-decoration:none}.prompt-card a:after{content:"";position:absolute;inset:0}.task-badge{font-family:var(--font-mono);letter-spacing:.04em;color:var(--paper);background:var(--ink);border-radius:3px;margin-bottom:10px;padding:3px 8px;font-size:.72rem;display:inline-block}.prompt-card h4{margin-bottom:0;font-size:.95rem}.status-message{color:var(--text-muted);font-size:.9rem}.status-message.error{color:var(--danger)}.prompt-test-group.is-locked .prompt-card{opacity:.6}.prompt-test-group.is-locked .prompt-card:hover{border-color:var(--border);transform:none}a.locked-badge{color:var(--accent);border-color:var(--accent);text-decoration:none}.page-intro{color:var(--text-muted);max-width:52ch;margin-top:8px}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:24px;display:grid}.pricing-card{border:1px solid var(--border);background:var(--paper);border-radius:8px;flex-direction:column;gap:10px;padding:24px;display:flex}.pricing-card.is-current{border-color:var(--free);background:var(--free-bg)}.pricing-card h2{margin:0}.pricing-price{color:var(--text);font-size:1.35rem;font-weight:600}.pricing-price span{color:var(--text-muted);font-size:.8rem;font-weight:400;display:block}.pricing-blurb{color:var(--text-muted);flex:1;font-size:.9rem}.pricing-card .btn{margin-top:4px}.billing-summary{border:1px solid var(--border);border-radius:8px;margin-bottom:32px;padding:20px}.billing-summary h2{margin-top:0;margin-bottom:8px;font-size:1rem}.billing-summary .btn{margin-top:10px}.prompt-meta{font-family:var(--font-mono);color:var(--text-muted);flex-wrap:wrap;gap:16px;margin:16px 0 0;font-size:.78rem;display:flex}.response-form{margin-top:28px}.response-form textarea{resize:vertical;width:100%;min-height:220px;font-family:var(--font-body);color:var(--text);background:0 0;border:none;font-size:1rem;line-height:28px}.response-form textarea:focus-visible{outline:none}.response-form .paper:focus-within{border-color:var(--accent)}.form-actions{align-items:center;gap:12px;margin-top:16px;display:flex}.response-form audio{width:100%;margin-top:16px;display:block}.login-prompt{background:var(--paper);border:1px solid var(--border);color:var(--text-muted);border-radius:6px;margin-top:28px;padding:16px 20px}.feedback{border-top:1px solid var(--border);margin-top:36px;padding-top:28px}.feedback-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.level-badge{font-family:var(--font-mono);letter-spacing:.03em;background:var(--accent);color:var(--accent-contrast);border-radius:4px;padding:4px 10px;font-size:.85rem;font-weight:500}.level-badge[data-tier=a]{background:var(--success-bg);color:var(--success)}.level-badge[data-tier=b]{background:var(--accent);color:var(--accent-contrast)}.level-badge[data-tier=c]{background:var(--tier-c-bg);color:var(--tier-c)}.level-badge[data-tier=none]{background:var(--danger);color:#fff;font-weight:600}.feedback-comment{font-family:var(--font-display);color:var(--text);border-left:2px solid var(--border);margin-bottom:24px;padding-left:16px;font-size:1.1rem;font-style:italic}.feedback-columns{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=560px){.feedback-columns{grid-template-columns:1fr}}.feedback-columns h3{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;font-size:.75rem}.feedback-columns li{margin-bottom:8px;padding-left:20px;font-size:.94rem;position:relative}.strengths li:before{content:"✓";color:var(--success);position:absolute;left:0}.improve li:before{content:"→";color:var(--warn);position:absolute;left:0}.transcript{margin:20px 0 0;font-size:.95rem;line-height:28px}.accent-keyboard{flex-wrap:wrap;gap:6px;margin:16px 0;display:flex}.accent-key{border:1px solid var(--border);background:var(--card,var(--paper));min-width:34px;color:var(--text);font-family:var(--font-body);cursor:pointer;border-radius:4px;padding:6px 0;font-size:.95rem;transition:border-color .15s,color .15s}.accent-key:hover{border-color:var(--accent);color:var(--accent)}.timer-row{align-items:center;margin-bottom:8px;display:flex}.practice-timer{align-items:center;gap:10px;display:flex}.timer-select{border:1px solid var(--border);background:var(--paper);color:var(--text);font-family:var(--font-body);border-radius:4px;padding:8px 10px;font-size:.9rem}.timer-display{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text);font-size:1.1rem}.timer-display[data-expired=true]{color:var(--warn)}.word-count{font-family:var(--font-mono);color:var(--text-muted);margin:8px 0 0;font-size:.8rem}.word-count[data-out-of-range=true]{color:var(--warn)}.link-button{color:var(--accent);font-size:.78rem;font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.link-button:hover{color:var(--accent-hover)}.rubric-overlay{z-index:50;background:#00000059;justify-content:flex-end;display:flex;position:fixed;inset:0}.rubric-panel{background:var(--paper);border-left:1px solid var(--border);width:min(480px,100%);height:100%;padding:24px;overflow-y:auto;box-shadow:-4px 0 16px #0000001f}.rubric-panel-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.rubric-table{border-collapse:collapse;width:100%}.rubric-table th,.rubric-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:12px 8px;font-size:.9rem}.rubric-table th{font-family:var(--font-mono);color:var(--accent);width:48px}.feedback-score{font-family:var(--font-mono);color:var(--text-muted);margin-left:auto}.criteria-table{border-collapse:collapse;width:100%;margin-bottom:24px}.criteria-table th,.criteria-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:10px 8px;font-size:.9rem}.criteria-score{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap}.mistakes-list{flex-direction:column;gap:16px;margin:0 0 24px;padding:0;list-style:none;display:flex}.mistake-item{border:1px solid var(--border);background:var(--paper);border-radius:6px;padding:14px 16px}.mistake-category{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:.72rem;display:inline-block}.mistake-original{color:var(--warn);text-decoration:line-through}.mistake-correction{color:var(--success);font-weight:500}.mistake-explanation{color:var(--text-muted);margin:4px 0 10px;font-size:.9rem}.improved-version{margin-top:16px;line-height:1.7}.annotated-text{margin-bottom:20px;line-height:1.9}.annotated-text .mistake-original{margin-left:.15em}.annotated-text .mistake-correction{margin-right:.15em}.improved-change{color:var(--success);background:var(--success-bg);border-radius:3px;padding:0 2px;font-weight:600}.tooltip-trigger{cursor:help;border-bottom:1px dotted;position:relative}.tooltip-trigger .tooltip-content{visibility:hidden;opacity:0;background:var(--text);color:var(--bg);white-space:normal;z-index:20;pointer-events:none;border-radius:6px;width:max-content;max-width:260px;padding:8px 10px;font-size:.8rem;font-weight:400;line-height:1.4;text-decoration:none;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 12px #0003}.tooltip-trigger .tooltip-content:after{content:"";border:5px solid #0000;border-top-color:var(--text);position:absolute;top:100%;left:50%;transform:translate(-50%)}.tooltip-trigger:hover .tooltip-content,.tooltip-trigger:focus-visible .tooltip-content{visibility:visible;opacity:1;transform:translate(-50%)translateY(0)}.criterion-info{border:1px solid var(--border);width:15px;height:15px;font-family:var(--font-mono);color:var(--text-muted);cursor:help;vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;margin-left:6px;font-size:.66rem;font-style:normal;line-height:1;display:inline-flex}.criterion-info.tooltip-trigger{border-bottom:1px solid var(--border)}.criterion-info .tooltip-content{max-width:300px;left:0;transform:translate(-4px)translateY(4px)}.criterion-info:hover .tooltip-content,.criterion-info:focus-visible .tooltip-content{transform:translate(-4px)translateY(0)}.criterion-info .tooltip-content:after{left:12px}.form-field{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.form-field span{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem}.form-field input,.form-field select{border:1px solid var(--border);background:var(--paper);color:var(--text);border-radius:4px;padding:10px 12px;transition:border-color .15s}.form-field input:focus-visible,.form-field select:focus-visible{border-color:var(--accent);outline:none}.alert{background:var(--warn-bg);color:var(--warn);border-radius:4px;margin-bottom:18px;padding:10px 14px;font-size:.9rem}.progress-trend{background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:6px;margin-bottom:16px;padding:16px 20px}.progress-trend-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.progress-trend-header h3{margin:0;font-size:.95rem}.progress-trend-caption{color:var(--text-muted);font-size:.82rem}.progress-trend-bars{align-items:flex-end;gap:6px;height:56px;margin-top:12px;display:flex}.progress-trend-bar{background:var(--accent);opacity:.85;border-radius:3px 3px 0 0;flex:1;min-height:6px}.progress-trend-note{color:var(--text-muted);margin:10px 0 0;font-size:.88rem}.history-section{margin-bottom:40px}.history-section h2{margin-bottom:16px}.history-list{flex-direction:column;gap:12px;display:flex}.history-card{background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:6px;padding:18px 20px}.history-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.history-card-title{align-items:center;gap:10px;display:flex}.history-card-title h3{margin:0;font-size:1rem}.history-date{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.history-card-comment{font-family:var(--font-display);color:var(--text);margin:0;font-style:italic}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.dashboard-header h1{margin:0}.target-level-control{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:8px;font-size:.75rem;display:inline-flex}.target-level-control select{font-family:var(--font-mono);border:1px solid var(--border);background:var(--paper);color:var(--text);border-radius:4px;padding:6px 10px;font-size:.85rem}.history-card-toggle{cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:none;align-items:center;gap:12px;padding:0;display:flex}.history-card-toggle .history-card-title{flex:1;min-width:0}.history-card-toggle .history-card-title h3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chevron{border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);flex-shrink:0;width:8px;height:8px;transition:transform .2s;transform:rotate(45deg)}.history-card[data-open=true] .chevron{transform:rotate(-135deg)}.history-card-toggle+.history-card-comment{margin-top:10px}.history-card-detail{grid-template-rows:0fr;transition:grid-template-rows .25s;display:grid}.history-card-detail[data-open=true]{grid-template-rows:1fr}.history-card-detail-inner{min-height:0;overflow:hidden}.history-card[data-open=true] .history-card-detail-inner{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.attempt-detail h4{margin:20px 0 8px;font-size:.95rem}.attempt-detail h4:first-child{margin-top:0}.attempt-detail-score{align-items:center;gap:12px;margin:16px 0 8px;display:flex}.onboarding-intro{color:var(--text-muted);margin-bottom:24px;line-height:1.6}.level-choice-grid{flex-direction:column;gap:12px;display:flex}.level-choice{border:1px solid var(--border);background:var(--paper);cursor:pointer;text-align:left;border-radius:8px;flex-direction:column;gap:4px;padding:16px 18px;transition:border-color .15s,transform .15s;display:flex}.level-choice:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.level-choice:disabled{opacity:.6;cursor:default}.level-choice-label{font-family:var(--font-mono);color:var(--text);font-size:.9rem;font-weight:600}.level-choice-blurb{color:var(--text-muted);font-size:.85rem;line-height:1.5}