:root{font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;color:#0f172a;background:radial-gradient(circle at top,#f8fafc,#eef2ff 60%,#e2e8f0);line-height:1.6}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;padding:24px 20px 40px}.header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.header h1{font-size:28px;margin:0 0 4px}.header p{margin:0;color:#475569}.deck-note{background:#e2e8f0;color:#1e293b;padding:10px 14px;border-radius:12px;font-weight:600}.mode-panel{margin-bottom:16px}.mode-card{background:#fff;border-radius:18px;padding:16px 20px;box-shadow:0 10px 24px #0f172a14}.mode-card h2{margin-top:0;margin-bottom:12px;font-size:18px}.multi-mode-block{margin-top:12px;display:grid;gap:8px}.multi-mode-title{font-weight:600;font-size:14px;color:#334155}.layout{display:grid;grid-template-columns:minmax(320px,380px) minmax(0,1fr);gap:14px}.chart-column{display:flex;flex-direction:column;gap:14px}.control-card,.chart-card{background:#fff;border-radius:18px;padding:16px;box-shadow:0 10px 24px #0f172a14}.control-card h2,.chart-card h2{margin-top:0;margin-bottom:16px;font-size:18px}.control{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.control-title{font-weight:600;font-size:14px;color:#334155}.control-row{display:flex;align-items:center;gap:12px}.stepper-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stepper-row.compact{gap:6px}input[type=range]{flex:1;accent-color:#2563eb;height:6px}.value-pill,.fixed-pill{min-width:56px;text-align:center;padding:6px;border-radius:10px;background:#e0f2fe;color:#0c4a6e;font-weight:600}.fixed-pill{background:#f1f5f9;color:#475569}.stepper{width:36px;height:36px;border-radius:10px;border:1px solid #cbd5f5;background:#f8fafc;font-size:20px;font-weight:700;cursor:pointer}.helper{font-size:12px;color:#64748b}.target-list{display:grid;gap:10px}.target-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0}.target-meta{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.target-label{font-weight:700;color:#334155}.target-values{display:grid;gap:10px}.target-field{display:grid;gap:6px}.target-caption{font-size:12px;color:#475569;font-weight:600}.add-target{border:1px dashed #94a3b8;background:#f8fafc;border-radius:12px;padding:10px 12px;font-weight:600;cursor:pointer}.ghost{border:1px solid transparent;background:transparent;color:#ef4444;font-weight:600;cursor:pointer}.ghost:disabled{color:#94a3b8;cursor:not-allowed}.radio-row{display:flex;gap:10px;flex-wrap:wrap}.radio-pill{border:1px solid #cbd5f5;padding:8px 14px;border-radius:999px;background:#f8fafc;display:flex;align-items:center;gap:6px;font-weight:600;cursor:pointer}.radio-pill input{accent-color:#2563eb}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.segmented.locked{opacity:.7}.segment{border:1px solid #cbd5f5;background:#f8fafc;padding:10px 0;border-radius:12px;font-weight:600;cursor:pointer}.segment:disabled{cursor:not-allowed}.segment.active{background:#2563eb;color:#fff;border-color:#2563eb}.chart-wrapper{width:100%;height:420px}.tooltip{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:10px 12px;box-shadow:0 8px 16px #0f172a1f;font-size:12px}.tooltip-title{font-weight:700;margin-bottom:6px}.tooltip-body{display:grid;gap:4px}.tooltip-row{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:6px}.tooltip-label{color:#1f2937}.tooltip-value{font-weight:700}.dot{width:8px;height:8px;border-radius:999px}@media(max-width:900px){.layout{grid-template-columns:1fr}.chart-wrapper{height:360px}}@media(max-width:600px){.app{padding:16px}.header h1{font-size:22px}.control-row{flex-direction:column;align-items:stretch}.value-pill{align-self:flex-start}.target-row{grid-template-columns:1fr;align-items:start}}