:root{color-scheme:light;--ink:#183041;--muted:#647682;--accent:#147f79;--bg:#f4f7f8;--line:#dce5e8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1080px;margin:auto;padding:0 24px}.sitebar{background:#122b39;color:white}.bar{display:flex;justify-content:space-between;align-items:center;min-height:70px;gap:20px}.brand{color:white;font-size:21px;font-weight:750}.brand small{font-size:11px;opacity:.65;margin-left:4px}.sitebar nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.sitebar nav a,.sitebar nav span{color:#e6f5f4;font-size:14px}.textbtn{background:transparent;border:0;color:white;cursor:pointer}.heading{margin:36px 0 20px}h1{font-size:clamp(25px,3.4vw,34px);letter-spacing:-.04em}h2{font-size:21px;margin-top:6px}h3{font-size:18px;margin:8px 0}.panel,.card,.question{background:white;border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:18px;box-shadow:0 2px 8px #19374706}.panel.narrow{max-width:480px}.panel form{display:grid;gap:16px}.panel h2{margin:4px 0}.field{display:grid;gap:6px;font-weight:600;font-size:14px}.field input,.field textarea{width:100%;font:inherit;color:var(--ink);border:1px solid #becbd0;background:white;padding:11px 13px;border-radius:8px;outline-offset:2px}.field input:focus,.field textarea:focus{outline:2px solid #7db9b2}.field textarea{resize:vertical}.grid2,.grid3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}button,.primary,.secondary{font:inherit;font-weight:650;border-radius:9px;border:1px solid var(--line);padding:10px 15px;background:white;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}button:disabled{opacity:.3;cursor:not-allowed}.primary{background:var(--accent);color:white;border-color:var(--accent)}.primary:hover{background:#106c68;text-decoration:none}.secondary:hover,button:hover:not(:disabled){border-color:#85aaa9}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.card{display:flex;flex-direction:column;gap:10px;color:inherit;margin:0}.card strong{font-size:19px}.card p{color:var(--muted);margin:0;flex:1}.card span,.muted{color:var(--muted);font-size:14px}.card:hover{border-color:var(--accent);text-decoration:none}.question{display:flex;justify-content:space-between;gap:20px;align-items:center}.question h3{font-weight:650}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.1em;color:var(--accent)}.actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.actions form{display:flex;gap:4px}.danger{color:#a83838}.alert{padding:13px 18px;border-radius:9px}.alert.success{background:#dff4e9}.alert.error{background:#ffe6e4}.empty{text-align:center;color:var(--muted);padding:38px}.note{background:#ecf6f5;border-color:#b6d8d3}.inline{display:inline}.inline button{padding:0}table{border-collapse:collapse;width:100%;text-align:left}th,td{padding:11px;border-bottom:1px solid var(--line)}footer{color:var(--muted);font-size:12px;padding-top:32px!important;padding-bottom:35px!important}@media(max-width:740px){.bar,.question,.toolbar{align-items:stretch;flex-direction:column}.bar{padding-top:14px;padding-bottom:14px}.sitebar nav{gap:12px}.grid2,.grid3{grid-template-columns:1fr}.wrap{padding:0 15px}.panel,.question,.card{padding:18px}.actions{justify-content:flex-start}}
/* Live-Regie 0.2.0 */
.regie-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.regie-grid .panel{margin:0;min-width:0}.regie-grid form{gap:13px}.regie-grid select{width:100%;padding:12px;border-radius:9px;border:1px solid #b7cbd1;background:white;color:#183041;font:inherit}.bigbutton{width:100%;min-height:65px;font-size:21px}.regie-preview{padding:25px 16px;background:#112e3c;color:#f2fffc;border-radius:12px;min-height:210px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:20px;font-weight:700}.status-list{display:grid;gap:8px}.status-list>div{display:flex;justify-content:space-between;border-bottom:1px solid #ddd;padding:10px 0}.trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}.participant{margin:45px auto!important}.participant textarea{min-height:170px}.screen-body{background:#112938;color:#f7fffe;min-height:100vh;margin:0;font-family:system-ui,sans-serif}.screen-content{min-height:100vh;display:flex;flex-direction:column;padding:3vw 5vw}.screen-top{display:flex;justify-content:space-between;color:#a7dad6;font-size:clamp(14px,1.6vw,26px);font-weight:650;letter-spacing:.04em}.screen-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1vw}.screen-center h1{font-size:clamp(30px,4.5vw,86px);line-height:1.16;max-width:1100px;margin:.8em 0}.screen-center h2{font-size:clamp(24px,2.3vw,44px)}.screen-center p{font-size:clamp(17px,1.7vw,32px);color:#c0dbdf}.screen-share{display:flex;align-items:center;justify-content:center;gap:5vw}.screen-qr{background:white;padding:12px;border-radius:12px;width:min(20vw,260px)}.screen-clock{display:block;font-size:clamp(44px,5vw,90px);font-variant-numeric:tabular-nums;color:#8bdfd0}.screen-clock.warning{color:#ffa54c;animation:tw-pulse 1.2s infinite}.orbital{position:relative;width:180px;height:150px;margin-bottom:20px}.orbital i{position:absolute;background:#83dcca;border-radius:50%;width:20px;height:20px;left:50%;top:45%;animation:orbit 4s ease-in-out infinite}.orbital i:nth-child(2){animation-delay:-.8s;background:#eabf80}.orbital i:nth-child(3){animation-delay:-1.6s;background:#a9c4ed}.orbital i:nth-child(4){animation-delay:-2.4s;background:#e4f1f5}.orbital i:nth-child(5){animation-delay:-3.2s;background:#4baaa6}@keyframes orbit{0%,100%{transform:translate(-45px,-45px) scale(.75);opacity:.6}50%{transform:translate(60px,48px) scale(1.3);opacity:1}}@keyframes tw-pulse{50%{opacity:.55}}.demo-flag{font-size:15px!important;color:#ffd493!important}.demo-cloud{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:25px;max-width:950px}.demo-cloud span{font-size:clamp(21px,3vw,58px);font-weight:750;color:#87d8c8}.demo-cloud span:nth-child(2){color:#f1d197;font-size:clamp(27px,3.8vw,70px)}.demo-cloud span:nth-child(3){color:#e8f0fa;font-size:clamp(18px,2.4vw,44px)}.demo-cloud span:nth-child(4){color:#a9bfe9}.demo-cloud.appear span{animation:tw-appear .9s both}.demo-cloud.appear span:nth-child(2){animation-delay:.5s}.demo-cloud.appear span:nth-child(3){animation-delay:1s}.demo-cloud.appear span:nth-child(4){animation-delay:1.5s}.demo-cloud.appear span:nth-child(5){animation-delay:2s}@keyframes tw-appear{from{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:none}}@media(max-width:850px){.regie-grid{grid-template-columns:1fr}.screen-share{flex-direction:column}.screen-qr{width:180px}}
/* Live-Regie 0.2.2 */
.regie-preview h3{font-size:clamp(20px,2vw,28px);color:white;line-height:1.3}.regie-preview p{font-size:15px;font-weight:400;color:#c6e1e4}.regie-countdown{font-size:clamp(36px,4vw,56px);font-variant-numeric:tabular-nums;color:#9de5d8}.regie-countdown.warning{color:#ffb95f}.regie-mini-animation{font-size:38px;color:#a1ebdf;animation:tw-pulse 2s infinite}#question-fields{display:grid;gap:13px}#live-extend{padding-top:14px}#save-question{background:#ecf6f5;color:#147f79}#save-message{min-height:20px}.screen-intro{font-size:clamp(16px,1.8vw,29px)!important;color:#96e7d3!important;letter-spacing:.08em}.paper-stream{position:relative;width:min(440px,65vw);height:190px;overflow:hidden}.paper-core{position:absolute;left:50%;top:45%;width:78px;height:78px;border-radius:50%;transform:translate(-50%,-50%);display:grid;place-items:center;font-size:52px;color:#b9f4e9;box-shadow:0 0 45px #6bdbd65e;animation:core-glow 2.6s ease-in-out infinite}.paper-stream span{position:absolute;top:45%;left:50%;font-size:32px;color:#fff;opacity:0;animation:paper-fly 3.1s ease-in infinite}.paper-stream span:nth-child(1){--x:-210px;--y:-70px;animation-delay:0s}.paper-stream span:nth-child(2){--x:205px;--y:75px;animation-delay:.45s}.paper-stream span:nth-child(3){--x:-185px;--y:70px;animation-delay:.9s}.paper-stream span:nth-child(4){--x:190px;--y:-80px;animation-delay:1.4s}.paper-stream span:nth-child(5){--x:-160px;--y:0px;animation-delay:1.9s}.paper-stream span:nth-child(6){--x:150px;--y:0px;animation-delay:2.4s}@keyframes paper-fly{0%{opacity:0;transform:translate(var(--x),var(--y)) rotate(-20deg) scale(1.1)}18%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translate(-12px,-10px) rotate(170deg) scale(.2)}}@keyframes core-glow{50%{box-shadow:0 0 72px #9be9d9ad;transform:translate(-50%,-50%) scale(1.12)}}@media(prefers-reduced-motion:reduce){.paper-stream span,.paper-core,.regie-mini-animation{animation:none}.paper-stream span{opacity:0}}

[hidden]{display:none!important}

/* 0.2.3: Leinwand-QR und Regie-Nachfrist */
.screen-share{width:min(94vw,1700px);gap:clamp(24px,4vw,80px);align-items:center;justify-content:center}
.screen-share>div:last-child{flex:1;min-width:0}
.screen-qr{width:clamp(300px,41vw,680px);height:clamp(300px,41vw,680px);padding:clamp(12px,1.3vw,24px);box-sizing:border-box;flex:0 0 auto;display:flex;align-items:center;justify-content:center}
.screen-qr canvas,.screen-qr svg,.screen-qr img{width:100%!important;height:100%!important;max-width:100%;object-fit:contain;image-rendering:auto}
.screen-content.phase-collect .screen-center{gap:clamp(5px,1vw,16px)}
.screen-content.phase-collect .screen-center h1{font-size:clamp(30px,3.8vw,74px);line-height:1.13;max-width:94vw;margin:.35em 0 .6em}
.regie-grace-note{font-size:13px;color:#d7edef;margin-top:8px}
.regie-countdown.grace-clock{color:#ffcd86}
.regie-ready{border:1px solid #b6e2d5;background:#eaf8f2;border-radius:9px;padding:12px;color:#166b58;font-weight:700}
.regie-status-tag{color:#9de5d8;font-size:14px;margin-top:5px}
@media(max-width:950px){.screen-qr{width:clamp(240px,38vw,440px);height:clamp(240px,38vw,440px)}.screen-share{gap:3vw}}
@media(max-width:700px){.screen-share{flex-direction:column;gap:14px}.screen-qr{width:min(65vw,48vh);height:min(65vw,48vh)}.screen-content.phase-collect .screen-center h1{font-size:clamp(25px,5.5vw,48px)}.screen-clock{font-size:clamp(38px,8vw,62px)}}
@media(max-height:750px) and (min-width:701px){.screen-qr{width:min(36vw,61vh);height:min(36vw,61vh)}.screen-content.phase-collect .screen-center h1{font-size:clamp(29px,3.2vw,64px)}.screen-share{gap:3vw}}

/* 0.2.4: QR artwork fills the enlarged white card; controls on the left. */
.screen-qr svg{display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;flex:1 1 auto}
.regie-grid{align-items:stretch}
.regie-grid>.panel{display:flex;flex-direction:column}
.regie-actions{margin-top:auto;padding-top:22px;border-top:1px solid #d9e3e7;display:grid;gap:12px}
.regie-actions #next-button{margin-top:5px}
.regie-grid .panel #live-extend{padding-top:0}
.regie-grid #next-title{margin-bottom:6px}
.regie-grid #save-question{display:none!important}
.regie-grid #save-message{min-height:24px;font-size:14px}
.regie-grid #regie-error{margin-top:0}
#restart-presentation{width:100%}
@media(max-width:850px){.regie-grid>.panel{min-height:auto}}

/* 0.2.8 – three-column live control */
body:has(.regie-grid) main.wrap,body:has(.regie-grid) footer.wrap{max-width:1680px}
.regie-grid{grid-template-columns:minmax(315px,1.1fr) minmax(320px,1.05fr) minmax(285px,.9fr);align-items:stretch;gap:15px}
.question-sidebar{min-height:0;max-height:calc(100vh - 160px);display:flex!important;flex-direction:column}
.agenda-clock{display:grid;gap:4px;padding:13px;background:#e9f7f3;border:1px solid #b6dcd4;border-radius:11px;margin-bottom:12px}
.agenda-clock span{font-size:13px;font-weight:700}.agenda-clock strong{font-size:32px;font-variant-numeric:tabular-nums;color:#0b756c}.agenda-clock small{font-size:11px;color:#647682}
.agenda-list{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:120px;padding:2px 8px 4px 1px;display:flex;flex-direction:column;gap:8px}
.agenda-question{border:1px solid #d5e1e3;background:#fff;border-radius:10px;padding:11px;display:grid;gap:8px}
.agenda-question.current{border-color:#16877f;background:#edf8f6}.agenda-question.past{opacity:.52;background:#f5f6f7}.agenda-question.inactive{opacity:.65;border-style:dashed;background:#f5f5f5}
.agenda-question .agenda-top{display:flex;justify-content:space-between;gap:7px;align-items:center}.agenda-question .agenda-top strong{font-size:12px;text-transform:uppercase;letter-spacing:.04em}.agenda-question p{font-size:13px;margin:0;overflow-wrap:anywhere}.agenda-question .agenda-actions{display:flex;flex-wrap:wrap;gap:5px}
.agenda-question button,.agenda-insert{font-size:12px;padding:6px 9px;min-height:32px}.agenda-question button.danger{border-color:#e9c2c2}
.agenda-insert{align-self:center;border-style:dashed;color:#0d756e;width:fit-content}.agenda-stamp{font-size:11px;color:#71818c}
.question-modal{border:1px solid #cddfe1;border-radius:15px;padding:24px;width:min(96vw,680px);max-height:90vh;overflow-y:auto;box-shadow:0 20px 80px #10293855;color:var(--ink)}.question-modal::backdrop{background:#102938a8}
.question-modal form{display:grid;gap:14px}.question-modal select{padding:10px}.modal-actions{display:flex;justify-content:flex-end;gap:12px}
@media(max-width:1150px){.regie-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.question-sidebar{grid-column:1/-1;max-height:500px}}
@media(max-width:740px){.regie-grid{grid-template-columns:1fr}.question-sidebar{grid-column:auto;max-height:500px}}

/* 0.3.3 – Full-width, collision-free SVG theme cloud. */
.cloud-screen{width:100%;min-height:0;gap:0;justify-content:flex-start;padding-top:clamp(18px,3vh,55px)}
.cloud-screen h1{font-size:clamp(28px,3.7vw,70px);margin:0 0 clamp(8px,1.8vh,24px);max-width:none;flex:0 0 auto}
.theme-cloud-holder{width:100%;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.theme-cloud-svg{display:block;width:100%;height:100%;max-height:calc(100vh - 230px);overflow:visible}
.theme-cloud-word{dominant-baseline:auto;paint-order:stroke;stroke:transparent;stroke-width:0;}
.theme-cloud-animated .theme-cloud-word{opacity:0;animation:theme-reveal 850ms cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--reveal-delay,0s);transform-box:fill-box;transform-origin:center}
@keyframes theme-reveal{from{opacity:0;transform:scale(.75) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}
@media(prefers-reduced-motion:reduce){.theme-cloud-animated .theme-cloud-word{animation:none;opacity:1}}
@media(max-width:700px){.cloud-screen{padding-top:22px}.theme-cloud-svg{max-height:calc(100vh - 180px)}}

/* 0.3.5: cloud terms render without forced wrapping, clipping or clipping by viewbox. */
.theme-cloud-svg .theme-cloud-word{white-space:pre}
