@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@300;400;500;600;700&display=swap";
:root{--color-bg:#fff;--color-surface:#fff;--color-surface-2:#f7f7f5;--color-border:#e8e8e8;--color-border-subtle:#f0f0f0;--color-accent:#c3db6b;--color-accent-hover:#a4bd48;--color-accent-subtle:#c3db6b33;--color-text-primary:#37352f;--color-text-secondary:#787774;--color-text-muted:#9b9a97;--color-green:#0f7b6c;--color-green-subtle:#0f7b6c1a;--color-amber:#d9730d;--color-amber-subtle:#d9730d1a;--color-red:#e03e3e;--color-red-subtle:#e03e3e1a;--font-serif:"DM Serif Display",Georgia,serif;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--space-8:64px;--space-10:80px;--space-12:96px;--space-16:128px;--space-20:160px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-glow:0 0 24px #c3db6b4d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:16px;line-height:1.6}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;line-height:1.25}h1{font-family:var(--font-serif);color:var(--color-text-primary);font-size:clamp(2rem,5vw,3.5rem);font-weight:400}h2{font-family:var(--font-serif);color:var(--color-text-primary);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:400}h3{font-family:var(--font-sans);font-size:1.25rem;font-weight:600}h4{font-family:var(--font-sans);font-size:1rem;font-weight:600}p{color:var(--color-text-secondary);letter-spacing:-.01em;font-weight:400;line-height:1.7}a{color:var(--color-text-primary);text-decoration:underline;-webkit-text-decoration-color:var(--color-border);text-decoration-color:var(--color-border);text-underline-offset:4px;transition:all .2s}a:hover{color:var(--color-accent-hover);-webkit-text-decoration-color:var(--color-accent-hover);text-decoration-color:var(--color-accent-hover)}strong{color:var(--color-text-primary);font-weight:600}.container{width:100%;max-width:1280px;padding:0 var(--space-6);margin:0 auto}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn--primary{background:var(--color-accent);color:#070707;box-shadow:0 0 0 0 var(--color-accent)}.btn--primary:hover{background:var(--color-accent-hover);color:#070707;transform:translateY(-1px);box-shadow:0 4px 20px #c3db6b59}.btn--ghost{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0}.btn--ghost:hover{background:var(--color-surface-2);color:var(--color-text-primary);border-color:var(--color-border)}.btn--sm{padding:var(--space-2)var(--space-4);font-size:.8rem}.btn--lg{padding:var(--space-4)var(--space-8);font-size:1rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:all .2s}.card--inner{background:var(--color-surface-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm)}.badge{padding:2px var(--space-3);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;font-size:.72rem;font-weight:600;display:inline-flex}.badge--green{background:var(--color-green-subtle);color:var(--color-green)}.badge--amber{background:var(--color-amber-subtle);color:var(--color-amber)}.badge--red{background:var(--color-red-subtle);color:var(--color-red)}.badge--accent{background:var(--color-accent);color:#070707}.input,.textarea{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);font-family:var(--font-sans);padding:var(--space-3)var(--space-4);resize:none;outline:none;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.input:focus,.textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.input::placeholder,.textarea::placeholder{color:var(--color-text-muted)}label{color:var(--color-text-secondary);margin-bottom:var(--space-2);letter-spacing:.02em;font-size:.8125rem;font-weight:500;display:block}.score-bar-track{background:var(--color-surface-2);border-radius:999px;width:100%;height:8px;overflow:hidden}.score-bar-fill{border-radius:999px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1),background .3s}.score-bar-fill--green{background:var(--color-green)}.score-bar-fill--amber{background:var(--color-amber)}.score-bar-fill--red{background:var(--color-red)}.score-number{font-family:var(--font-serif);font-size:3rem;font-weight:400;line-height:1}.score-number--green{color:var(--color-green)}.score-number--amber{color:var(--color-amber)}.score-number--red{color:var(--color-red)}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8)0}.hint{color:var(--color-text-muted);margin-top:var(--space-1);font-size:.8rem}@keyframes flash-confirm{0%,to{opacity:1}50%{opacity:.5}}.flash{animation:.4s flash-confirm}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.35s both fadeIn}.section{padding:var(--space-16)0}.section--sm{padding:var(--space-10)0}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-hover);margin-bottom:var(--space-3);font-size:.75rem;font-weight:600}.grid-2{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.grid-5{gap:var(--space-5);grid-template-columns:repeat(5,1fr);display:grid}.grid-6{gap:var(--space-5);grid-template-columns:repeat(6,1fr);display:grid}@media (max-width:1300px){.grid-6{grid-template-columns:repeat(3,1fr)}}@media (max-width:1200px){.grid-5{grid-template-columns:repeat(3,1fr)}}@media (max-width:1100px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.grid-5,.grid-6{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr}}.prose p+p{margin-top:var(--space-4)}.prose h2{margin:var(--space-10)0 var(--space-4)}.prose h3{margin:var(--space-8)0 var(--space-3)}.prose ul,.prose ol{color:var(--color-text-secondary);padding-left:var(--space-6);margin:var(--space-4)0}.prose li{margin-bottom:var(--space-2);line-height:1.7}@media (max-width:600px){.container{padding:0 var(--space-4)}.card{padding:var(--space-4)}}