: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);overscroll-behavior-y:none}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)}}@keyframes ai-glow{0%,to{box-shadow:0 0 12px rgba(167,139,250,.3),0 0 24px rgba(139,92,246,.15)}50%{box-shadow:0 0 20px rgba(167,139,250,.5),0 0 40px rgba(139,92,246,.25)}}@keyframes ai-border-flow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes ai-sparkle{0%,to{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes ai-dots{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1.1)}}.blog-content h2{color:#c4b5fd;font-size:20px;font-weight:700;margin:28px 0 12px;padding-bottom:6px;border-bottom:1px solid #2a2a40}.blog-content h3{color:#a78bfa;font-size:17px;font-weight:600;margin:20px 0 8px}.blog-content p{margin:12px 0;line-height:1.8}.blog-content ol,.blog-content ul{margin:12px 0;padding-left:24px}.blog-content li{margin:6px 0;line-height:1.6}.blog-content a{color:#a78bfa;text-decoration:underline}@media screen and (max-width:768px){input,select,textarea{font-size:16px!important}}