:root{--bg:#fff8f0;--surface:#fff;--text:#2d2a26;--text-secondary:#7a756e;--option-a:#e8594f;--option-a-light:#fff0ee;--option-b:#3b8fd4;--option-b-light:#eef5fc;--accent:#ffb830;--accent-light:#fff4dd;--border:#ede8e1;--comment-bg:#f7f4ef;--nav-active:#e8594f;--nav-inactive:#b5afa6;--winner-glow:#ffd54f;--mascot-question:clamp(112px,30vw,140px);--mascot-winner:68px;--mascot-winner-overlap:24px;--mascot-sleeping:152px;--mascot-wave:92px}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,Meiryo,sans-serif;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}button{font-family:inherit}a{color:inherit}.app{max-width:480px;margin:0 auto;padding:0 16px;min-height:100vh;min-height:100dvh}.docchi-word{background:linear-gradient(to bottom,var(--option-a) 50%,var(--option-b) 50%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:900}.mascot{display:block;object-fit:contain}.bottom-spacer{height:80px}.tab-title{font-size:18px;font-weight:900;margin:4px 0 14px}.archive-status{text-align:center;color:var(--text-secondary);font-size:14px;padding:40px 0}.setup-notice{background:var(--surface);border:2px solid var(--border);border-radius:14px;padding:16px;font-size:14px;line-height:1.8}.setup-notice code{background:var(--comment-bg);border-radius:4px;padding:1px 5px;font-size:12px;word-break:break-all}.back-btn{background:none;border:none;padding:10px 4px;margin:0 0 4px -4px;min-height:44px;font-size:15px;font-weight:700;color:var(--text-secondary);cursor:pointer}.header{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;justify-content:center;background:var(--bg);padding:calc(env(safe-area-inset-top) + 14px) 0 12px}.header-logo{font-size:26px;letter-spacing:.04em;line-height:1.2}.statusbar{display:flex;align-items:center;justify-content:center;gap:7px;border-radius:20px;padding:8px 14px;margin:2px 0 16px;font-size:13px;font-weight:700;text-align:center}.statusbar.voting{background:var(--accent-light);color:var(--text)}.statusbar.closed{background:var(--option-a-light);color:var(--option-a)}.statusbar-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#4caf50;animation:dot-pulse 1.4s ease-in-out infinite}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}.mascot-q{display:flex;align-items:center;gap:12px;margin-bottom:18px}.mascot-avatar{width:var(--mascot-question);height:var(--mascot-question);flex:0 0 var(--mascot-question)}.mq-text{margin:0;font-size:18px;font-weight:700;line-height:1.5}.mq-docchi{margin-left:6px;white-space:nowrap}.sponsor-badge{display:flex;align-items:center;gap:6px;margin:-10px 0 16px calc(var(--mascot-question) + 12px);font-size:12px;color:var(--text-secondary);text-decoration:none}.sponsor-logo{height:24px;width:auto;display:block}.sponsor-name{font-weight:700}.ad-slot{display:none;width:100%;border-radius:12px;overflow:hidden;margin:12px 0}.ad-slot.active{display:block}.profile-gate{display:flex;flex-direction:column;gap:6px;max-width:320px;margin:0 auto 14px;background:var(--surface);border:2px solid var(--border);border-radius:12px;padding:12px}.profile-gate-title{margin:0;font-size:13px;font-weight:700;text-align:center}.profile-gate-sub{margin:-3px 0 1px;font-size:11px;color:var(--text-secondary);text-align:center}.profile-row{display:flex;gap:6px}.profile-select{flex:1 1;min-width:0;min-height:44px;font-family:inherit;font-size:13px;color:var(--text);background-color:var(--surface);border:2px solid var(--border);border-radius:10px;padding:8px 26px 8px 10px;outline:none;transition:border-color .16s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%237A756E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}.profile-select:focus{border-color:var(--accent)}.profile-submit{width:100%;min-height:44px;padding:10px;border:none;border-radius:10px;background:var(--accent);color:var(--text);font-size:14px;font-weight:900;cursor:pointer}.profile-submit:disabled{opacity:.6;cursor:default}.choices{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:14px}.choices.has-winner{margin-top:calc(var(--mascot-winner) - var(--mascot-winner-overlap) + 12px)}.choice-card{position:relative;overflow:visible;-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:0;margin:0;color:inherit;text-align:center;cursor:pointer;background:var(--surface);border:3px solid var(--border);border-radius:16px;transition:border-color .18s ease,box-shadow .18s ease,opacity .18s ease,transform .18s ease}.choice-card .choice-img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px 12px 0 0}.choice-label{display:block;padding:10px 6px 12px;font-size:16px;font-weight:700}.choice-card[data-opt=a] .choice-label{color:var(--option-a)}.choice-card[data-opt=b] .choice-label{color:var(--option-b)}.choice-card.selected{transform:translateY(-2px)}.choice-card.selected[data-opt=a]{border-color:var(--option-a);box-shadow:0 0 0 4px var(--option-a-light)}.choice-card.selected[data-opt=b]{border-color:var(--option-b);box-shadow:0 0 0 4px var(--option-b-light)}.choice-card.dimmed,.choice-card.not-voted{opacity:.45}.choice-card.voted{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-light)}.choice-card.disabled{pointer-events:none}.choice-card.locked{opacity:.5}.choice-card.loser{opacity:.55}.choice-card.winner{opacity:1;border-color:var(--winner-glow);animation:winner-glow 1.8s ease-in-out infinite}@keyframes winner-glow{0%,to{box-shadow:0 0 0 0 rgba(255,213,79,0)}50%{box-shadow:0 0 0 8px rgba(255,213,79,.38)}}.crown{top:-12px;right:-8px;font-size:24px;line-height:1}.crown,.winner-mascot{position:absolute;z-index:2}.winner-mascot{top:calc(var(--mascot-winner-overlap) - var(--mascot-winner));left:50%;width:var(--mascot-winner);height:var(--mascot-winner);transform:translateX(-50%);animation:mascot-bounce 1s ease-in-out infinite}@keyframes mascot-bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-6px)}}.confirm-btn{display:block;width:100%;min-height:52px;padding:15px;border:none;border-radius:12px;background:var(--accent);color:var(--text);font-size:16px;font-weight:900;cursor:pointer;animation:slide-in .22s ease-out}.confirm-btn:disabled{opacity:.6;cursor:default}@keyframes slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.results{margin:20px 0 4px}.result-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.result-label{width:70px;flex:0 0 70px;text-align:right;font-size:13px;font-weight:700;line-height:1.3;word-break:break-all}.result-label[data-opt=a]{color:var(--option-a)}.result-label[data-opt=b]{color:var(--option-b)}.bar-track{flex:1 1;min-width:0;height:36px;background:var(--border);border-radius:10px;overflow:hidden}.bar-fill{height:100%;border-radius:10px;display:flex;align-items:center;justify-content:flex-end;padding-right:10px;transition:width 1s cubic-bezier(.22,1,.36,1)}.bar-fill[data-opt=a]{background:var(--option-a)}.bar-fill[data-opt=b]{background:var(--option-b)}.bar-pct{color:#fff;font-size:14px;font-weight:900;white-space:nowrap}.total-votes{text-align:center;margin:12px 0 0;font-size:13px;color:var(--text-secondary)}.comments{margin-top:26px}.comments-title{font-size:15px;font-weight:700;margin:0 0 12px}.comment-form{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.comment-input,.comment-textarea{width:100%;font-family:inherit;font-size:15px;color:var(--text);background:var(--surface);border:2px solid var(--border);border-radius:10px;padding:11px 12px;outline:none;transition:border-color .16s ease}.comment-input{min-height:44px}.comment-textarea{height:56px;resize:none;line-height:1.5}.comment-input:focus,.comment-textarea:focus{border-color:var(--accent)}.comment-count{margin-top:-4px;text-align:right;font-size:12px;color:var(--text-secondary)}.comment-error{margin:0;font-size:12px;font-weight:700;color:var(--option-a)}.comment-submit{width:100%;min-height:46px;padding:12px;border:none;border-radius:10px;background:var(--accent);color:var(--text);font-size:15px;font-weight:900;cursor:pointer}.comment-submit:disabled{opacity:.6;cursor:default}.comments-empty{font-size:13px;color:var(--text-secondary);text-align:center;padding:18px 0;margin:0}.comment-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.comment-item{position:relative;background:var(--comment-bg);border-radius:12px;padding:10px 14px}.comment-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.comment-user{font-size:13px;font-weight:700}.comment-badge{font-size:11px;font-weight:700;border-radius:20px;padding:2px 9px;line-height:1.6}.comment-badge[data-opt=a]{background:var(--option-a-light);color:var(--option-a)}.comment-badge[data-opt=b]{background:var(--option-b-light);color:var(--option-b)}.comment-body{margin:4px 0 0;font-size:14px;line-height:1.5;padding-right:44px;word-break:break-word}.comment-report{position:absolute;right:6px;bottom:4px;background:none;border:none;padding:6px 8px;font-size:11px;cursor:pointer}.comment-report,.teaser{color:var(--text-secondary)}.teaser{text-align:center;margin:28px 0 0;font-size:15px;font-weight:700}.wave{width:var(--mascot-wave);height:var(--mascot-wave);margin:10px auto 0;transform-origin:50% 90%;animation:wave 1.9s ease-in-out infinite}@keyframes wave{0%,60%,to{transform:rotate(0deg)}15%{transform:rotate(10deg)}35%{transform:rotate(-8deg)}}.waiting{text-align:center;padding-top:18px}.waiting-face{width:var(--mascot-sleeping);height:var(--mascot-sleeping);margin:0 auto}.waiting-clock{margin-top:14px;font-size:42px;font-weight:900;color:var(--option-a);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1.1}.waiting-label{margin:2px 0 0}.waiting-label,.waiting-yesterday-title{font-size:14px;color:var(--text-secondary)}.waiting-yesterday-title{margin:34px 0 10px;font-weight:700;text-align:left}.yesterday-card{display:block;width:100%;text-align:left;background:var(--surface);border:2px solid var(--border);border-radius:14px;padding:14px;color:inherit;cursor:pointer}.yesterday-question{margin:0 0 12px;font-size:15px;font-weight:700;line-height:1.5}.yesterday-cta{display:block;margin-top:12px;font-size:12px;font-weight:700;color:var(--text-secondary)}.mini-bar{display:flex;height:12px;border-radius:8px;overflow:hidden;background:var(--border)}.mini-fill[data-opt=a]{background:var(--option-a)}.mini-fill[data-opt=b]{background:var(--option-b)}.mini-legend{display:flex;justify-content:space-between;gap:10px;margin-top:7px;font-size:12px;font-weight:700}.mini-legend [data-opt=a]{color:var(--option-a)}.mini-legend [data-opt=b]{color:var(--option-b);text-align:right}.archive{display:flex;flex-direction:column;gap:10px}.archive-card{background:var(--surface);border:2px solid var(--border);border-radius:14px;padding:14px}.archive-date{font-size:12px;font-weight:700;color:var(--text-secondary)}.archive-question{margin:4px 0 12px;font-size:15px;font-weight:700;line-height:1.5}.archive-total{margin-top:8px;font-size:11px;text-align:right}.archive-total,.footer{color:var(--text-secondary)}.footer{margin-top:48px;text-align:center;font-size:12px}.footer a{color:var(--text-secondary);text-decoration:none;display:inline-block;padding:6px 2px}.footer-dot{margin:0 2px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-inner{max-width:480px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr)}.nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;padding:8px 0;border:none;background:none;color:var(--nav-inactive);font-size:11px;font-weight:700;cursor:pointer}.nav-btn.active{color:var(--nav-active)}.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 76px);transform:translateX(-50%);z-index:50;max-width:calc(100vw - 48px);background:var(--text);color:#fff;font-size:13px;font-weight:700;border-radius:20px;padding:10px 18px;text-align:center;animation:slide-in .2s ease-out}.confetti-layer{position:fixed;inset:0;z-index:60;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;top:-24px;display:block;animation-name:confetti-fall;animation-timing-function:linear;animation-fill-mode:forwards}.confetti-piece.round{border-radius:50%}@keyframes confetti-fall{0%{transform:translateZ(0) rotate(0deg);opacity:1}to{transform:translate3d(var(--drift,0),105vh,0) rotate(2turn);opacity:.85}}.legal{max-width:640px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 24px) 24px calc(env(safe-area-inset-bottom) + 48px)}.legal-back{display:inline-block;font-size:13px;font-weight:700;color:var(--text-secondary);text-decoration:none;padding:10px 0;min-height:44px}.legal-logo{font-size:26px;letter-spacing:.04em;display:block;margin:8px 0 4px}.legal h1{font-size:20px;font-weight:900;margin:12px 0 20px}.legal h2{font-size:15px;font-weight:700;margin:28px 0 8px}.legal li,.legal p{font-size:14px;line-height:1.9}.legal ol,.legal ul{padding-left:1.3em;margin:8px 0}.legal-meta{margin-top:36px;padding-top:16px;border-top:1px solid var(--border);font-size:12px;color:var(--text-secondary)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.winner-mascot{animation:none}}