:root{--bg: #f6f5f1;--surface: #ffffff;--text: #1f2328;--muted: #6b7078;--line: #e4e2dc;--primary: #2f5bd3;--primary-ink: #ffffff;--primary-soft: #e8eefc;--agree: #1f8a5b;--agree-soft: #e3f4ec;--disagree: #c2463d;--disagree-soft: #fbe9e7;--pass: #8a8f98;--gold: #b7791f;--radius: 14px;--shadow: 0 1px 2px rgba(20, 20, 20, .05), 0 2px 10px rgba(20, 20, 20, .04);font-family:Hiragino Sans,Noto Sans JP,Yu Gothic UI,system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.7}*{box-sizing:border-box}body{margin:0;background:var(--bg)}h1{font-size:1.5rem;line-height:1.4;margin:.4rem 0 .8rem}h2{font-size:1.15rem;margin:1.4rem 0 .6rem}h3{font-size:1.02rem;margin:0 0 .3rem}p{margin:.3rem 0}a{color:var(--primary)}:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.wrap{max-width:760px;margin:0 auto;padding:0 16px}.main{padding-top:16px;padding-bottom:40px;min-height:70vh}.site-header{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;height:56px;gap:12px}.brand{font-weight:800;color:var(--text);text-decoration:none;white-space:nowrap}.nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{color:var(--muted);text-decoration:none;padding:6px 10px;border-radius:999px;font-size:.9rem;white-space:nowrap}.nav a.active{background:var(--primary-soft);color:var(--primary);font-weight:700}.footer{color:var(--muted);font-size:.8rem;padding-bottom:32px;border-top:1px solid var(--line);padding-top:12px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin:12px 0;box-shadow:var(--shadow)}.card.error{border-color:var(--disagree);color:var(--disagree)}.card.narrow{max-width:420px}.center-text{text-align:center}.muted{color:var(--muted)}.small{font-size:.85rem}.strong{font-weight:700}.note{font-size:.78rem;color:var(--muted);margin:4px 0}.error-text{color:var(--disagree);font-size:.88rem}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0}.row.between{justify-content:space-between}.row.center{justify-content:center}.row.end{justify-content:flex-end}.wrap-gap{gap:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;padding:10px 16px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;min-height:44px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.btn.ghost{background:transparent}.btn.danger{color:var(--disagree);border-color:var(--disagree)}.btn.small{padding:6px 12px;min-height:34px;font-size:.85rem}.link{background:none;border:none;color:var(--primary);padding:4px 0;font:inherit;cursor:pointer;text-decoration:none}.link:disabled{color:var(--muted);opacity:.5;cursor:default}.chip{display:inline-block;font-size:.75rem;padding:2px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-weight:700;margin-left:4px;white-space:nowrap}.chip.muted{background:#efeee9;color:var(--muted)}.chip.agree,.chip.consensus_agree{background:var(--agree-soft);color:var(--agree)}.chip.disagree,.chip.consensus_disagree{background:var(--disagree-soft);color:var(--disagree)}.chip.pass,.chip.leaning{background:#efeee9;color:var(--muted)}.chip.divided{background:#fdf3e1;color:var(--gold)}input,select,textarea{font:inherit;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;width:100%;max-width:100%}select{width:auto}.field{display:block;margin:10px 0;border:none;padding:0}.field>span,.field>legend{display:block;font-size:.85rem;font-weight:700;margin-bottom:4px}.seg{display:flex;gap:6px;flex-wrap:wrap}.seg label{border:1px solid var(--line);border-radius:999px;padding:6px 14px;cursor:pointer}.seg label.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary);font-weight:700}.seg input{position:absolute;opacity:0;width:1px}.loading{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted);padding:40px 0;text-align:center}.loading .row{gap:8px}.spinner{width:18px;height:18px;border:3px solid var(--line);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress{height:6px;background:#ecebe6;border-radius:999px;overflow:hidden;flex:1}.progress span{display:block;height:100%;background:var(--primary);transition:width .3s}.progress-row{display:flex;align-items:center;gap:10px}.collapse{margin-top:8px}.collapse-body{padding:8px 0 0}.hero h1{font-size:1.6rem}.hero p{color:var(--muted)}.map-progress{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:inherit;background:linear-gradient(120deg,#eef2fd,#fff)}.dots{display:flex;gap:6px}.dots span{width:14px;height:14px;border-radius:50%;border:2px solid var(--primary)}.dots span.on{background:var(--primary)}.section-head{display:flex;align-items:center;justify-content:space-between}.topic-card{display:block;text-decoration:none;color:inherit;transition:border-color .15s}.topic-card:hover{border-color:var(--primary)}.topic-card-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.topic-card-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.topic-card .progress{margin-top:10px}.answer-head h1{margin-bottom:4px}.statement-card{padding:20px}.statement-body{font-size:1.25rem;font-weight:700;line-height:1.6;margin:8px 0 18px}.statement-body.small-body{font-size:1.05rem;margin:8px 0 10px}.vote-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.btn.vote{min-height:56px;font-size:1rem}.btn.vote.agree{border-color:var(--agree);color:var(--agree)}.btn.vote.disagree{border-color:var(--disagree);color:var(--disagree)}.btn.vote.pass{color:var(--muted)}.btn.vote.agree.on{background:var(--agree);color:#fff}.btn.vote.disagree.on{background:var(--disagree);color:#fff}.btn.vote.pass.on{background:var(--pass);color:#fff}.reason{margin-top:12px}.reason label{display:block;margin-bottom:4px}.celebrate{border-color:var(--primary);background:var(--primary-soft)}.celebrate.complete{border-color:var(--gold);background:#fdf6e7}.summary .big{font-size:1.1rem}.bar{display:flex;height:12px;border-radius:999px;overflow:hidden;background:#ecebe6}.bar .agree{background:var(--agree)}.bar .disagree{background:var(--disagree)}.bar .pass{background:#c9ccd2}.bar-wrap.compact .bar{height:8px}.legend{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px}.groups{margin:8px 0;padding:8px 10px;background:#faf9f6;border-radius:10px}.group-row{display:grid;grid-template-columns:7.5em 1fr auto;align-items:center;gap:8px;margin:2px 0}.result-section h2{display:flex;align-items:center;gap:8px;margin-bottom:0}.result-section .count{font-size:.8rem;background:#efeee9;color:var(--muted);border-radius:999px;padding:0 8px}.speaker{display:flex;align-items:center;gap:8px}.avatar{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;color:#fff;background:var(--primary)}.avatar.user{background:var(--gold)}blockquote.statement-body{border-left:4px solid var(--primary-soft);padding-left:14px;margin-left:0}.statement-card{animation:card-in .25s ease-out}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}}.btn.vote{flex-direction:column;gap:0;line-height:1.3}.btn.vote .icon{font-size:1.2rem}.composer{border-style:dashed}.tips{margin:4px 0 8px;padding-left:18px}.bar-wrap .row{margin:4px 0 0}.agree-text{color:var(--agree);font-weight:700}.disagree-text{color:var(--disagree);font-weight:700}.reasons ul{list-style:none;padding:0;margin:4px 0}.reasons li{padding:6px 0;border-bottom:1px dashed var(--line);display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none}.dot.agree{background:var(--agree)}.dot.disagree{background:var(--disagree)}.story{margin:8px 0;padding:10px 12px;background:#faf9f6;border-left:3px solid var(--line);border-radius:6px}.story p{margin:0 0 4px;white-space:pre-wrap}.story-form{margin-top:8px}.story-form .btn{margin-top:4px}.flag{background:none;border:none;color:var(--muted);font-size:.75rem;cursor:pointer;padding:2px 4px;margin-left:auto}.flag.done{cursor:default}.scale{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:8px}.map-hero{text-align:center;padding:24px 16px}.map-hero.complete{background:linear-gradient(140deg,#fdf6e7,#fff);border-color:var(--gold)}.map-hero h1{font-size:1.8rem;margin:4px 0}.code{font-size:1.3rem;letter-spacing:.3em;font-weight:800;color:var(--primary)}.axis-scale{margin:12px 0 4px}.hist{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;align-items:end;height:56px}.hist span{background:#dfe3ee;border-radius:4px 4px 0 0;min-height:2px}.hist span.mine{background:var(--primary)}.track{position:relative;height:8px;background:linear-gradient(90deg,#f0e3d0,#e9edf8);border-radius:999px;margin:6px 0}.track .me{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:var(--primary);border:3px solid #fff;box-shadow:0 0 0 2px var(--primary);transform:translate(-50%,-50%)}.basis{padding-left:18px;margin:4px 0}.basis li{margin:4px 0}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:8px}.tabs button{background:none;border:none;font:inherit;padding:8px 14px;cursor:pointer;color:var(--muted);border-bottom:3px solid transparent}.tabs button.on{color:var(--primary);border-bottom-color:var(--primary);font-weight:700}.table-scroll{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.88rem}.table th,.table td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}.table th{color:var(--muted);font-weight:700;white-space:nowrap}.funnel-bar{height:6px;background:var(--primary);border-radius:999px;margin-top:4px;min-width:2px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.stat-grid .card{margin:0}.stat{display:flex;flex-direction:column}.stat strong{font-size:1.6rem}@media (max-width: 480px){h1,.hero h1{font-size:1.3rem}.statement-body{font-size:1.1rem}.nav a{padding:6px 8px;font-size:.82rem}.btn.vote{font-size:.88rem;padding:8px 4px}.group-row{grid-template-columns:1fr;gap:2px}}@media (max-width: 360px){.brand{font-size:.9rem}.nav a{padding:6px 5px;font-size:.75rem}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}