@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&family=DM+Mono:wght@400;500&display=swap");:root{--ink:#18110a;--ink-soft:#4a3a28;--ink-faint:#8a7a68;--parchment:#f8f3ea;--parchment-mid:#ede5d4;--parchment-dk:#d8cdb8;--gold:#b8862e;--gold-light:#d4a84e;--gold-pale:#f5ead0;--gold-glow:rgba(184,134,46,.15);--crimson:#8b1a1a;--success:#1e5c2e;--success-bg:#d4edda;--grade-a-bg:#d4edda;--grade-a-fg:#1a5c2e;--grade-b-bg:#d4e4f0;--grade-b-fg:#1a3e6b;--grade-c-bg:#fff3cd;--grade-c-fg:#7a5c1a;--grade-d-bg:#f8d7da;--grade-d-fg:#6b1a1a;--grade-f-bg:#f0c6cb;--grade-f-fg:#3d0000;--font-display:"Playfair Display",Georgia,serif;--font-body:"DM Sans",system-ui,sans-serif;--font-mono:"DM Mono","Courier New",monospace;--r:4px;--r-md:8px;--r-lg:12px;--shadow-sm:0 1px 3px rgba(24,17,10,.08);--shadow-md:0 4px 16px rgba(24,17,10,.1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--parchment);color:var(--ink);line-height:1.6;min-height:100vh}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.2;letter-spacing:-.01em}h1{font-size:clamp(1.9rem,4.5vw,3.25rem)}h2{font-size:clamp(1.4rem,3vw,2rem)}h3{font-size:clamp(1.1rem,2vw,1.4rem)}p{line-height:1.7}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px}.container,.container-narrow{margin:0 auto;padding:0 1.5rem}.container-narrow{max-width:680px}.card{background:#fff;box-shadow:var(--shadow-sm)}.card,.card-parchment{border:1px solid var(--parchment-dk);border-radius:var(--r-lg);padding:1.5rem}.card-parchment{background:var(--parchment)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:var(--r);font-family:var(--font-body);font-weight:500;font-size:.9rem;cursor:pointer;border:none;transition:all .15s;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--ink);color:var(--parchment)}.btn-primary:hover{background:var(--ink-soft);text-decoration:none}.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover{background:var(--gold-light);text-decoration:none}.btn-outline{background:transparent;border:1.5px solid var(--parchment-dk);color:var(--ink)}.btn-outline:hover{border-color:var(--ink-soft);background:var(--parchment-mid);text-decoration:none}.btn-ghost{background:transparent;color:var(--ink-soft)}.btn-ghost:hover{background:var(--parchment-mid);text-decoration:none}.btn-danger{background:var(--crimson);color:#fff}.btn-lg{padding:.85rem 2rem;font-size:1rem}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.btn:disabled{opacity:.45;cursor:not-allowed}.form-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.15rem}.form-label{font-size:.78rem;font-weight:600;color:var(--ink-soft);letter-spacing:.05em;text-transform:uppercase}.form-input,.form-select,.form-textarea{padding:.65rem .85rem;border:1.5px solid var(--parchment-dk);border-radius:var(--r);font-family:var(--font-body);font-size:.93rem;color:var(--ink);background:#fff;outline:none;transition:border-color .15s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow)}.form-textarea{resize:vertical;min-height:140px;line-height:1.7}.form-hint{font-size:.78rem;color:var(--ink-faint)}.form-error{font-size:.82rem;color:var(--crimson);margin-top:.2rem}.grade-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-family:var(--font-display);font-weight:700}.grade-a{background:var(--grade-a-bg);color:var(--grade-a-fg)}.grade-b{background:var(--grade-b-bg);color:var(--grade-b-fg)}.grade-c{background:var(--grade-c-bg);color:var(--grade-c-fg)}.grade-d{background:var(--grade-d-bg);color:var(--grade-d-fg)}.grade-f{background:var(--grade-f-bg);color:var(--grade-f-fg)}.progress-track{height:3px;background:var(--parchment-dk)}.progress-fill{height:100%;background:var(--gold);transition:width .35s ease}.spinner{width:1.1rem;height:1.1rem;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .4s ease forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.text-muted{color:var(--ink-soft)}.text-faint{color:var(--ink-faint)}.text-gold{color:var(--gold)}.text-center{text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.divider{border:none;border-top:1px solid var(--parchment-dk);margin:1.5rem 0}