:root{--n-0:#fdfcf9;--n-50:#f7f5ef;--n-100:#efece4;--n-150:#e8e4da;--n-200:#ddd8cb;--n-300:#c5c0b2;--n-400:#a09b8e;--n-500:#7c7a70;--n-600:#5a6560;--n-800:#35403b;--n-900:#1f2a26;--text-1:var(--n-900);--text-2:var(--n-600);--text-3:var(--n-400);--jade-50:#eff7f4;--jade-100:#dbede7;--jade-200:#b7dcd1;--jade-300:#86c4b4;--jade-400:#4fa490;--jade-500:#1e8a73;--jade-600:#14705f;--jade-700:#0e5e52;--jade-800:#0b4f45;--jade-900:#0a423a;--jade-950:#072b25;--gold-700:#8a6a17;--gold-600:#a57f1c;--gold-500:#c9a227;--gold-300:#e2cb74;--gold-100:#f5ebcb;--ok-700:#1e6b3c;--ok-bg:#e4f1e7;--ok-border:#bfdcc8;--warn-700:#8a5a12;--warn-bg:#f8eed3;--warn-border:#e6d3a3;--danger-700:#a93226;--danger-bg:#fbeae8;--danger-border:#eec4bf;--info-700:#2a6284;--info-bg:#e7f0f6;--info-border:#bfd7e5;--font-display:"Noto Serif Thai", serif;--font-body:"IBM Plex Sans Thai Looped", "Noto Sans Thai Looped", sans-serif;--t-caption:12px;--t-minor:13px;--t-body:14px;--t-reading:16px;--t-h3:15px;--t-h2:18px;--t-h1:22px;--t-display:28px;--t-hero:40px;--lh-ui:1.45;--lh-reading:1.7;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-full:999px;--e-1:0 1px 2px #14231e0d;--e-2:0 2px 4px -1px #14231e0f, 0 6px 16px -4px #14231e1a;--e-3:0 8px 20px -6px #14231e24, 0 20px 44px -10px #14231e29;--terra:#d97757;--terra-dark:#c06640;--terra-text:#a84a28;--terra-bg:#fff0e8;--sidebar-bg:#1e1c1a;--sidebar-text:#c8c0b8;--sidebar-section:#a89f96;--sidebar-muted:#8a8078;--sidebar-hover:#2a2826;--page-bg:#faf9f5;--border:#e4e4e7;--hdr-icon:#52525b;--hdr-icon-active:#7c3a1e;--danger-red:#b91c1c;--font-mono:"SFMono-Regular", ui-monospace, "JetBrains Mono", Menlo, monospace;--focus-ring:0 0 0 2px var(--page-bg), 0 0 0 4px var(--terra);--transition:.12s ease;--topbar-h:56px;--rail-w:200px;--touch:44px;--content-table:1360px;--content-detail:1080px;--content-form:720px;--content-auth:400px;--ivory:var(--n-50);--paper:var(--n-0);--ink:var(--text-1);--ink-2:var(--text-2);--line:var(--n-200);--jade-050:var(--jade-50);--gold-200:#ead9a0;--ok:var(--ok-700);--warn:var(--warn-700);--danger:var(--danger-700);--info:var(--info-700);--fs-xs:var(--t-caption);--fs-sm:var(--t-minor);--fs-md:var(--t-body);--fs-lg:var(--t-h2);--fs-xl:var(--t-h1);--fs-2xl:var(--t-h1);--fs-3xl:var(--t-display);--sp-1:var(--s-2);--sp-2:var(--s-4);--sp-3:var(--s-6);--sp-4:var(--s-8);--sp-6:var(--s-8);--sp-8:var(--s-12);--radius:var(--r-lg);--radius-sm:var(--r-md);--shadow:var(--e-1)}*{box-sizing:border-box}html,body{max-width:100vw;overflow-x:hidden}body{background:var(--page-bg);color:var(--text-1);font-family:var(--font-body);font-size:var(--t-body);line-height:var(--lh-ui);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{line-height:1.3;font-family:var(--font-body);margin:0}h1{font-family:var(--font-display);font-size:var(--t-h1);color:var(--jade-900);letter-spacing:-.01em;font-weight:700}h2{font-size:var(--t-h2);color:var(--text-1);font-weight:600}h3{font-size:var(--t-h3);color:var(--text-1);font-weight:600}a{color:var(--jade-700)}a:hover{color:var(--jade-600)}button{transition:background-color var(--transition), border-color var(--transition), color var(--transition)}:where(a,button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible{box-shadow:var(--focus-ring);border-radius:var(--r-sm);outline:none}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.kranok{background-image:radial-gradient(circle at 6px -3px, transparent 7px, var(--gold-500) 7.5px, transparent 9px);opacity:.85;background-position:0 0;background-repeat:repeat-x;background-size:24px 12px;border:0;width:100%;height:12px;margin:0}.app-shell{min-height:100vh;display:flex}.app-content{flex-direction:column;flex:1;min-width:0;display:flex}@media (max-width:900px){.app-shell{flex-direction:column}}[data-accent=terra]{--jade-50:#fff0e8;--jade-100:#fbe0d3;--jade-200:#f3c3ab;--jade-300:#e8a181;--jade-400:#df8560;--jade-500:#d97757;--jade-600:#c06640;--jade-700:#a84a28;--jade-800:#8f3f22;--jade-900:#7c3a1e;--jade-950:#4a2312}.skeleton{border-radius:var(--r-sm);background:linear-gradient(90deg, var(--n-100) 25%, var(--n-150) 50%, var(--n-100) 75%);color:#0000;-webkit-user-select:none;user-select:none;background-size:200% 100%;animation:1.4s infinite skeleton-sweep;display:inline-block}@keyframes skeleton-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}