:root{--bg:#1A1612;--fg:#F5F0E8;--muted:#8B7355;--accent:#C4956A;--card:#2A241E;--border:#3D352B}:root.light-theme{--bg:#F9F7F1;--fg:#1A1612;--muted:#6B563D;--card:#FFFFFF;--border:#DBCDB7}*{box-sizing:border-box}body{font-family:'Space Grotesk',sans-serif;background:var(--bg);color:var(--fg);margin:0}.title,h1,h2{font-family:'Noto Serif JP',serif}.bg-texture{position:fixed;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(196,149,106,.08) 0,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(139,115,85,.06) 0,transparent 50%),var(--bg);pointer-events:none;z-index:-1}.fade-in{animation:fadeIn .6s ease-out forwards;opacity:0}@keyframes fadeIn{to{opacity:1}}.slide-up{animation:slideUp .6s ease-out forwards;opacity:0;transform:translateY(20px)}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;transition-duration:0s!important}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:32px;max-width:400px;width:90%;text-align:center;transform:scale(.9) translateY(20px);transition:transform .3s cubic-bezier(.34, 1.56, .64, 1)}.modal-overlay.active .modal{transform:scale(1) translateY(0)}