:root{font-family:Inter,Noto Sans JP,system-ui,-apple-system,sans-serif;color:#0f172a;background-color:#f8fafc;line-height:1.5}body{margin:0;background:radial-gradient(circle at 0% -10%,rgba(99,102,241,.12),transparent),radial-gradient(circle at 100% 0%,rgba(236,72,153,.12),transparent);min-height:100vh}h1,h2,h3,h4,h5,h6{color:#111827;margin:0}p{margin:0}.page{max-width:1040px;margin:0 auto;padding:clamp(24px,5vw,48px) clamp(16px,4vw,48px) 64px;display:flex;flex-direction:column;gap:32px}.header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.eyebrow{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#6366f1;font-weight:600}.lead{color:#475569;margin-top:8px;max-width:520px}.dataset-info{min-width:220px;background:#ffffffa6;border-radius:16px;padding:16px 20px;border:1px solid rgba(99,102,241,.18);display:flex;flex-direction:column;gap:6px;box-shadow:0 18px 40px #0f172a14}.dataset-label{font-size:.75rem;color:#6366f1;letter-spacing:.08em;text-transform:uppercase}.dataset-path{font-size:.8rem;color:#4f46e5;font-weight:600;word-break:break-all}.content{display:grid;gap:24px}.panel{background:#ffffffe6;border-radius:24px;padding:clamp(20px,3vw,32px);border:1px solid rgba(148,163,184,.25);box-shadow:0 24px 60px #0f172a14;display:flex;flex-direction:column;gap:16px}.panel h2{font-size:1.25rem}.description{color:#475569}.dataset-metrics{display:flex;flex-wrap:wrap;gap:16px;list-style:none;margin:0;padding:0}.dataset-metrics li{flex:1 1 180px;min-width:160px;background:#f8fafce6;border-radius:14px;padding:12px 16px;border:1px solid rgba(148,163,184,.25);display:flex;flex-direction:column;gap:4px}.dataset-metrics span{font-size:.8rem;color:#64748b;letter-spacing:.06em;text-transform:uppercase}.dataset-metrics strong{font-size:1.2rem;color:#1e293b}.dataset-toggle{display:flex;flex-wrap:wrap;gap:12px}.dataset-toggle__button{position:relative;display:flex;flex-direction:column;gap:4px;padding:12px 16px;border-radius:14px;border:1px solid rgba(99,102,241,.2);background:#fffc;color:#1e293b;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:180px;box-shadow:0 8px 20px #4f46e514}.dataset-toggle__button:hover{border-color:#6366f173;box-shadow:0 10px 24px #4f46e51f}.dataset-toggle__button.is-active{background:linear-gradient(135deg,#6366f12e,#4f46e51a);border-color:#4f46e599;color:#312e81}.dataset-toggle__label{font-size:.95rem}.dataset-toggle__path{font-size:.78rem;color:#6366f1;letter-spacing:.04em;text-transform:uppercase}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.form-grid label{display:flex;flex-direction:column;gap:8px;font-weight:600;color:#334155}.form-grid select,.form-grid input{border-radius:12px;border:1px solid rgba(148,163,184,.6);padding:12px 14px;font-size:.95rem;background:#f8fafce6}.form-grid select:focus,.form-grid input:focus{outline:none;border-color:#6366f1b3;box-shadow:0 0 0 3px #6366f126}.hint{font-size:.85rem;color:#64748b}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card{background:#f8fafce6;border-radius:18px;padding:16px 18px;border:1px solid rgba(148,163,184,.2);display:flex;flex-direction:column;gap:6px}.stat-label{font-size:.85rem;color:#64748b;letter-spacing:.08em;text-transform:uppercase}.stat-value{font-size:1.75rem;font-weight:700}.stat-detail{font-size:.85rem;color:#64748b}.result-callout{background:linear-gradient(135deg,#6366f11f,#3b82f61f);border-radius:18px;padding:20px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.result-callout h3{margin-bottom:6px}.result-note{font-size:.8rem;color:#475569}.chart-wrapper{height:320px}.placeholder{color:#94a3b8;font-style:italic}.footer{text-align:center;font-size:.85rem;color:#64748b}@media (max-width: 860px){.header{flex-direction:column;gap:16px}.dataset-info{align-self:stretch}.result-callout{flex-direction:column}}