:root{color-scheme:light;--violet-950: #2b1044;--violet-800: #4a1f77;--violet-700: #6a2c91;--violet-600: #7b2fa0;--violet-500: #9a4fbf;--violet-200: #ddc6ec;--violet-100: #efe3f7;--violet-50: #f8f3fc;--gold-700: #a76d0a;--gold-600: #c8860d;--gold-500: #e8a317;--gold-400: #f5b814;--gold-100: #fdf1d6;--bg: #f4eef9;--surface: #ffffff;--raise: #f6f0fb;--ink: #241633;--ink-soft: #6a5c7c;--line: #e6dbf0;--ok: #2f7d4f;--warn: #b26a00;--danger: #b23b2e;--radius: 14px;--radius-sm: 9px;--shadow-card: 0 1px 2px rgba(43, 16, 68, .06), 0 6px 20px -8px rgba(43, 16, 68, .14);--maxw: 880px}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #17111f;--surface: #201829;--raise: #291f36;--ink: #efe7f6;--ink-soft: #b3a4c4;--line: #362a47;--violet-700: #c6a0e2;--violet-600: #c39ddd;--violet-500: #b98ed8;--violet-200: #4a3660;--violet-100: #322241;--violet-50: #241a30;--gold-600: #e8a930;--gold-500: #f0b544;--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 20px -8px rgba(0, 0, 0, .5)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:IBM Plex Sans Thai,Sarabun,system-ui,sans-serif;font-size:16px;line-height:1.7;padding-bottom:5rem}body.no-tabbar{padding-bottom:0}body.no-tabbar .site-footer{display:none}h1,h2,h3{font-weight:600;line-height:1.3;text-wrap:balance;margin:0}a{color:var(--violet-700)}p{margin:0 0 .9rem}img{max-width:100%}.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--surface);padding:.5rem .9rem;border-radius:8px;z-index:50}:focus-visible{outline:2.5px solid var(--gold-500);outline-offset:2px;border-radius:4px}.container{max-width:var(--maxw);margin:0 auto;padding:1.25rem clamp(.9rem,4vw,1.6rem) 2.5rem}.site-header{background:linear-gradient(100deg,var(--violet-800),var(--violet-600) 60%,var(--violet-500));color:#fff;position:sticky;top:0;z-index:20}.site-header .bar{max-width:var(--maxw);margin:0 auto;padding:.6rem clamp(.9rem,4vw,1.6rem);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.greeting{font-size:.82rem;color:#fff;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40%}.greeting:before{content:"👤 "}.brand{display:inline-flex;align-items:center;gap:.7rem;color:#fff;text-decoration:none}.seal{width:2.5rem;height:2.5rem;flex:none;border-radius:50%;object-fit:cover;background:#fff;box-shadow:0 0 0 2px #ffffff8c}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-text strong{font-size:1.02rem;letter-spacing:.01em}.brand-text small{font-size:.8rem;opacity:.9}.site-footer{max-width:var(--maxw);margin:0 auto;padding:1.5rem clamp(.9rem,4vw,1.6rem) 1rem;border-top:1px solid var(--line);color:var(--ink-soft);font-size:.86rem}.site-footer .tiny{font-size:.8rem}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0)}.tab{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem .25rem .55rem;color:var(--ink-soft);text-decoration:none;font-size:.72rem}.tab.active{color:var(--violet-700)}.tab.active svg{stroke-width:2}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card)}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-700)}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1rem;border-radius:999px;background:var(--violet-700);color:#fff;text-decoration:none;font-weight:600;font-size:.92rem;border:0}.btn.ghost{background:transparent;color:var(--violet-700);border:1.5px solid var(--violet-200)}.btn:disabled{opacity:.55;cursor:default}.btn[aria-busy=true]{pointer-events:none;opacity:.8}.btn[aria-busy=true]:before{content:"";width:.85em;height:.85em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:btn-spin .6s linear infinite;flex:none}@keyframes btn-spin{to{transform:rotate(360deg)}}.loading{display:grid;justify-items:center;gap:.7rem;padding:2.6rem 1rem;color:var(--ink-soft);font-size:.9rem}.loading:before{content:"";width:1.7rem;height:1.7rem;border:2.5px solid var(--violet-200);border-top-color:var(--violet-600);border-radius:50%;animation:btn-spin .7s linear infinite}.sk{background:linear-gradient(90deg,var(--line) 25%,color-mix(in srgb,var(--line) 45%,var(--surface)) 37%,var(--line) 63%);background-size:200% 100%;animation:sk-shimmer 1.4s ease-in-out infinite;border-radius:6px}@keyframes sk-shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.loading:before,.sk{animation-duration:.001ms;animation-iteration-count:1}}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.85rem;color:var(--ink-soft);margin-bottom:1rem}.breadcrumb a{color:var(--ink-soft);text-decoration:none}.breadcrumb a:hover{color:var(--violet-700);text-decoration:underline}