:root{--bg:#faf7f2;--bg-card:#f2ede5;--ink:#1a1a1a;--ink-soft:#5c5852;--ink-mute:#908a82;--accent:#c97b7b;--line:#1a1a1a1a;--line-strong:#1a1a1a47;--serif-jp:"Noto Serif JP", "ヒラギノ明朝 ProN", "Yu Mincho", serif;--sans-jp:"Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", sans-serif;--serif-en:"Cormorant Garamond", "Times New Roman", serif;--duration:.25s;--ease:cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--sans-jp);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.5;overflow:hidden}#root{height:100%}body:before{content:"";pointer-events:none;z-index:1;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.025 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.wadai-stage{z-index:2;flex-direction:column;height:100vh;padding:28px 24px;display:flex;position:relative}.wadai-panel{flex:1;grid-template-rows:auto 1fr auto;gap:24px;width:100%;max-width:640px;min-height:0;margin:0 auto;display:grid}@media (width<=420px){.wadai-stage{padding:20px 16px}.wadai-panel{gap:20px}}.wadai-topbar{border-bottom:1px solid var(--line);opacity:0;animation:fadeInUp .5s var(--ease) 0s forwards;justify-content:center;align-items:center;padding-bottom:14px;display:flex}.wadai-brand{font-family:var(--serif-en);color:var(--ink);font-size:22px;font-style:italic;font-weight:400;line-height:1}.wadai-question-block{text-align:center;justify-content:center;align-items:center;min-height:0;padding:0 16px;display:flex}.wadai-question{font-family:var(--serif-jp);letter-spacing:.03em;color:var(--ink);opacity:0;animation:fadeInUp .6s var(--ease) .2s forwards;transition:opacity var(--duration) var(--ease);max-width:560px;font-size:clamp(24px,3.6vw,36px);font-weight:500;line-height:1.7}.wadai-question-block.is-swapping .wadai-question{opacity:0}.wadai-action{opacity:0;animation:fadeInUp .5s var(--ease) .4s forwards;display:grid}.wadai-action>*{transition:opacity var(--duration) var(--ease);grid-area:1/1}.wadai-action[data-state=voting] .wadai-talk{opacity:0;pointer-events:none}.wadai-action[data-state=voting] .wadai-vote{opacity:1}.wadai-action[data-state=talking] .wadai-vote{opacity:0;pointer-events:none}.wadai-action[data-state=talking] .wadai-talk{opacity:1}.wadai-vote-buttons{gap:10px;display:flex}.wadai-btn{background:var(--bg-card);border:1px solid var(--line-strong);color:var(--ink);font-family:var(--sans-jp);letter-spacing:.02em;min-height:52px;transition:border-color var(--duration) var(--ease), opacity var(--duration) var(--ease);border-radius:2px;flex:1;padding:16px 18px;font-size:16px;font-weight:500}.wadai-btn:hover,.wadai-btn:focus-visible{border-color:var(--ink);outline:none}.wadai-btn:active{transform:translateY(1px)}.wadai-btn.is-committed{border-color:var(--ink);background:var(--ink);color:var(--bg)}.wadai-btn:disabled{opacity:.45;cursor:not-allowed}.wadai-btn.is-committed:disabled{opacity:1}.wadai-talk{justify-content:center;display:flex}.wadai-btn--next{flex:none;width:100%;max-width:260px}@media (width<=420px){.wadai-vote-buttons{flex-direction:column}}