:root{--bg:#f7f8fb;--surface:#fff;--surface-soft:#f1f5f9;--text:#172033;--muted:#667085;--border:#d7dee8;--accent:#0f766e;--accent-dark:#115e59;--positive:#0f9f6e;--positive-soft:#dff7ec;--negative:#d64545;--negative-soft:#fde8e8;--warning:#b7791f;--shadow:0 18px 55px #1720331a;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{border:0}#root{min-height:100svh}.app-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:36px 0}.intro{gap:18px;margin-bottom:24px;padding:28px 0 10px;display:grid}.eyebrow{color:var(--accent);margin:0 0 10px;font-size:.9rem;font-weight:700}h1,h2,p{margin-top:0}h1{letter-spacing:0;max-width:780px;margin-bottom:14px;font-size:clamp(2rem,5vw,3.4rem);line-height:1.1}h2{letter-spacing:0;margin-bottom:6px;font-size:1.2rem;line-height:1.35}.intro-copy{max-width:760px;color:var(--muted);margin-bottom:0;line-height:1.8}.workspace{grid-template-columns:1fr;align-items:start;gap:20px;display:grid}.input-panel,.result-panel,.chart-panel,.empty-state,.notice-panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.input-panel,.result-panel,.chart-panel,.empty-state{padding:22px}.input-panel{position:static}.panel-heading p,.empty-state p{color:var(--muted);margin-bottom:0;line-height:1.7}.field{gap:8px;margin-top:18px;font-weight:700;display:grid}.input-with-unit{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:1fr auto;align-items:center;display:grid;overflow:hidden}.input-with-unit:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e26}.input-with-unit input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;padding:12px 14px}.input-with-unit span{color:var(--muted);padding:0 14px;font-weight:700}select{border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface);border-radius:8px;padding:12px 14px}select:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px #0f766e26}[aria-invalid=true]{border-color:var(--negative)}.field-error{color:var(--negative);margin:0;font-size:.9rem;font-weight:700}.volatility-guide{border:1px solid var(--border);background:#fbfcfe;border-radius:8px;margin-top:18px;padding:14px}.volatility-guide h3{margin:0 0 10px;font-size:1rem;line-height:1.4}.volatility-guide ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.volatility-guide li{color:var(--muted);grid-template-columns:3.5em 1fr;gap:8px;font-size:.92rem;line-height:1.6;display:grid}.volatility-guide strong{color:var(--text)}.form-actions{grid-template-columns:1fr .75fr;gap:10px;margin-top:24px;display:grid}.form-actions button{background:var(--accent);color:#fff;cursor:pointer;border-radius:8px;min-height:46px;padding:10px 14px;font-weight:800}.form-actions button:hover{background:var(--accent-dark)}.form-actions .ghost-button{border:1px solid var(--border);background:var(--surface-soft);color:var(--text)}.form-actions .ghost-button:hover{background:#e6edf5}.result-area{gap:20px;display:grid}.empty-state{align-content:center;min-height:280px;display:grid}.result-panel{border-top:6px solid var(--accent)}.result-panel.positive,.result-panel.positive-strong{border-top-color:var(--positive)}.result-panel.negative,.result-panel.negative-strong{border-top-color:var(--negative)}.result-summary{background:var(--surface-soft);border-radius:8px;margin:20px 0;padding:18px;line-height:1.8}.result-summary strong{font-size:1.2rem}.positive .result-summary,.positive-strong .result-summary{background:var(--positive-soft)}.negative .result-summary,.negative-strong .result-summary{background:var(--negative-soft)}.probability-note{border:1px solid var(--border);background:#fbfcfe;border-radius:8px;gap:6px;margin:0 0 18px;padding:16px;display:grid}.probability-note span{color:var(--accent);font-size:.9rem;font-weight:800}.probability-note strong{color:var(--text);font-size:1.35rem;line-height:1.3}.probability-note p{color:var(--muted);margin:0;line-height:1.7}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.result-grid div{border:1px solid var(--border);background:#fbfcfe;border-radius:8px;padding:14px}.result-grid dt{color:var(--muted);margin-bottom:6px;font-size:.9rem}.result-grid dd{overflow-wrap:anywhere;margin:0;font-size:1.15rem;font-weight:800}.comment{color:var(--muted);margin:18px 0 0;line-height:1.7}.share-button{color:#fff;background:#111827;border-radius:8px;justify-content:center;align-items:center;min-height:48px;margin-top:18px;padding:12px 16px;font-weight:800;text-decoration:none;display:flex}.share-button:hover{background:#000}.bar-chart{gap:18px;margin-top:20px;display:grid}.bar-chart.compact{border-top:1px solid var(--border);margin-top:22px;padding-top:18px}.rank-card{background:var(--surface-soft);border-radius:8px;gap:10px;margin-top:18px;padding:18px;display:grid}.rank-card div{gap:4px;display:grid}.rank-card strong{overflow-wrap:anywhere;font-size:clamp(1.5rem,8vw,2.4rem);line-height:1.2}.rank-card p{color:var(--muted);margin:0;line-height:1.7}.rank-kicker{color:var(--accent);font-size:.9rem;font-weight:800}.people-chart{margin-top:18px}.people-labels{color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:.85rem;font-weight:700;display:flex}.people-grid{grid-template-columns:repeat(10,1fr);align-items:end;gap:8px;display:grid}.person-icon{color:#c7d1de;align-content:end;justify-items:center;gap:4px;min-width:0;min-height:54px;display:grid}.person-head{background:currentColor;border-radius:999px;width:18px;height:18px}.person-body{background:currentColor;border-radius:12px 12px 7px 7px;width:28px;height:28px}.person-icon.current{color:var(--accent);filter:drop-shadow(0 8px 12px #0f766e38);transform:translateY(-4px)scale(1.08)}.person-icon.current .person-head{box-shadow:0 0 0 3px #fff,0 0 0 6px #0f766e40}.bar-row{gap:8px;display:grid}.bar-meta{color:var(--muted);justify-content:space-between;gap:16px;font-weight:700;display:flex}.bar-meta strong{color:var(--text);overflow-wrap:anywhere}.bar-track{background:#e8edf3;border-radius:8px;height:24px;overflow:hidden}.bar-fill{border-radius:8px;height:100%}.bar-fill.expected{background:#2563eb}.bar-fill.actual.positive,.bar-fill.deviation.positive{background:var(--positive)}.bar-fill.actual.negative,.bar-fill.deviation.negative{background:var(--negative)}.notice-panel{margin-top:20px;padding:22px}.notice-panel ul{color:var(--muted);margin:12px 0 0;padding-left:1.2rem;line-height:1.8}@media (width<=820px){.app-shell{width:min(100% - 20px,680px);padding:20px 0}.result-grid,.form-actions{grid-template-columns:1fr}}@media (width>=900px){.input-panel,.result-area,.notice-panel{width:min(760px,100%);margin-inline:auto}}