:root{--bg:#f6f0e2;--ink:#23264b;--ink-hover:#35396b;--paper:#fffdf7;--border:#e4d9c2;--border-hover:#c4903b;--muted:#6d6650;--muted-2:#8b8268;--muted-3:#b4aa8e;--link:#a34a2a;--link-hover:#7e3620;--gold:#d98e2b;--gold-hover:#e8a94a;--tan-bg:#efe5ce;--tan-border:#e0d2b2;--tan-hover-bg:#f8eed9;--canvas-bg:#fbf7ec;--canvas-border:#d8cbaa;--green:#3e7a52;--green-bg:#e7f0e4;--green-text:#2c5a3c;--red:#a93b2a;--red-bg:#f6e4de;--red-text:#8a2f21;--teal:#3e6b5e;--shadow:0 18px 45px #23264b1c;--shadow-soft:0 10px 24px #23264b1a}@media (prefers-color-scheme:dark){:root{--bg:#111424;--ink:#f6f0e2;--ink-hover:#fff7dc;--paper:#1b2035;--border:#f6f0e229;--border-hover:#d98e2b;--muted:#f6f0e2b8;--muted-2:#f6f0e294;--muted-3:#f6f0e26b;--tan-bg:#d98e2b24;--tan-border:#d98e2b42;--tan-hover-bg:#d98e2b38;--canvas-bg:#15192a;--canvas-border:#f6f0e238;--green-bg:#3e7a522e;--green-text:#a8d6b6;--red-bg:#a93b2a2e;--red-text:#ffb4a7;--shadow:0 18px 45px #0000004d;--shadow-soft:0 10px 24px #00000038}}*{box-sizing:border-box}html,body{background:var(--bg);margin:0;padding:0}body{color:var(--ink);font-family:Noto Sans SC,Noto Sans Lao,sans-serif}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}button{font-family:inherit}#root{min-height:100vh}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes strokeTrace{0%{stroke-dashoffset:2600px}to{stroke-dashoffset:0}}@keyframes glyphFill{0%{fill:#23264b00}to{fill:currentColor}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.app{background:radial-gradient(circle at top left, #d98e2b1f, transparent 34rem), linear-gradient(180deg, #ffffff1f, transparent 22rem), var(--bg);min-height:100vh;color:var(--ink);font-family:Noto Sans SC,Noto Sans Lao,sans-serif}.container{max-width:1080px;margin:0 auto;padding:20px}.site-header{z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header-inner{align-items:center;gap:14px;max-width:1080px;margin:0 auto;padding:14px 20px;display:flex}.site-logo{cursor:pointer;font:inherit;background:0 0;border:none;align-items:baseline;gap:10px;padding:0;display:flex}.site-logo-glyph{color:var(--link);font-family:Noto Serif Lao,serif;font-size:24px;font-weight:700}.site-logo-cn{color:var(--ink);font-family:Noto Serif SC,serif;font-size:18px;font-weight:700}.site-logo-en{color:var(--muted-2);letter-spacing:.04em;font-size:12px}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:10px 22px;font-size:14px;transition:border-color .15s,background .15s,color .15s,transform .1s,box-shadow .15s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{cursor:default}.btn-ink{background:var(--ink);color:var(--bg)}.btn-ink:hover:not(:disabled){background:var(--ink-hover)}.btn-outline-gold{background:var(--paper);color:var(--ink);border:1px solid var(--border-hover)}.btn-outline-gold:hover:not(:disabled){background:var(--tan-hover-bg)}.btn-outline-neutral{background:var(--paper);color:var(--ink);border:1px solid var(--border);padding:8px 18px;font-size:13.5px}.btn-outline-neutral:hover:not(:disabled){border-color:var(--border-hover)}.btn-gold{background:var(--gold);color:#23264b;padding:11px 22px;font-weight:700}.btn-gold:hover:not(:disabled){background:var(--gold-hover)}.btn-outline-dark{color:var(--bg);background:0 0;border:1px solid #f6f0e266;padding:11px 22px}.btn-outline-dark:hover:not(:disabled){border-color:var(--bg)}.btn-link-solid{background:var(--link);color:#fffdf7;padding:11px 24px}.btn-link-solid:hover:not(:disabled){background:var(--link-hover)}.btn-quiz-option{cursor:pointer;text-align:center;border-radius:14px;padding:16px 12px;line-height:1.3;transition:transform .1s,box-shadow .15s}.btn-quiz-option:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.card{background:color-mix(in srgb, var(--paper) 96%, transparent);border:1px solid var(--border);border-radius:18px;box-shadow:inset 0 1px #ffffff4d}.card-hover{cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.card-hover:hover{box-shadow:var(--shadow-soft);border-color:var(--border-hover);transform:translateY(-3px)}.fade-up{animation:.5s both fadeUp}.site-footer{border-top:1px solid var(--border);text-align:center;color:var(--muted-3);flex-wrap:wrap;justify-content:center;gap:10px;padding:20px;font-size:12.5px;display:flex}@media (width<=760px){.container{padding:16px}.site-header-inner{padding:12px 16px}.site-logo{align-items:center}.site-logo-en{display:none}.btn{padding-left:16px;padding-right:16px}}