.mobile-nav-toggle{display:none}.sand-timer{gap:24px;align-items:center;padding:20px 24px;min-width:0}.real-hourglass{display:block;width:48px;height:72px;flex-shrink:0;filter:drop-shadow(0 4px 5px #102a4318)}.timer-details{min-width:0;flex:1}.timer-caption{display:block;color:#60788a;font-size:10px;font-weight:750;letter-spacing:1.5px;margin-bottom:6px}.sand-timer .clock{font-size:44px;line-height:1.12;margin-bottom:12px;letter-spacing:1px}.timer-state{display:block;color:#60788a;font-size:13px;margin-top:9px}.sand-progress{height:5px;overflow:hidden;background:#cfdfdc;border-radius:5px;max-width:260px}.sand-progress i{display:block;width:100%;height:100%;background:#087f75;transform-origin:left center;will-change:transform}.sand-stream-grains{animation:falling-grains .32s linear infinite}.sand-finished .sand-stream-grains{animation-play-state:paused}@keyframes falling-grains{to{stroke-dashoffset:-7.5}}.projector-join-stage{max-width:1080px;margin:25px auto;display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:32px;align-items:center}.projector-qr-panel{min-width:0}.projector-join-stage .qr{width:min(760px,62vh,100%)}.projector .projector-hourglass{display:flex;flex-direction:column;justify-content:center;background:#19394f;border:1px solid #42607180;border-radius:20px;gap:10px;margin:0;padding:16px}.projector-hourglass .real-hourglass{width:64px;height:96px;filter:drop-shadow(0 8px 12px #0005)}.projector-hourglass .timer-details{flex:none;width:100%;text-align:center}.projector-hourglass .timer-caption{color:#aac2d1;font-size:12px}.projector .projector-hourglass .clock{font-size:clamp(34px,3vw,46px);color:#fff}.projector-hourglass .sand-progress{max-width:280px;margin:auto;background:#345368}.projector-hourglass .sand-progress i{background:#e3ba67}.projector-hourglass .timer-state{color:#bdd2df;font-size:13px}.projector .timer-only{max-width:560px;margin:25px auto}.projector .timer-only .real-hourglass{width:80px;height:120px}.projector-join-stage+p{margin-top:22px!important}.participant-workflow{max-width:1120px}.participant-workflow>.sand-timer{max-width:620px}.question-page-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:28px 0 12px;scroll-margin-top:20px}.page-steps{display:flex;gap:3px;margin:0 0 22px}.page-steps i{flex:1;min-width:0;height:5px;background:#d5e2e8;border-radius:5px}.page-steps i.current{background:#77b8af}.page-steps i.submitted{background:#087f75}.question-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.participant .participant-question{padding:22px;min-width:0}.participant-question h2{font-size:19px;line-height:1.4}.participant-question .option{padding:12px;font-size:14px;line-height:1.5}.participant-question textarea{min-height:145px}.page-submit{display:flex;align-items:center;justify-content:space-between;gap:20px}.page-submit p{font-size:13px;margin:7px 0 0}.page-submit button{min-width:150px;padding:15px 25px;font-size:17px}.page-navigation{display:flex;justify-content:space-between;gap:12px;margin-bottom:30px}.participant-question:has(input:disabled){background:#fbfcfd}@media(max-width:950px){.question-page-grid{grid-template-columns:1fr}.participant-workflow{max-width:760px}.participant .participant-question{padding:23px}.projector-join-stage{gap:25px}.projector-hourglass .real-hourglass{width:56px;height:84px}.projector .projector-hourglass{padding:20px}.projector .projector-hourglass .clock{font-size:38px}}@media(max-width:600px){.sand-timer{gap:18px;padding:18px}.sand-timer .clock{font-size:38px}.real-hourglass{width:42px;height:63px}.projector-join-stage{grid-template-columns:1fr;gap:20px}.projector-join-stage .qr{width:min(400px,88vw,100%)}.projector .projector-hourglass{flex-direction:row;padding:18px;gap:22px}.projector-hourglass .real-hourglass{width:48px;height:72px}.projector .projector-hourglass .clock{font-size:34px}.projector .timer-only .real-hourglass{width:56px;height:84px}.page-submit{align-items:stretch;flex-direction:column}.page-submit button{width:100%}.question-page-heading{align-items:flex-start;flex-direction:column;gap:6px}.page-navigation button{font-size:13px;padding:11px}}@media(prefers-reduced-motion:reduce){.sand-stream-grains{animation:none}.sand-progress i{will-change:auto}}.projector:has(.projector-join-stage){padding:24px clamp(20px,5vw,80px)}.projector:has(.projector-join-stage) h1{font-size:clamp(28px,3.2vw,54px);margin:18px 0 12px}.projector-join-stage{margin:16px auto}.projector-join-stage .timer-caption{font-size:10px;letter-spacing:1px}@media(max-width:950px)and (min-width:601px){.projector-join-stage{grid-template-columns:minmax(0,1fr) 180px;gap:20px}.projector .projector-hourglass{padding:14px}}@media(max-width:600px){.projector:has(.projector-join-stage){padding:18px}.projector-join-stage .projector-hourglass{width:100%;max-width:400px;justify-self:center;padding:12px 16px;gap:18px}}.projector:has(.projector-join-stage) .brand img{width:32px;height:32px}.projector:has(.projector-join-stage) h1{font-size:clamp(28px,3vw,46px);margin:12px 0 8px}.projector:has(.projector-join-stage) #projection>p{font-size:15px;line-height:1.4;margin-bottom:8px}.projector:has(.projector-join-stage) .link-button{padding:7px 12px}@media(max-width:700px){.mobile-nav-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:48px;background:#25475b;color:#fff;font-size:15px;padding:12px 14px}.mobile-nav-toggle [data-menu-symbol]{font-size:23px;line-height:1}.sidebar #admin-navigation{display:none;margin-top:12px;overflow:visible}.sidebar #admin-navigation.mobile-open{display:grid;grid-template-columns:1fr;gap:5px}.sidebar #admin-navigation .navbutton{min-height:46px;font-size:15px;padding:12px 14px;white-space:normal;overflow-wrap:normal}.workspace .topbar{height:auto;min-height:64px;gap:10px;padding:12px 0;align-items:center}.workspace .topbar>span{display:none}.workspace .topbar>div{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;font-size:12px}.workspace button,.workspace .button,.participant button,.participant .button{min-height:46px}.workspace input:not([type=checkbox]):not([type=radio]),.workspace select,.workspace textarea,.participant input:not([type=checkbox]):not([type=radio]),.participant select,.participant textarea{font-size:16px;min-height:46px}.participant-question .option{font-size:16px;min-height:52px;padding:14px}.option-edit input{flex:1;min-width:100px}.option-edit button{flex-shrink:0;min-width:40px}}
