:root{--color-bg:#FAF7F2;--color-bg-raised:#FFFFFF;--color-bg-subtle:#F2F1ED;--color-bg-hover:#ECEAE4;--surface-glass-bg:color-mix(in srgb,#FFFFFF 84%,transparent);--surface-glass-border:color-mix(in srgb,var(--color-text-primary) 8%,transparent);--surface-blur:13px;--color-text-primary:#1A1A18;--color-text-secondary:#5C5B56;--color-text-tertiary:#6A6862;--color-text-thai:#0f0f0e;--color-accent:oklch(48% 0.16 28);--color-accent-text:oklch(38% 0.18 28);--color-accent-strong:oklch(38% 0.20 28);--color-accent-subtle:oklch(94% 0.04 28);--color-accent-hover:oklch(38% 0.20 28);--color-on-accent:#FAF7F2;--color-accent-wash:color-mix(in srgb,var(--color-accent) 18%,transparent);--accent-rail:oklch(88% 0.04 28);--color-mark-1-text:var(--color-accent);--color-mark-1-bg:rgba(178,58,45,0.12);--color-mark-2-text:#3E6B49;--color-mark-2-bg:rgba(74,122,85,0.14);--color-mark-3-text:#8A6516;--color-mark-3-bg:rgba(168,118,43,0.14);--color-border:#E5E4DF;--color-border-strong:#c8c7c1;--color-border-soft:color-mix(in srgb,var(--color-border) 60%,transparent);--color-tone-mid:#6b7280;--color-tone-low:#2a4a6b;--color-tone-high:#8b2f1f;--color-tone-rising:#2d5f3f;--color-tone-falling:#8b5a2b;--color-class-high:#A52B24;--color-class-mid:#8E6A1C;--color-class-low:#2E7D6E;--color-class-high-bg:#A52B24;--color-class-high-ink:#FDF8F0;--color-class-high-ink-muted:#FDF8F0;--color-class-high-control:#FDF8F0;--color-class-mid-bg:#8E6A1C;--color-class-mid-ink:#FDF8F0;--color-class-mid-ink-muted:#FDF8F0;--color-class-mid-control:#FDF8F0;--color-class-low-bg:#2E7D6E;--color-class-low-ink:#FDF8F0;--color-class-low-ink-muted:#FDF8F0;--color-class-low-control:#FDF8F0;--color-class-card-edge:rgba(15,23,42,0.22);--color-class-card-shadow:0 12px 32px rgba(0,0,0,0.12);--color-success:#059669;--color-warning:#d97706;--color-danger:#dc2626;--color-danger-soft:oklch(94% 0.04 25);--color-status-drafted:#2563EB;--color-input-bg:var(--color-bg-raised);--color-input-border:var(--color-border);--color-input-border-focus:var(--color-accent);--color-input-border-error:var(--color-danger);--color-form-label:var(--color-text-secondary);--color-form-error:var(--color-danger);--color-source-reader:var(--color-accent);--color-source-youtube:#dc2626;--color-source-netflix:#dc2626;--color-source-website:#6d28d9;--color-source-manual:#d97706;--color-bookmark-0:#a06d2e;--color-bookmark-1:#5d7e5b;--color-bookmark-2:#82342a;--color-bookmark-3:#506776;--color-bookmark-4:#6b3f6e;--reader-selection-bg:var(--color-accent-subtle);--reader-new-word-bg:rgba(26,26,24,0.06);--reader-new-word-bg-full:rgba(26,26,24,0.12);--reader-known-bg:#d1fae5;--reader-known-border:#a7f3d0;--reader-wordstatus-known-bg:rgba(5,150,105,0.12);--reader-wordstatus-learning-bg:rgba(217,119,6,0.12);--reader-pill-completed-active-bg:#ecfdf5;--color-reader-tint-sepia:#f4f0e6;--color-reader-tint-paper:#f9f7f2;--color-backdrop-scrim:color-mix(in srgb,var(--color-text-primary) 22%,transparent);--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-24:6rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.5rem;--text-4xl:3rem;--text-5xl:3.75rem;--text-display:clamp(60px,6.5vw,80px);--text-thai-bump:3px;--text-thai-sm:1rem;--text-thai-base:1.25rem;--text-thai-row:1.375rem;--text-thai-lg:2rem;--text-thai-xl:3rem;--text-thai-2xl:3.5rem;--line-height-display:1.02;--letter-spacing-display:-0.02em;--letter-spacing-eyebrow:0.10em;--shadow-sm:0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 12px 32px rgba(0,0,0,0.12);--shadow-elevated:0 4px 20px rgba(0,0,0,0.08);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-round:9999px;--radius-pill:var(--radius-sm);--radius-button:var(--radius-md);--radius-card:var(--radius-lg);--color-focus-ring:var(--color-accent);--layout-content-max:720px;--layout-page-max:1080px;--nav-height:80px;--library-cover-height-md:267px;--font-english:var(--font-english-sans),system-ui,sans-serif;--font-serif:var(--font-english-serif);--font-english-serif:var(--font-english-serif-face),"IBM Plex Serif",Georgia,serif;--font-english-mono:var(--font-english-mono),ui-monospace,monospace;--font-mono:var(--font-english-mono);--font-weight-serif-normal:400;--font-weight-serif-medium:500;--reader-text-size-default:20px;--reader-text-size-thai-bump:3px;--reader-line-height-default:1.75;--reader-line-height-thai:1.85;--reader-paragraph-spacing-default:1.25em;--reader-title-size-desktop:48px;--reader-title-size-mobile:36px;--reader-surface-padding-top-desktop:6rem;--reader-surface-padding-bottom-desktop:8rem;--reader-surface-padding-top-mobile:3rem;--reader-surface-padding-bottom-mobile:4rem;--reader-panel-width:360px;--reader-paginated-column-gap:4rem;--reader-paginated-viewport-height-offset-desktop:16rem;--reader-paginated-viewport-height-offset-mobile:13rem;--color-state-l0-bg:transparent;--color-state-l0-border:#C8C7C1;--color-state-l1-bg:oklch(94% 0.04 28);--color-status-new:var(--color-accent);--color-status-learning:#0E7A64;--color-status-known:var(--color-border-strong);--color-state-l2-bg:oklch(68% 0.14 28);--color-state-l3-bg:oklch(38% 0.20 28);--color-stratum-paper:#F6F3EC;--color-stratum-celadon:#EAF0EC;--color-stratum-ochre:#F4ECDD;--color-colophon-bg:#161618;--color-colophon-bg-strong:#262626;--color-colophon-text:#CFC7B5;--color-colophon-muted:#8C8472;--color-colophon-text-strong:#EFE9DB;--motion-fast:280ms;--motion-base:350ms;--ease-standard:cubic-bezier(0.2,0.7,0.2,1)}html[data-theme=dark]{--color-bg:#121212;--color-bg-raised:#1C1C1C;--color-bg-subtle:#1A1A1A;--color-bg-hover:#262626;--surface-glass-bg:color-mix(in srgb,#1C1C1C 80%,transparent);--surface-glass-border:color-mix(in srgb,var(--color-text-primary) 12%,transparent);--color-text-primary:#ECECEC;--color-text-secondary:#A8A8A8;--color-text-tertiary:#858585;--color-text-thai:#f5f5f4;--color-accent:oklch(70% 0.17 28);--color-accent-text:oklch(78% 0.16 28);--color-accent-strong:oklch(80% 0.18 28);--color-accent-subtle:oklch(24% 0.06 28);--color-accent-hover:oklch(80% 0.18 28);--color-on-accent:#FAF7F2;--accent-rail:oklch(30% 0.07 28);--color-mark-1-text:var(--color-accent);--color-mark-1-bg:rgba(214,92,78,0.18);--color-mark-2-text:#84BB91;--color-mark-2-bg:rgba(132,187,145,0.18);--color-mark-3-text:#D7A341;--color-mark-3-bg:rgba(215,163,65,0.18);--color-border:#2A2A2A;--color-border-strong:#4A4A4A;--color-border-soft:color-mix(in srgb,var(--color-border) 60%,transparent);--color-tone-mid:#9ca3af;--color-tone-low:#6b8aad;--color-tone-high:#c5715f;--color-tone-rising:#6b9f7f;--color-tone-falling:#b89265;--color-class-high:#D96651;--color-class-mid:#D9A23E;--color-class-low:#6FB89A;--color-class-card-edge:rgba(255,255,255,0.18);--color-class-card-shadow:0 12px 32px rgba(0,0,0,0.45);--color-success:#34d399;--color-warning:#fbbf24;--color-danger:#f87171;--color-danger-soft:oklch(24% 0.05 25);--color-status-drafted:#60A5FA;--color-input-bg:var(--color-bg-raised);--color-input-border:var(--color-border);--color-input-border-focus:var(--color-accent);--color-input-border-error:var(--color-danger);--color-form-label:var(--color-text-secondary);--color-form-error:var(--color-danger);--color-source-reader:var(--color-accent);--color-source-youtube:#ef4444;--color-source-netflix:#ef4444;--color-source-website:#8b5cf6;--color-source-manual:#f59e0b;--color-bookmark-0:#caa46f;--color-bookmark-1:#8aa988;--color-bookmark-2:#b87b6f;--color-bookmark-3:#8aa1ad;--color-bookmark-4:#a378a6;--reader-selection-bg:var(--color-accent-subtle);--reader-new-word-bg:rgba(96,165,250,0.15);--reader-new-word-bg-full:rgba(96,165,250,0.22);--reader-known-bg:rgba(52,211,153,0.15);--reader-known-border:rgba(52,211,153,0.4);--reader-wordstatus-known-bg:rgba(52,211,153,0.2);--reader-wordstatus-learning-bg:rgba(251,191,36,0.2);--reader-pill-completed-active-bg:rgba(52,211,153,0.18);--color-reader-tint-sepia:#2a2620;--color-reader-tint-paper:#22211c;--color-backdrop-scrim:color-mix(in srgb,var(--color-text-primary) 45%,transparent);--shadow-sm:0 1px 2px rgba(0,0,0,0.2);--shadow-md:0 4px 12px rgba(0,0,0,0.3);--shadow-lg:0 12px 32px rgba(0,0,0,0.4);--shadow-elevated:0 4px 24px rgba(0,0,0,0.45);--color-state-l0-bg:transparent;--color-state-l0-border:#262626;--color-state-l1-bg:oklch(24% 0.06 28);--color-status-learning:#0E7A64;--color-state-l2-bg:oklch(55% 0.14 28);--color-state-l3-bg:oklch(80% 0.18 28);--color-stratum-paper:#1A1A1A;--color-stratum-celadon:#161616;--color-stratum-ochre:#1E1E1E;--color-colophon-bg:#0D0D0D;--color-colophon-bg-strong:#2A2A2A}