@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}*{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);padding:var(--space-4) var(--space-6)}.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-img{display:block;height:32px;width:auto;object-fit:contain}.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:480px}.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)}.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)}.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}.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{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.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-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 .grade-score{font-size:.875rem;font-weight:600;color:var(--accent);display:block}.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}