:root{--knj-mint: #9bd9c8;--knj-mint-dark: #48aa90;--knj-peach: #ffa28c;--knj-brown: #40302a;--knj-cream: #fffaf5;--knj-success: var(--knj-mint-dark);--knj-warning: #c48419;--knj-overdue: #d75353;--knj-info: #5799e3;--tone-draft: #c48419;--tone-protected: var(--knj-mint-dark);--tone-overdue: #d75353;--tone-closed: var(--knj-info);--tone-peach: var(--knj-peach);--tint-draft: rgba(243, 173, 61, .14);--tint-protected: rgba(155, 217, 200, .22);--tint-overdue: rgba(215, 83, 83, .12);--tint-closed: rgba(87, 153, 227, .12);--surface-draft: #fff8ec;--surface-protected: #f2f9f6;--surface-overdue: #fff2f1;--surface-closed: #f2f7fd;--font-sans: "IBM Plex Sans Thai", "Prompt", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, sans-serif;--text-display: 28px;--text-h1: 24px;--text-h2: 18px;--text-body: 15px;--text-caption: 13px;--text-micro: 12px;--line-display: 1.25;--line-heading: 1.35;--line-body: 1.55;--line-compact: 1.4;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-full: 999px;--surface-app: #fffbf7;--surface-card: #fffefd;--surface-card-solid: #fffefd;--border-soft: 1px solid rgba(64, 48, 42, .09);--border-control: 1px solid rgba(64, 48, 42, .14);--shadow-card: 0 5px 18px rgba(64, 48, 42, .07);--shadow-raised: 0 10px 28px rgba(64, 48, 42, .11);--focus-ring: 0 0 0 3px rgba(72, 170, 144, .17);--text-muted: rgba(64, 48, 42, .72)}body{margin:0;background:var(--surface-app);color:var(--knj-brown);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--line-body)}button,input,select,textarea{font:inherit}button{min-height:44px}input,select,textarea{font-size:16px}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--knj-mint-dark);outline-offset:2px}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{font-weight:700}strong,b{font-weight:600}a{color:inherit;text-decoration:none}*{box-sizing:border-box}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}