@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap");:root{--bg:#fafafa;--surface:#fff;--border:#e5e5e5;--text:#171717;--text-secondary:#737373;--accent:#2563eb;--accent-hover:#1d4ed8;--success:#16a34a;--error:#dc2626;--warning:#ca8a04;--radius:8px;--font:"Inter",system-ui,sans-serif;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--content-max:720px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased}body{font-family:var(--font);font-size:15px;line-height:1.6;color:var(--text);background:var(--bg);min-height:100vh}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:var(--surface);border-bottom:1px solid var(--border)}.site-header-inner{padding:var(--space-4);display:flex;align-items:center;justify-content:space-between}.site-header-settings{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);padding:var(--space-2);border-radius:var(--radius)}.site-header-settings:hover{color:var(--accent);background:rgba(37,99,235,.08)}.site-brand{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--text)}.site-brand,.site-brand:hover{text-decoration:none}.site-logo-icon{display:flex;align-items:center;justify-content:center;color:var(--accent)}.site-logo-icon svg{display:block}.site-title{font-size:1.125rem;font-weight:600;letter-spacing:-.02em}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font);cursor:pointer}.page{min-height:100vh;padding:var(--space-8) var(--space-4);display:flex;justify-content:center;align-items:flex-start}.wrap{width:100%;max-width:var(--content-max)}.page .wrap{max-width:none}.setup-card{max-width:520px}.setup-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.setup-note{font-size:.8125rem;color:var(--text-secondary);margin-top:var(--space-4)}.page-head-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-2)}.page-head-row h1{margin-bottom:0}.setup-link{font-size:.875rem;color:var(--text-secondary)}.setup-link:hover{color:var(--accent)}.trial-banner{font-size:.875rem;color:var(--warning);background:#fefce8;padding:var(--space-3) var(--space-4);border-radius:var(--radius);margin-bottom:var(--space-4);border-left:3px solid var(--warning)}.trial-banner a{font-weight:500}.submit-row-generate{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.trial-limit-flag{font-size:.8125rem;color:var(--text-secondary)}.card{background:var(--surface);border-radius:var(--radius);padding:var(--space-8);box-shadow:0 1px 3px rgba(0,0,0,.06)}.page h1{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin-bottom:var(--space-2)}.muted{font-size:.9375rem;color:var(--text-secondary);margin-bottom:var(--space-6)}.form{gap:var(--space-5)}.form,.label{display:flex;flex-direction:column}.label{gap:var(--space-2);font-size:.875rem;font-weight:500;color:var(--text)}.label-title{font-weight:600;font-size:.9375rem}.label-subtitle{display:block;font-weight:400;font-size:.8125rem;color:var(--text-secondary);margin-top:.125rem}.input,.select,.textarea{width:100%;font-family:var(--font);font-size:.9375rem;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.input::placeholder,.textarea::placeholder{color:var(--text-secondary)}.textarea{resize:vertical;min-height:120px}.select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23737373' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:2rem}.file-row{display:flex;align-items:center;gap:var(--space-3)}.file-input-hidden{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.btn{font-family:var(--font);font-size:.9375rem;font-weight:500;padding:var(--space-3) var(--space-5);border-radius:var(--radius);border:none;cursor:pointer;transition:background .15s}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}.btn.primary:disabled{opacity:.6;cursor:not-allowed}.btn.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn.secondary:hover:not(:disabled){background:var(--bg)}.form .error{font-size:.875rem;color:var(--error)}.file-name{font-size:.875rem;color:var(--text-secondary)}.study-page{min-height:100vh;padding:var(--space-6) var(--space-4);max-width:1200px;margin:0 auto}.study-layout{max-width:none}.study-header{margin-bottom:var(--space-6);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4)}.study-header-left{flex:1 1 auto}.study-timer-wrap{display:flex;align-items:center;gap:var(--space-3)}.study-timer{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-secondary);font-size:.9375rem}.study-timer-btn{font-size:.8125rem;padding:var(--space-2) var(--space-3)}.study-header .back{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-3);display:inline-block}.study-header .back:hover{color:var(--accent);text-decoration:none}.study-header h1{font-size:1.375rem;font-weight:600;letter-spacing:-.02em}.study-columns{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-8);gap:var(--space-8);align-items:start}@media (max-width:880px){.study-columns{grid-template-columns:1fr}}.study-left{position:-webkit-sticky;position:sticky;top:var(--space-4)}.study-right{display:flex;flex-direction:column;gap:var(--space-6)}.vignette-box{background:var(--surface);border-radius:var(--radius);padding:var(--space-6);box-shadow:0 1px 3px rgba(0,0,0,.06);font-size:.9375rem;line-height:1.65}.vignette-hint{font-size:.75rem;color:var(--text-secondary);margin-bottom:var(--space-3)}.vignette-inner.highlightable{-webkit-user-select:text;-moz-user-select:text;user-select:text;white-space:pre-wrap;word-break:break-word}.vignette-highlight{background:rgba(250,204,21,.35);padding:0 2px;border-radius:2px;cursor:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWRlbGV0ZS1pY29uIGx1Y2lkZS1kZWxldGUiPjxwYXRoIGQ9Ik0xMCA1YTIgMiAwIDAgMC0xLjM0NC41MTlsLTYuMzI4IDUuNzRhMSAxIDAgMCAwIDAgMS40ODFsNi4zMjggNS43NDFBMiAyIDAgMCAwIDEwIDE5aDEwYTIgMiAwIDAgMCAyLTJWN2EyIDIgMCAwIDAtMi0yeiIvPjxwYXRoIGQ9Im0xMiA5IDYgNiIvPjxwYXRoIGQ9Im0xOCA5LTYgNiIvPjwvc3ZnPg==") 12 12,not-allowed}.vignette-box .md-p{margin:0 0 .75em}.vignette-box .md-p:last-child{margin-bottom:0}.vignette-box .md-ol,.vignette-box .md-ul{margin:.5em 0 .75em;padding-left:1.5em}.vignette-box .md-li{margin-bottom:.2em}.vignette-box .md-strong{font-weight:600}.vignette-box .md-h1,.vignette-box .md-h2,.vignette-box .md-h3{font-size:1em;font-weight:600;margin:1em 0 .4em}.vignette-box .md-h1:first-child,.vignette-box .md-h2:first-child,.vignette-box .md-h3:first-child{margin-top:0}.score-total{font-size:1rem;padding:var(--space-4);background:var(--surface);border-radius:var(--radius);box-shadow:0 1px 3px rgba(0,0,0,.06)}.score-total strong{color:var(--accent);font-weight:600}.score-total .score-time{display:block;font-size:.8125rem;color:var(--text-secondary);font-weight:400;margin-top:var(--space-2)}.question-answer-card{background:var(--surface);border-radius:var(--radius);padding:var(--space-5);box-shadow:0 1px 3px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:var(--space-4)}.question-card-marked{box-shadow:0 1px 3px rgba(0,0,0,.06),0 0 0 2px var(--warning)}.question-answer-head{justify-content:space-between}.question-answer-actions,.question-answer-head{display:flex;align-items:center;gap:var(--space-2)}.hints-btn{font-size:.75rem;font-weight:500;padding:var(--space-1) var(--space-2);background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:color .15s,border-color .15s}.hints-btn:hover{color:var(--text)}.hints-btn-on{color:var(--accent);border-color:var(--accent)}.q-id{font-size:.75rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.04em}.question-answer-card .q-text{font-size:.9375rem;line-height:1.55;color:var(--text)}.question-answer-card .q-text .md-p{margin:0 0 .4em}.question-answer-card .q-text .md-p:last-child{margin-bottom:0}.question-answer-card .q-text .md-ol,.question-answer-card .q-text .md-ul{margin:.35em 0 .5em;padding-left:1.25em}.question-answer-card .q-text .md-li{margin-bottom:.15em}.question-answer-card .q-text .md-strong{font-weight:600}.sub-parts{margin-top:var(--space-2);padding-left:var(--space-4);border-left:2px solid var(--border);list-style:none}.sub-parts li{margin-bottom:var(--space-1);font-size:.875rem;color:var(--text-secondary)}.sub-parts .md-p{margin:0}.suggested{font-size:.8125rem;color:var(--text-secondary)}.answer-hint-box{margin-top:var(--space-2);padding:var(--space-3) var(--space-4);background:#f0f9ff;border-radius:var(--radius);border-left:3px solid var(--accent)}.answer-hint-box .answer-hint-label{display:block;font-size:.75rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.25rem}.answer-hint-box .answer-hint-body{font-size:.875rem;line-height:1.5;color:var(--text)}.hint-used-badge{font-size:.6875rem;font-weight:500;color:var(--text-secondary);padding:.125rem .375rem;background:var(--border);border-radius:4px}.answer-input{min-height:96px;margin-top:var(--space-2)}.mark-btn{font-size:.75rem;font-weight:500;padding:var(--space-1) var(--space-2);background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:color .15s,border-color .15s}.mark-btn:hover{color:var(--text)}.mark-btn-on{color:var(--warning);border-color:var(--warning)}.grade-inline{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-3)}.grade-inline-collapsed{padding-top:var(--space-2);gap:0}.grade-inline .grade-score{font-size:.875rem;font-weight:600;color:var(--accent);display:block}.grade-marks-breakdown{font-size:.8125rem}.grade-marks-breakdown .grade-marks-label{display:block;font-weight:600;color:var(--text-secondary);margin-bottom:.25rem}.grade-marks-breakdown .grade-marks-body{color:var(--text);background:#f0f9ff;padding:var(--space-2) var(--space-3);border-radius:var(--radius);border-left:3px solid var(--accent)}.grade-los-tested{font-size:.8125rem}.grade-los-tested .grade-los-label{display:block;font-weight:600;color:var(--text-secondary);margin-bottom:.25rem}.grade-los-tested .grade-los-list{margin:0;padding-left:1.25rem;color:var(--text)}.grade-los-tested .grade-los-list li{margin-bottom:.15rem}.grade-inline .grade-feedback{font-size:.875rem;line-height:1.55;color:#374151;background:#f3f4f6;padding:var(--space-3) var(--space-4);border-radius:var(--radius);border-left:3px solid #9ca3af}.grade-inline .grade-feedback .md-p{margin:0 0 .3em}.grade-inline .grade-feedback .md-p:last-child{margin-bottom:0}.grade-inline .grade-feedback .md-ol,.grade-inline .grade-feedback .md-ul{margin:.25em 0;padding-left:1.25em}.grade-inline .grade-feedback .md-li{margin-bottom:.1em}.grade-inline .grade-feedback .md-strong{font-weight:600}.grade-correct{margin-top:0;padding-top:0;border-top:none}.grade-correct-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#15803d;display:block;margin-bottom:var(--space-2)}.grade-correct-body{font-size:.875rem;line-height:1.55;color:#166534;background:#ecfdf5;padding:var(--space-3) var(--space-4);border-radius:var(--radius);border-left:3px solid #22c55e}.grade-correct-body .md-p{margin:0 0 .3em}.grade-correct-body .md-p:last-child{margin-bottom:0}.grade-correct-body .md-ol,.grade-correct-body .md-ul{margin:.25em 0;padding-left:1.25em}.grade-correct-body .md-li{margin-bottom:.1em}.grade-correct-body .md-strong{font-weight:600}.submit-row{margin-top:var(--space-2)}.submit-hint{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-2)}.grade-error{margin-top:var(--space-6);padding:var(--space-4);font-size:.875rem;color:var(--error);background:#fef2f2;border-radius:var(--radius)}.no-data{text-align:center;color:var(--text-secondary);padding:var(--space-10) var(--space-4);font-size:.9375rem}