:root{--bg:#0a0a0a;--bg-card:#ffffff0f;--bg-card-hover:#ffffff1a;--bg-input:#ffffff14;--border:#ffffff1a;--border-focus:#1a73e8;--text:#f5f5f5;--text-secondary:#ffffff80;--text-muted:#ffffff4d;--primary:#1a73e8;--primary-bg:#1a73e826;--green:#06c755;--green-bg:#06c75526;--red:#ef5350;--red-bg:#ef535026;--orange:#ff9800;--orange-bg:#ff980026;--blue:#42a5f5;--blue-bg:#42a5f526;--purple:#ab47bc;--purple-bg:#ab47bc26;--radius:16px;--radius-sm:10px;--radius-lg:24px;--nav-height:64px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Thai", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100dvh;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,12px));-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:0;height:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:none}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.fade-in{animation:.25s ease-out fadeIn}.slide-up{animation:.3s cubic-bezier(.2,.9,.3,1) slideUp}.pop{animation:.2s ease-out pop}