:root{--bg:#fbf9f5;--surface:#fff;--surface-alt:#f3efea;--text-primary:#192b1e;--text-muted:#556858;--border:#192b1e1f;--accent:#226e3a;--accent-hover:#19532b;--accent-soft:#226e3a14;--font-heading:"DM Serif Display", Georgia, serif;--font-body:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--fs-display:clamp(1.5rem, 4.5vw, 2.75rem);--fs-h1:clamp(1.35rem, 3.5vw, 2rem);--fs-h2:1.5rem;--fs-h3:1.125rem;--fs-body:.9375rem;--fs-caption:.75rem;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--space-7:64px;--radius:12px;--shadow-card:0 4px 16px #192b1e0f;--shadow-drawer:-6px 0 24px #0000001f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg);color:var(--text-primary);max-width:100%;font-size:16px;overflow-x:hidden}body{font-family:var(--font-body);font-size:var(--fs-body);background-color:var(--bg);color:var(--text-primary);max-width:100%;line-height:1.55;overflow-x:hidden}h1,h2,h3,.font-heading{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;font-weight:400;line-height:1.15}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}p{font-size:var(--fs-body);color:var(--text-muted);line-height:1.55}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1160px;padding-inline:var(--space-3);margin-inline:auto}@media (width>=768px){.container{padding-inline:var(--space-4)}}.btn-primary{justify-content:center;align-items:center;gap:var(--space-2);background-color:var(--accent);color:#fff;font-size:var(--fs-body);padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-weight:600;transition:background-color .2s,transform .1s;display:inline-flex}.btn-primary:hover{background-color:var(--accent-hover)}.btn-secondary{justify-content:center;align-items:center;gap:var(--space-2);background-color:var(--surface);color:var(--text-primary);font-size:var(--fs-body);padding:var(--space-3) var(--space-4);border-radius:var(--radius);border:1px solid var(--border);font-weight:600;transition:background-color .2s,border-color .2s;display:inline-flex}.btn-secondary:hover{background-color:var(--surface-alt);border-color:var(--accent)}.tag-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius);font-size:var(--fs-caption);background-color:var(--accent-soft);color:var(--accent);border:1px solid #226e3a26;font-weight:600;display:inline-flex}.card-craft{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card)}.header-nav{display:none}@media (width>=860px){.header-nav{display:flex!important}}@media (width<=640px){.header-subtitle{display:none!important}.header-quiz-btn{padding:var(--space-2)!important}.quiz-btn-text{display:none!important}.header-bag-btn{padding:var(--space-2) var(--space-2)!important}.bag-btn-text{display:none!important}}