:root{--bg:#f4f6fb;--surface:#fff;--surface-alt:#eef1f8;--border:#d9dfec;--text:#161c2b;--text-muted:#5f6b85;--accent:#d7263d;--accent-soft:#fde8eb;--accent-text:#fff;--shadow:0 1px 2px #161c2b0f, 0 8px 24px #161c2b14;--radius:14px;--radius-sm:8px}@media (prefers-color-scheme:dark){:root{--bg:#11141d;--surface:#1a1f2c;--surface-alt:#232a3a;--border:#313a4f;--text:#eef1f8;--text-muted:#98a3bd;--accent:#ff5c72;--accent-soft:#3a1f28;--accent-text:#12151d;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000059}}.type-normal{--type-color:#9fa19f}.type-fire{--type-color:#e62829}.type-water{--type-color:#2980ef}.type-electric{--type-color:#fac000}.type-grass{--type-color:#3fa129}.type-ice{--type-color:#3fd8ff}.type-fighting{--type-color:#ff8000}.type-poison{--type-color:#9141cb}.type-ground{--type-color:#915121}.type-flying{--type-color:#81b9ef}.type-psychic{--type-color:#ef4179}.type-bug{--type-color:#91a119}.type-rock{--type-color:#afa981}.type-ghost{--type-color:#704170}.type-dragon{--type-color:#5060e1}.type-dark{--type-color:#50413f}.type-steel{--type-color:#60a1b8}.type-fairy{--type-color:#ef70ef}.type-stellar{--type-color:#40b5a5}*,:after,:before{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,system-ui,sans-serif;font-size:15px;line-height:1.6}h1,h2,h3{margin:0;line-height:1.3}a,button{color:inherit}button{font:inherit}input,select{font:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-width:0;color:var(--text);padding:8px 10px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.app-shell{max-width:960px;margin:0 auto;padding:0 16px 64px}.app-header{flex-wrap:wrap;justify-content:space-between;gap:12px;padding:20px 0 16px}.app-header,.app-title{align-items:center;display:flex}.app-title{gap:10px;font-size:19px;font-weight:700;text-decoration:none}.app-title:before{content:"";border:2px solid var(--text);background:linear-gradient(to bottom,var(--accent) 0 45%,var(--surface) 45% 100%);border-radius:50%;flex:none;width:20px;height:20px}.app-nav{background:var(--surface-alt);border-radius:999px;gap:4px;padding:4px;display:flex}.app-nav a{color:var(--text-muted);white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600;text-decoration:none}.app-nav a:hover{color:var(--text)}.app-nav a.router-link-active{background:var(--accent);color:var(--accent-text)}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:18px}.card+.card{margin-top:16px}.section-title{letter-spacing:.06em;color:var(--text-muted);margin-bottom:12px;font-size:13px;font-weight:700}.btn{border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-text);cursor:pointer;border:1px solid #0000;padding:9px 18px;font-weight:700}.btn:hover{filter:brightness(1.08)}.btn-ghost{border-color:var(--border);background:var(--surface);color:var(--text);font-weight:600}.type-badge{background:var(--type-color,var(--text-muted));color:#fff;text-shadow:0 1px 1px #00000040;white-space:nowrap;border-radius:999px;padding:2px 12px;font-size:12px;font-weight:700;display:inline-block}.muted{color:var(--text-muted)}.error-text{border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);padding:12px 14px;font-weight:600}.field{flex-direction:column;gap:4px;display:flex}.field>label{color:var(--text-muted);font-size:12px;font-weight:700}