:root{font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Hiragino Sans",sans-serif;color:#17233f;background:#f3f5f9;line-height:1.65;font-size:15px}*{box-sizing:border-box}body{margin:0}header{padding:22px 4%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce2ed;background:#ffffff}header a{color:inherit;font-size:21px;font-weight:700;text-decoration:none}header a span{display:block;font-size:9px;letter-spacing:2px;font-weight:400}header>div{font-size:12px}main{max-width:1280px;margin:auto;padding:35px 4%}h1{font-size:28px;margin:0 0 20px;font-weight:600}h2{font-size:18px;margin:0 0 16px}p{margin:8px 0}button,.button{border:1px solid #cbd4e5;background:#fff;color:#0f2180;border-radius:7px;padding:10px 16px;font:inherit;cursor:pointer;text-decoration:none}button:hover{background:#eaf0fb}button:disabled{cursor:default}form button,#settings{background:#0f2180;color:white;border:0}input,textarea,select{width:100%;border:1px solid #cbd4e5;padding:12px;border-radius:6px;background:#fff;font:inherit;margin:6px 0 12px}textarea{min-height:80px;resize:vertical}label{font-size:12px;display:block}form{margin:15px 0 22px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#66728b}.intro{display:flex;justify-content:space-between;align-items:center;gap:15px}.stage{position:relative;overflow:hidden;background:#0f2180;color:#fff;padding:32px 36px;border-radius:12px;min-height:200px;margin-bottom:28px}.stage .eyebrow{color:#d8e0ff}.stage h2{font-size:30px;max-width:900px;line-height:1.5}.grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.panel{border:1px solid #dce2ed;background:#ffffff;border-radius:10px;padding:24px;margin-bottom:24px}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.section-title span,small,.muted{font-size:12px;color:#65728a}.question{display:flex;gap:12px;padding:20px 0;border-top:1px solid #dce2ed;align-items:center}.question>div{flex:1}.question p{font-size:15px;overflow-wrap:anywhere}.pinned{border-left:3px solid #0f2180;padding-left:14px}.vote{white-space:nowrap}.selected{border-color:#0f2180;background:#e7edff}.poll-title{font-size:18px;font-weight:600}.poll-option{position:relative;overflow:hidden;display:flex;justify-content:space-between;width:100%;margin:10px 0;text-align:left;color:inherit;gap:15px}.poll-option>span:not(.bar),.poll-option strong{position:relative}.bar{position:absolute;inset:0 auto 0 0;background:#d3def8}.comment{padding:10px 0;border-bottom:1px solid #dce2ed;display:flex;gap:10px;align-items:center;overflow-wrap:anywhere}.comment>span{flex:1}.comment button{font-size:11px;padding:4px 7px}.hidden-comment{opacity:.45}.reactions{display:flex;gap:8px;margin-bottom:18px}.check{display:flex;align-items:center;gap:10px;margin:15px 0}.check input{width:auto;margin:0}#comments{max-height:300px;overflow:auto}.flying{position:absolute;white-space:nowrap;color:white;text-shadow:0 1px 4px #091452;font-size:24px;font-weight:600;animation:fly 9s linear forwards;left:100%;pointer-events:none}@keyframes fly{to{transform:translateX(calc(-100vw - 100%))}}#flow{position:absolute;inset:0;pointer-events:none}footer{font-size:12px;color:#65728a;padding:10px 0}.join{max-width:430px;padding-top:12vh}.join h1{font-size:32px}.join form{margin:35px 0}.join button{width:100%}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#0f2180;color:white;border-radius:8px;padding:12px 22px;z-index:10}#toast:empty{display:none}.projector .stage{min-height:38vh}.projector .stage h2{font-size:42px}.projector .question p,.projector .poll-title{font-size:24px}.projector .comment{font-size:20px}.projector .grid{grid-template-columns:1fr 1fr}.projector .flying{font-size:32px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ffb400;outline-offset:3px}@media(max-width:720px){header{padding:15px 5%}header>div{font-size:10px}.grid{display:block}main{padding:25px 5%}.intro{display:block}.intro .button{display:inline-block;margin-bottom:20px}.stage{padding:24px;min-height:190px}.stage h2{font-size:23px}.panel{padding:20px}h1{font-size:23px}.question{flex-wrap:wrap}.question>div{min-width:65%}.projector .stage h2{font-size:28px}}@media(prefers-reduced-motion:reduce){.flying{animation:none;display:none}}
/* Dedicated venue screen: fixed-height desktop layout. */
.screen-mode{background:#f3f5f9;overflow:hidden}.screen{width:100%;max-width:none;height:100dvh;padding:20px 32px;display:grid;grid-template-rows:auto minmax(100px,.65fr) minmax(220px,1.6fr) minmax(100px,.6fr) auto;gap:16px}.screen header{background:none;border:0;padding:0}.screen-header h1{font-size:clamp(18px,1.8vw,30px);margin:0}.screen-header .eyebrow{margin:0}.screen-join{display:flex;align-items:center;gap:22px}.screen-join strong{font-size:clamp(28px,3vw,48px);margin-left:10px;letter-spacing:4px;color:#0f2180}.screen #connection{font-size:12px}.screen-current{background:#0f2180;color:white;border-radius:10px;padding:18px 28px;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.screen-current .eyebrow{color:#d8e0ff;margin:0 0 8px}.screen-current h2{font-size:clamp(24px,2.8vw,44px);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.screen-middle{display:grid;grid-template-columns:1fr 1.1fr;gap:20px;min-height:0}.screen-questions,.screen-poll{background:#ffffff;border:1px solid #dce2ed;border-radius:10px;padding:18px 24px;min-height:0;overflow:hidden}.screen .section-title h2{font-size:clamp(16px,1.4vw,24px);margin:0 0 8px}.screen .question{padding:12px 0;gap:20px}.screen .question p{font-size:clamp(17px,1.5vw,25px);line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.screen .question small{display:none}.screen .vote{font-size:22px;color:#0f2180}.screen .poll-title{font-size:clamp(18px,1.7vw,27px);line-height:1.35;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen .poll-option{margin:6px 0;padding:7px 12px;font-size:clamp(15px,1.3vw,22px);line-height:1.35}.screen .poll-option>span:not(.bar){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.screen .poll-option strong{white-space:nowrap}.screen .poll-option:hover{background:#fff}.screen .selected{border-color:#cbd4e5;background:white}.screen .bar{transition:width .35s ease}.screen-gaya{background:#eaf0fb;border-radius:10px;position:relative;overflow:hidden;padding:12px 24px}.screen-gaya .section-title{position:relative;z-index:1}.screen #flow{top:40px;bottom:0}.screen .flying{font-size:clamp(23px,2.4vw,38px);color:#0f2180;text-shadow:0 1px 2px white}.screen #comments{position:absolute;inset:42px 24px 8px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;opacity:.65}.screen .comment{border:0;padding:1px 0;font-size:clamp(14px,1.2vw,20px)}.screen .comment small{display:none}.screen-footer{display:flex;justify-content:space-between;gap:20px;padding:0;font-size:12px}.screen #fullscreen{font-size:12px;opacity:.65}.screen #fullscreen:hover,.screen #fullscreen:focus{opacity:1}@media(min-width:900px) and (max-height:780px){.screen{padding:12px 24px;gap:10px;grid-template-rows:auto minmax(90px,.6fr) minmax(235px,1.7fr) minmax(90px,.5fr) auto}.screen-questions,.screen-poll{padding:12px 20px}.screen .question{padding:10px 0}.screen .poll-option{padding:5px 10px;font-size:16px;margin:4px 0}.screen .poll-title{font-size:20px}.screen-current h2{font-size:30px}}@media(max-width:899px){.screen-mode{overflow:auto}.screen{height:auto;min-height:100dvh;padding:16px;display:flex;flex-direction:column}.screen-header{gap:14px}.screen-join{gap:10px}.screen-join>span:first-child{display:none}.screen-join strong{font-size:25px}.screen-middle{display:flex;flex-direction:column}.screen-current{min-height:130px}.screen-gaya{min-height:150px}.screen-footer{flex-direction:column;gap:3px}.screen #fullscreen{padding:8px}.screen #comments{opacity:.5}}

.join-qr{width:164px;height:164px;background:white;border-radius:6px;flex-shrink:0}.join-qr svg{display:block;width:100%;height:100%}.screen-join{gap:18px}.screen-header{gap:20px}.screen-join>span:nth-of-type(2){display:flex;flex-direction:column;align-items:center;white-space:nowrap}.screen-join strong{margin:0}.screen-header .eyebrow{font-size:10px}@media(min-width:900px) and (min-height:900px){.join-qr{width:190px;height:190px}}@media(max-width:899px){.join-qr{width:100px;height:100px}.screen-header{flex-wrap:wrap}.screen-join{gap:10px}.screen-join>span:nth-of-type(2){font-size:11px}}

@media(min-width:900px) and (max-height:780px){.screen #poll[data-options="5"] .poll-option,.screen #poll[data-options="6"] .poll-option{font-size:14px;line-height:1.2;padding:3px 10px;margin:4px 0}.screen #poll[data-options="6"] .poll-title{font-size:18px}}

/* MISUMI logo-inspired palette. Official logo pixels: blue #0F2180, yellow #FFB400. */
:root{--brand-blue:#0f2180;--brand-yellow:#ffb400}
.screen-current,.stage{border-left:0}
.pinned{border-left-color:var(--brand-blue)}
.screen-poll .section-title>span{background:var(--brand-yellow);color:#17233f;border-radius:3px;padding:2px 7px;font-size:10px;font-weight:700;letter-spacing:.7px}
.screen-header .eyebrow{color:var(--brand-blue)}
.screen-header h1,header a{color:var(--brand-blue)}
.screen #fullscreen{opacity:1;color:var(--brand-blue)}