:root{--bg:#0a0a0f;--bg-card:#12121c;--bg-header:#16162a;--bg-filter:#14141f;--bg-hover:#1a1a2e;--border:#1e1e2e;--border-filter:#2a2a40;--text:#e0e0e6;--text-muted:#8b83b0;--text-dim:#6b6b80;--text-faint:#4a4a5a;--accent:#a78bfa;--accent-light:#c4b5fd;--accent-bg:#2d1f5e;--accent-bg-hover:#3d2f7e;--cup-low:#6b8aaf;--cup-mid:#7bc47b;--cup-high:#d4a843;--cup-top:#e06b6b}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;padding-top:env(safe-area-inset-top,0)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}@keyframes toast-in{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes progress-stripe{0%{background-position:0 0}to{background-position:40px 0}}@keyframes spinner{to{transform:rotate(1turn)}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media screen and (max-width:768px){input,select,textarea{font-size:16px!important}}