:root,[data-theme=warm-dark]{--color-bg:#1a1614;--color-surface:#2d2420;--color-card:#3d3028;--color-ink:#f5ecd7;--color-ink-dim:#b89a7a;--color-accent:#d4943a;--color-warm:#e8856a;--color-sky:#87a8c8;--color-border:#ffffff14;--color-overlay:#00000080}[data-theme=shophouse]{--color-bg:#f5efe3;--color-surface:#ede4d4;--color-card:#e0d3bf;--color-ink:#2c1f12;--color-ink-dim:#8a7060;--color-accent:#c0622a;--color-warm:#6b8f5e;--color-sky:#87a8c8;--color-border:#0000001a;--color-overlay:#0000004d}[data-theme=film-grade]{--color-bg:#1a1208;--color-surface:#2a1e0a;--color-card:#3d2e12;--color-ink:#f0dfa8;--color-ink-dim:#a08840;--color-accent:#e8a020;--color-warm:#4a9e8a;--color-sky:#87a8c8;--color-border:#ffffff14;--color-overlay:#00000080}[data-theme=midnight]{--color-bg:#0d0d14;--color-surface:#161622;--color-card:#1e1e2e;--color-ink:#e8e0f0;--color-ink-dim:#8080aa;--color-accent:#ff6b9d;--color-warm:#00d4aa;--color-sky:#87a8c8;--color-border:#ffffff14;--color-overlay:#00000080}[data-slot=เช้า]{--color-sky:#f9c97a;--color-accent:#e8a93a}[data-slot=เย็น]{--color-sky:#3d2f6b;--color-accent:#b87ecf}:root{--font-thai:"Sarabun", system-ui, sans-serif;--font-size-base:16px;--line-height-base:1.55;--radius-card:14px;--radius-pill:999px;--radius-sm:6px;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--shadow-card:0 2px 12px #00000040}.screen-enter{animation:fadeSlideUp var(--transition-screen,.28s ease)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-thai);font-size:var(--font-size-base);line-height:var(--line-height-base);-webkit-font-smoothing:antialiased;margin:0;transition:background .3s,color .3s}#root{flex-direction:column;max-width:480px;min-height:100svh;margin:0 auto;display:flex;position:relative}.app-shell{background:var(--color-bg);flex-direction:column;flex:1;display:flex}.screen{flex:1;padding-bottom:4.5rem;overflow-y:auto}.screen--no-nav{padding-bottom:0}.btn{border-radius:var(--radius-pill);font-family:var(--font-thai);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-size:.95rem;font-weight:600;transition:opacity .15s;display:inline-flex}.btn:disabled{opacity:.4;cursor:default}.btn-primary{background:var(--color-accent);color:var(--color-bg)}.btn-ghost{color:var(--color-ink);border:1px solid var(--color-border);background:0 0}.card{background:var(--color-card);border-radius:var(--radius-card);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}