:root{--bg: #faf7f2;--card: #ffffff;--text: #24211d;--muted: #6e675d;--line: #e6dfd3;--accent: #c2533f;--accent-soft: #f6dcd5;--bar: #f0c9bf}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #1a1816;--card: #24211e;--text: #efeae2;--muted: #a9a195;--line: #3a3530;--accent: #ec8a74;--accent-soft: #3d2620;--bar: #5a3328}}:root[data-theme=dark]{--bg: #1a1816;--card: #24211e;--text: #efeae2;--muted: #a9a195;--line: #3a3530;--accent: #ec8a74;--accent-soft: #3d2620;--bar: #5a3328}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Hiragino Sans,Yu Gothic UI,Meiryo,system-ui,sans-serif;line-height:1.7}.page{max-width:1040px;margin:0 auto;padding:28px 16px 48px}header{margin-bottom:20px}.kicker{margin:0;color:var(--accent);font-size:.85rem;font-weight:700;letter-spacing:.05em}h1{margin:4px 0 8px;font-size:clamp(1.5rem,4.5vw,2.2rem);line-height:1.3}.lead{margin:0;color:var(--muted)}h2{font-size:1rem;margin:0 0 12px}.layout{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:16px;align-items:start}@media (max-width: 760px){.layout{grid-template-columns:minmax(0,1fr)}}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}.form{display:flex;flex-direction:column;gap:14px}.form label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--muted)}.form label.check{flex-direction:row;align-items:center;gap:8px;color:var(--text);font-size:.95rem}.form select{width:100%;padding:8px;font-size:1rem;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text)}.form .row{display:flex;align-items:center;gap:8px}.form .row select{flex:1;min-width:0}fieldset{border:none;margin:0;padding:0}legend{font-size:.85rem;color:var(--muted);margin-bottom:4px}.seg{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.seg button{flex:1;padding:10px;font-size:1rem;border:none;background:var(--bg);color:var(--text);cursor:pointer}.seg button.on{background:var(--accent);color:#fff;font-weight:700}button.ghost{align-self:flex-start;border:none;background:none;color:var(--muted);text-decoration:underline;cursor:pointer;padding:0}.result .who{margin:0;color:var(--muted);font-size:.9rem}.result .big{margin:2px 0 0;font-size:clamp(2.2rem,8vw,3.4rem);font-weight:700;color:var(--accent);line-height:1.2}.result .ratio{margin:6px 0 14px}.funnel{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:8px}.funnel li{position:relative;border-radius:8px;overflow:hidden;background:var(--bg)}.funnel .bar{position:absolute;inset:0 auto 0 0;background:var(--bar);transition:width .3s ease}.funnel .line{position:relative;display:flex;justify-content:space-between;gap:12px;padding:8px 10px;font-size:.9rem}.funnel .line b{white-space:nowrap}.tag{display:inline-block;margin-left:6px;padding:0 6px;font-size:.72rem;border-radius:999px;background:var(--accent-soft);color:var(--accent)}a.share{display:inline-block;padding:10px 16px;border-radius:999px;background:var(--text);color:var(--bg);text-decoration:none;font-weight:700}.notes{margin-top:16px;font-size:.88rem}.notes ul{padding-left:1.2em;margin:0 0 16px}.notes li{margin-bottom:6px}.sources a{color:var(--accent);word-break:break-all}footer{margin-top:24px;text-align:center;font-size:.85rem}footer a{color:var(--muted)}.sticky{display:none}@media (max-width: 760px){.sticky{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;position:fixed;left:0;right:0;bottom:0;padding:10px 16px;background:var(--card);border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}.sticky b{font-size:1.3rem;color:var(--accent)}.page{padding-bottom:96px}}.fine{font-size:.78rem;color:var(--muted);margin:12px 0 0}.fine a{color:var(--accent)}fieldset.group{border:1px solid var(--line);border-radius:10px;padding:8px 12px 10px;display:flex;flex-direction:column;gap:6px}fieldset.group legend{padding:0 4px}fieldset.group .fine{margin:0}