:root{--bg:#f5f7fa;--card:#fff;--text:#1f2937;--muted:#6b7280;--line:#d8dee8;--accent:#2563eb;--accent-soft:#eff6ff;--shadow:0 2px 10px rgba(15,23,42,.05)}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;background:var(--bg);color:var(--text);line-height:1.55}.container{width:min(920px,calc(100% - 28px));margin:0 auto}.site-header{background:#fff;border-bottom:1px solid var(--line);padding:22px 0 18px}.site-header h1{margin:0;font-size:1.55rem}.site-header p{margin:4px 0 0;color:var(--muted)}.tabs{display:flex;gap:8px;margin:18px 0 14px}.tab{flex:1;border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px 16px;font-weight:800;font-size:1rem;cursor:pointer}.tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.panel{display:none}.active-panel{display:block}.card{background:var(--card);border:1px solid #e5e7eb;border-radius:14px;box-shadow:var(--shadow);padding:18px;margin-bottom:16px}.card h2{margin:0;font-size:1.25rem}.muted{color:var(--muted);margin:3px 0 0}.top-row{display:grid;grid-template-columns:1fr 220px;gap:16px;align-items:start}.age-box label{display:block;font-weight:700;margin-bottom:5px}.input-inline{display:flex;gap:7px;align-items:center}.input-inline input{width:100%;min-width:0}input{border:1px solid var(--line);border-radius:9px;padding:10px 11px;font-size:16px;background:#fff}input:focus{outline:2px solid #bfdbfe;border-color:var(--accent)}.small-note{font-size:.78rem;color:var(--muted);margin-top:5px}.score-box{margin:16px 0 18px;background:var(--accent-soft);border:1px solid #bfdbfe;border-radius:12px;padding:16px;text-align:center}.score-label{color:#1e3a8a;font-weight:700}.score-value{font-size:2.35rem;font-weight:900;color:#1d4ed8;line-height:1.1}.score-max{font-size:1rem;font-weight:700}.score-note{margin-top:5px;font-size:.85rem;color:#374151}.regions{display:grid;gap:14px}.region-card{border:1px solid var(--line);border-radius:12px;padding:14px}.region-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}.region-head h3{margin:0;font-size:1.08rem}.region-score{font-weight:800;color:#1d4ed8}.field-block{margin-top:10px}.field-label{display:block;font-weight:700;margin-bottom:6px}.option-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.option-grid.severity{grid-template-columns:repeat(6,minmax(0,1fr))}.option-grid.pasi-severity{grid-template-columns:repeat(5,minmax(0,1fr))}.option-btn{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:40px;font-size:.95rem;cursor:pointer}.option-btn.selected{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:800}.option-btn:focus-visible,.tab:focus-visible,.primary-btn:focus-visible,.secondary-btn:focus-visible{outline:3px solid #bfdbfe;outline-offset:1px}.actions{display:flex;gap:8px;margin-top:16px}.primary-btn,.secondary-btn{flex:1;border-radius:10px;padding:12px 14px;font-size:16px;font-weight:800;cursor:pointer}.primary-btn{border:1px solid var(--accent);color:#fff;background:var(--accent)}.secondary-btn{border:1px solid var(--line);color:var(--text);background:#fff}details summary{cursor:pointer;font-weight:800}.info h3{margin:18px 0 6px;font-size:1rem}.info p,.info li{font-size:.92rem}.copy-status{min-height:24px;text-align:center;color:#166534;font-size:.9rem}footer{color:var(--muted);font-size:.8rem;padding:18px 0 30px}@media(max-width:640px){.top-row{grid-template-columns:1fr}.option-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.option-grid.severity{grid-template-columns:repeat(3,minmax(0,1fr))}.option-grid.pasi-severity{grid-template-columns:repeat(5,minmax(0,1fr))}.score-value{font-size:2.05rem}}

.bottom-score{display:flex;justify-content:center;align-items:baseline;gap:4px;margin:16px 0 0;padding:12px 14px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff;color:#1e3a8a;font-weight:700;font-size:.98rem}
.bottom-score strong{font-size:1.45rem;color:#1d4ed8;line-height:1}
.bottom-score span:last-child{font-size:.92rem}
@media(max-width:640px){
  .bottom-score{position:sticky;bottom:8px;z-index:20;margin:12px 0 8px;padding:10px 12px;box-shadow:0 4px 18px rgba(15,23,42,.12);backdrop-filter:blur(6px)}
  .bottom-score strong{font-size:1.35rem}
}


/* 常時EASI・PASIスコアを画面下部に固定（PC・スマホ共通） */
body { padding-bottom: 104px; }
.bottom-score {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(10px + env(safe-area-inset-bottom));
  z-index: 1000;
  width: min(920px, calc(100% - 32px));
  margin: 0;
  padding: 12px 16px;
  box-shadow: 0 -4px 18px rgba(15,23,42,.12);
  backdrop-filter: blur(8px);
}
@media (max-width: 640px) {
  body { padding-bottom: 84px; }
  .bottom-score {
    width: calc(100% - 20px);
    bottom: calc(6px + env(safe-area-inset-bottom));
    padding: 9px 12px;
  }
  .bottom-score strong { font-size: 1.35rem; }
}