@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,500;0,9..40,700;0,9..40,800;1,9..40,400&family=Noto+Sans+JP:wght@400;700;900&family=Zen+Kaku+Gothic+New:wght@400;700&display=swap";:root{--bg: #0a0a0f;--surface: #12121a;--surface-hover: #1a1a26;--border: #1e1e2e;--border-accent: #e74c6f33;--text-primary: #e8e6e3;--text-secondary: #8b8b9e;--text-muted: #4a4a5e;--accent: #e74c6f;--accent-glow: #e74c6f44;--ring-bg: #1e1e2e;--card-shadow: 0 4px 24px rgba(0,0,0,.4);--jp-font: "Noto Sans JP", sans-serif}*{box-sizing:border-box;margin:0;padding:0}*::-webkit-scrollbar{width:6px}*::-webkit-scrollbar-track{background:var(--bg)}*::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg)}#root{width:100%;margin:0 auto;text-align:left}@keyframes starTwinkle{0%,to{opacity:0}50%{opacity:.6}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow),0 0 60px #e74c6f26}}.hero-title{font-size:clamp(2.5rem,7vw,5.5rem);font-weight:900;letter-spacing:-.03em;line-height:1;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.genre-pill{padding:6px 16px;border-radius:20px;font-size:13px;font-weight:500;border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .25s ease;white-space:nowrap}.genre-pill:hover{border-color:var(--accent);color:var(--text-primary)}.genre-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);animation:fadeInUp .5s ease both}.card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:var(--card-shadow),0 0 30px var(--accent-glow)}.featured-card{position:relative;background:var(--surface);border:1px solid var(--border-accent);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .4s ease;animation:glowPulse 4s infinite ease-in-out}.featured-card:hover{transform:scale(1.01);border-color:var(--accent)}.tag{display:inline-block;padding:3px 10px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.detail-panel{animation:fadeInUp .4s ease both}.search-input{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 16px 10px 42px;color:var(--text-primary);font-size:14px;font-family:inherit;width:100%;max-width:320px;outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--text-muted)}.sort-btn{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 14px;color:var(--text-secondary);font-size:13px;font-family:inherit;cursor:pointer;transition:all .2s}.sort-btn:hover,.sort-btn.active{border-color:var(--accent);color:var(--text-primary)}.pro-con{display:flex;align-items:flex-start;gap:8px;padding:6px 0;font-size:14px}.desktop-nav{display:flex}.hamburger{display:none}@media (max-width: 640px){.desktop-nav{display:none!important}.hamburger{display:block}}