:root{--pink:#e30f76;--green:#54b948;--blue:#17a6d6;--ink:#1f2937;--muted:#667085;--soft:#f6f7f9;--line:#e4e7ec;--warn:#f59e0b;--danger:#d92d20;--radius:20px}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}button,input,textarea{font:inherit}button{cursor:pointer}.shell{max-width:1180px;margin:0 auto;padding:28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px}.logo{height:48px;width:auto}.badge{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.hero{padding:72px 0 40px;max-width:820px}.hero h1,.stage h1{font-size:clamp(38px,6vw,72px);line-height:.96;margin:12px 0 22px;letter-spacing:-.04em}.hero p,.lead{font-size:20px;line-height:1.5;color:#475467}.btn{border:0;border-radius:999px;padding:14px 22px;font-weight:800;background:var(--ink);color:white}.btn.primary{background:var(--pink)}.btn.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.btn.green{background:var(--green)}.btn.blue{background:var(--blue)}.btn:disabled{opacity:.4;cursor:not-allowed}.card{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:white;box-shadow:0 8px 24px rgba(16,24,40,.04)}.grid{display:grid;gap:20px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.muted{color:var(--muted)}.code{font-size:34px;font-weight:900;letter-spacing:.12em}.joinbox{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.stage{min-height:65vh;display:flex;flex-direction:column;justify-content:center;padding:28px 0}.stage .eyebrow{font-weight:900;letter-spacing:.14em;font-size:13px;color:var(--pink)}.stage h1{font-size:clamp(38px,5vw,64px)}.takeaway{margin-top:26px;padding:18px 22px;border-left:6px solid var(--green);background:#f4fbf3;border-radius:12px;font-size:18px;font-weight:700}.missionbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.mission{padding:8px 12px;border-radius:999px;background:var(--soft);font-size:12px;font-weight:800;color:var(--muted)}.mission.active{background:#fff0f7;color:var(--pink);outline:1px solid #fac7dd}.mission.done{background:#eef9ec;color:#287a24}.host-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.sidebar{position:sticky;top:20px;align-self:start}.panel-title{font-size:13px;font-weight:900;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin-bottom:10px}.metric{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}.metric strong{font-size:18px}.controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.option-grid{display:grid;gap:12px;margin:22px 0}.option{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line);border-radius:14px;padding:15px;background:white}.option:hover{border-color:#b9c0c9}.option input{margin-top:3px;transform:scale(1.2)}textarea,input[type=text],input[type=date]{width:100%;border:1px solid var(--line);border-radius:14px;padding:14px 16px;outline:none}textarea:focus,input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,166,214,.12)}textarea{min-height:120px;resize:vertical}.results{margin-top:24px}.barrow{display:grid;grid-template-columns:minmax(140px,1fr) 3fr 56px;gap:12px;align-items:center;margin:10px 0}.bar{height:14px;background:var(--soft);border-radius:99px;overflow:hidden}.bar>span{display:block;height:100%;background:var(--blue);border-radius:99px}.result-text{padding:12px 14px;background:var(--soft);border-radius:12px;margin:8px 0}.progress{height:10px;background:var(--soft);border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--green),var(--blue))}.savebox{border:2px solid #dcefd8;background:#f8fcf7;border-radius:18px;padding:20px;margin-top:24px}.savebox h3{margin-top:0}.saved{display:inline-flex;align-items:center;gap:6px;background:#eaf7e8;color:#24711f;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:900}.alert{padding:14px 16px;border-radius:14px;background:#fff6e5;border:1px solid #f6d28c}.qr{width:160px;height:160px;border-radius:14px;border:1px solid var(--line);object-fit:contain;background:white}.participant-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.participant .stage{min-height:auto;padding-top:36px}.participant h1{font-size:36px}.waiting{text-align:center;padding:80px 20px}.matrix{overflow:auto}.matrix table{width:100%;border-collapse:separate;border-spacing:0 8px}.matrix th{font-size:12px;color:var(--muted);padding:8px}.matrix td{padding:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.matrix td:first-child{border-left:1px solid var(--line);border-radius:12px 0 0 12px}.matrix td:last-child{border-right:1px solid var(--line);border-radius:0 12px 12px 0}.mini{font-size:13px}.done-screen{background:linear-gradient(135deg,#fff1f7,#effbed 55%,#eefaff);border-radius:28px;padding:36px}.hidden{display:none!important}@media(max-width:850px){.host-layout,.grid.two,.grid.three{grid-template-columns:1fr}.sidebar{position:static}.shell{padding:18px}.hero{padding-top:48px}.barrow{grid-template-columns:1fr}.barrow .bar{grid-column:1}.topbar{align-items:flex-start}.logo{height:40px}}
.option.selected{border-color:var(--pink);background:#fff5fa;box-shadow:0 0 0 2px rgba(227,15,118,.08)}
.save-status{min-height:24px;margin:10px 0 14px;font-size:14px;font-weight:800;color:var(--muted)}
.save-status.saving{color:var(--blue)}.save-status.ok{color:#287a24}.save-status.error{color:var(--danger)}
.join-error{display:none;margin:14px 0 0;padding:14px 16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--danger) 18%,white);background:color-mix(in srgb,var(--danger) 8%,white);color:var(--danger);font-weight:700;line-height:1.45;max-width:720px}.join-error.visible{display:block}
.matrix-option{justify-content:center;padding:10px;margin:0}.matrix-option input{margin:0}
.agreements-review{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.agreement-row{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;margin:12px 0}
.agreement-row input,.agreement-row textarea{margin-bottom:10px}.agreement-row textarea{min-height:90px}
.session-brand{display:flex;flex-direction:column;gap:5px}.identity-header{font-size:18px;font-weight:900;letter-spacing:-.01em}.powered{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.logo-small{height:26px}.field-label{display:block;margin:15px 0 6px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.radio-line{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:14px}.radio-line input{margin:0}.saved-block{margin-top:12px;padding:11px 14px;border-radius:12px;background:#eaf7e8;color:#24711f}.join-form{align-items:flex-start}.name-wrap{min-width:min(360px,100%)}.name-wrap input{width:100%}@media(max-width:600px){.participant-header{align-items:flex-start}.identity-header{font-size:15px}.powered span{display:none}}

.response-card{background:var(--soft);border-radius:16px;padding:14px 16px;margin:10px 0}.response-item{display:grid;grid-template-columns:minmax(170px,1fr) auto;gap:18px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.response-item:last-child{border-bottom:0}.response-item span{color:var(--muted);font-size:14px}.response-item strong{text-align:right}.field-label{margin:16px 0 8px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.radio-line{display:flex;gap:8px;align-items:center;margin:8px 0}@media(max-width:650px){.response-item{grid-template-columns:1fr}.response-item strong{text-align:left}}
/* v0.4.4 brand hierarchy */
.logo{display:block;max-width:100%;object-fit:contain;object-position:center}.logo-landing{width:132px;height:auto}.logo-small{width:76px;height:auto}.top-brand{min-height:34px}.identity-header{font-size:20px;font-weight:900;letter-spacing:-.025em;line-height:1.15;color:var(--ink)}.session-brand{min-width:0}.session-brand .identity-header{max-width:min(760px,72vw)}
.gtd-footer{margin-top:34px;padding:18px 0 8px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px}.footer-brand{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.logo-footer{width:60px;height:auto;opacity:.74}.gtd-footer a{color:var(--muted);text-decoration:none;font-weight:700}.gtd-footer a:hover{color:var(--ink);text-decoration:underline}.identity-header.identity-active{font-size:clamp(19px,2.2vw,28px);letter-spacing:-.03em}.identity-header.identity-active::before{content:"SESSIE VOOR";display:block;margin-bottom:5px;color:var(--muted);font-size:10px;letter-spacing:.15em;font-weight:900;text-transform:uppercase}
@media(max-width:600px){.logo-landing{width:112px}.logo-small{width:68px}.identity-header.identity-active{font-size:20px}.session-brand .identity-header{max-width:68vw}.gtd-footer{align-items:flex-end}.logo-footer{width:54px}}

/* v0.4.5 complete GTD logo asset */
.logo{object-fit:contain;object-position:left center;overflow:visible}
.logo-landing{width:150px;max-height:74px}
.logo-small{width:88px;max-height:38px}
.logo-footer{width:70px;max-height:32px}
@media(max-width:600px){.logo-landing{width:132px}.logo-small{width:78px}.logo-footer{width:62px}}

/* v0.4.6 exact GTD reference logo */
.logo-landing{width:190px;max-height:none;height:auto}
.logo-small{width:128px;max-height:none;height:auto}
.logo-footer{width:104px;max-height:none;height:auto;opacity:.78}
.powered{gap:0}
.footer-brand{gap:0}
@media(max-width:600px){.logo-landing{width:165px}.logo-small{width:112px}.logo-footer{width:92px}}

/* v0.5 Session Engine design system */
:root{--canvas:#fafaf8;--surface:#fff;--mist:#f1f3f2;--border:#dde2e1;--ink:#17252d;--slate:#68747a;--vertel:#f46eaa;--doe:#8bcaf2;--bekijk:#055169;--bespreek:#03a48b;--besluit:#f4c34a;--success:#29a63c;--warning:#f2762e;--error:#d63b1a;--pink:var(--vertel);--blue:var(--doe);--green:var(--bespreek);--soft:var(--mist);--line:var(--border);--muted:var(--slate)}
body{background:var(--canvas);color:var(--ink)}
.shell{max-width:1440px;padding:22px 30px}.topbar{padding-bottom:14px}.host-layout{grid-template-columns:minmax(0,1fr) 340px;gap:28px}.host-layout main{min-width:0}.sidebar .card{box-shadow:none;background:rgba(255,255,255,.72);backdrop-filter:blur(16px);padding:20px}.card{box-shadow:none}.btn{font-weight:750;letter-spacing:-.01em}.btn.primary{background:var(--ink)}.btn.decision{background:var(--besluit);color:#332900}.btn.green{background:var(--bespreek)}
.stage{--mode:var(--vertel);min-height:min(720px,calc(100vh - 130px));max-height:calc(100vh - 90px);justify-content:center;padding:42px 54px;background:var(--surface);border:1px solid var(--border);border-radius:28px;overflow:hidden;position:relative}.stage-doe{--mode:var(--doe)}.stage-bekijk{--mode:var(--bekijk)}.stage-bespreek{--mode:var(--bespreek)}.stage-besluit{--mode:var(--besluit)}.stage::before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:var(--mode)}.stage-head{position:absolute;left:54px;right:54px;top:30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.stage-head>div{display:flex;align-items:center;gap:10px}.mode-dot{width:12px;height:12px;border-radius:50%;background:var(--mode);display:inline-block}.mode-label,.attention{font-size:12px;font-weight:850;letter-spacing:.1em;color:var(--slate)}.attention{padding:8px 12px;border:1px solid var(--border);border-radius:999px}.stage .eyebrow{color:var(--slate);margin-top:30px}.stage h1{font-size:clamp(42px,4.4vw,68px);line-height:1.02;max-width:940px;margin:12px 0 18px}.stage .lead{font-size:clamp(18px,1.7vw,24px);line-height:1.42;max-width:900px;margin:0;color:#526068}.takeaway{max-width:900px;background:color-mix(in srgb,var(--mode) 9%,white);border:0;border-left:4px solid var(--mode);font-weight:650;padding:16px 20px;margin-top:22px}.missionbar{position:absolute;bottom:24px;left:54px;right:54px;margin:0;gap:6px}.mission{background:transparent;padding:5px 9px;color:#9aa3a7}.mission.active{background:color-mix(in srgb,var(--mode) 10%,white);outline:0;color:var(--ink)}.mission.done{background:transparent;color:#7d898d}.mission.done::before{content:'✓ ';color:var(--success)}
.answer-progress{display:flex;align-items:center;gap:16px;margin-top:28px;padding:18px 20px;border-radius:18px;background:color-mix(in srgb,var(--doe) 15%,white);max-width:650px}.answer-progress .device-icon{font-size:32px;line-height:1}.answer-progress div{display:flex;flex-direction:column;gap:3px}.answer-progress span:last-child{font-size:14px;color:var(--slate)}
.result-focus{max-height:310px;overflow:auto;padding-right:8px}.result-focus .bar>span{background:var(--bekijk)}.bar{background:#edf0ef}.barrow{margin:7px 0}.response-card,.result-text{background:var(--mist)}
.savebox{border:0;background:color-mix(in srgb,var(--besluit) 12%,white);padding:20px 22px;margin-top:22px;max-width:900px}.savebox-label{font-size:11px;font-weight:900;letter-spacing:.12em;color:#7a6510;margin-bottom:10px}.savebox textarea{background:white;min-height:104px}.savebox input{margin:5px 0;background:white}.saved{background:white;color:#536065}.choice-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.date-row{display:flex;gap:10px;margin-top:12px;max-width:600px}.done-summary{display:flex;gap:12px;margin-top:20px}.done-summary>div{background:var(--mist);border-radius:18px;padding:14px 22px;display:flex;flex-direction:column}.done-summary strong{font-size:28px}.done-summary span{font-size:12px;color:var(--slate)}.done-screen{background:transparent;padding:18px 0 0}.agreements-review{max-height:280px;overflow:auto}.agreement-row{box-shadow:none}.delete-action{float:right;border:0;background:none;font-size:20px}.coach{--coach:var(--vertel);margin-top:14px;border:1px solid var(--border);border-radius:20px;background:white;padding:18px 22px;border-left:5px solid var(--coach)}.coach-doe{--coach:var(--doe)}.coach-bekijk{--coach:var(--bekijk)}.coach-bespreek{--coach:var(--bespreek)}.coach-besluit{--coach:var(--besluit)}.coach-top{display:flex;justify-content:space-between;gap:12px}.coach-kicker,.coach-time{font-size:11px;font-weight:900;letter-spacing:.11em;color:var(--slate)}.coach h3{margin:7px 0 6px;font-size:19px}.coach p{margin:0;line-height:1.45;color:#526068}.coach-continue{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);display:grid;grid-template-columns:130px 1fr;gap:12px;font-size:13px}.coach-continue span{color:var(--slate)}
.progress span{background:var(--bekijk)}
/* participant: a remote control, not a second presentation */
.participant{background:var(--canvas)}.participant .stage{max-height:none;min-height:calc(100vh - 180px);padding:34px 24px;border-radius:24px}.participant-stage::before{width:5px}.participant-mode{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:900;letter-spacing:.1em;color:var(--slate);margin-bottom:24px}.participant .stage-head,.participant .missionbar{display:none}.participant h1{font-size:clamp(30px,8vw,42px);line-height:1.06}.participant .lead{font-size:17px}.look-screen{text-align:center;margin:auto;max-width:460px}.look-screen .screen-symbol{font-size:42px;color:var(--mode);margin-bottom:12px}.look-screen h1{margin:0 0 12px}.look-screen p{color:var(--slate);font-size:17px}.participant .option{box-shadow:none;border-color:var(--border);padding:14px}.participant .option.selected{border-color:var(--mode);background:color-mix(in srgb,var(--mode) 10%,white);box-shadow:none}.participant .btn.primary{background:var(--ink);width:100%}.survey-grid{gap:14px}.survey-card{padding:18px}.question-number{font-size:11px;color:var(--slate);margin-bottom:7px}.option-grid.compact{gap:7px;margin:14px 0 0}.option-grid.compact .option{padding:10px 12px}.save-status.ok{color:var(--success)}
@media(max-width:1000px){.host-layout{grid-template-columns:1fr}.sidebar{position:static}.stage{max-height:none;min-height:650px}.coach{margin-bottom:18px}}
@media(max-width:650px){.shell{padding:16px}.stage{padding:30px 22px;min-height:560px}.stage-head{left:22px;right:22px;top:20px}.stage h1{font-size:38px}.missionbar{left:22px;right:22px}.attention{font-size:9px}.coach-continue{grid-template-columns:1fr}.date-row{flex-direction:column}}

/* v0.5.1 facilitator regie + presentation mode */
.top-actions{display:flex;align-items:center;gap:12px}.sidebar-toggle{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;cursor:pointer}.host-layout.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.host-layout.sidebar-collapsed .sidebar{display:none}.host-layout.sidebar-collapsed .stage{max-width:none}
.sidebar{width:100%}.side-section{border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.82);margin-bottom:10px;overflow:hidden}.side-section>summary{list-style:none;cursor:pointer;padding:13px 16px;font-size:12px;font-weight:900;letter-spacing:.09em;color:var(--slate);display:flex;justify-content:space-between;align-items:center;gap:10px}.side-section>summary::-webkit-details-marker{display:none}.side-section>summary::after{content:'+';font-size:18px;line-height:1;color:#9aa3a7}.side-section[open]>summary::after{content:'−'}.side-section>summary span{font-size:10px;letter-spacing:0;font-weight:700;color:#98a1a5}.side-content{padding:0 16px 16px}.side-content .qr{width:132px;height:132px}.side-content .code{font-size:28px}
#coachDock .coach{margin:0 0 10px;padding:15px 16px;border-radius:18px}.coach h3{font-size:17px}.coach p{font-size:13px;line-height:1.4}.coach-tip{margin-top:11px;padding:10px 11px;border-radius:11px;background:color-mix(in srgb,var(--coach) 8%,white);display:grid;grid-template-columns:34px 1fr;gap:8px;font-size:12px;line-height:1.35}.coach-tip strong{font-size:10px;letter-spacing:.08em;color:var(--slate)}.coach-continue{grid-template-columns:105px 1fr;font-size:12px;margin-top:10px;padding-top:10px}
.interaction-cue{display:flex;align-items:center;gap:13px;width:max-content;max-width:100%;padding:11px 15px;border-radius:14px;background:color-mix(in srgb,var(--doe) 18%,white);margin:0 0 16px}.interaction-cue .phone-glyph{font-size:28px;line-height:1;color:#35647a}.interaction-cue div{display:flex;flex-direction:column;gap:1px}.interaction-cue strong{font-size:16px}.interaction-cue span:last-child{font-size:12px;color:var(--slate)}
/* The big screen must not need scrolling. Interactive cue replaces the lower duplicate callout visually. */
.stage-doe .answer-progress{margin-top:16px;padding:12px 15px;max-width:520px}.stage-doe .answer-progress>div>strong{display:none}.stage-doe .answer-progress .device-icon{display:none}
.agreement-row .saveAgreementEdit:disabled{opacity:.65}.agreement-row textarea,.agreement-row input{transition:border-color .15s,box-shadow .15s}.agreement-row textarea:focus,.agreement-row input:focus{border-color:var(--bekijk);box-shadow:0 0 0 3px color-mix(in srgb,var(--bekijk) 10%,transparent)}
@media(max-width:1000px){.sidebar-toggle{display:none}.side-section{background:white}.top-actions{gap:8px}}

/* v0.5.2 shared presentation + optional clean screen */
.host-body{padding-bottom:76px;overflow-x:hidden}.session-shell{max-width:1480px;margin:0 auto;padding:18px 28px 28px}.session-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);padding:0 0 12px}.session-meta{display:flex;align-items:center;gap:12px}.presentation-main{padding-top:14px}.presentation-main .stage{min-height:calc(100vh - 178px);max-height:calc(100vh - 178px);padding:42px 62px 62px}.presentation-main .stage h1{max-width:1040px}.presentation-main .stage .lead{max-width:980px}.presentation-main .missionbar{bottom:20px;left:62px;right:62px}.presentation-main .stage-head{left:62px;right:62px}.presentation-main .result-focus{max-height:300px}
.leadbar{position:fixed;z-index:60;left:50%;bottom:14px;transform:translateX(-50%);display:grid;grid-template-columns:auto auto auto;align-items:center;gap:8px;padding:8px;border:1px solid rgba(221,226,225,.92);border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 14px 45px rgba(23,37,45,.12);backdrop-filter:blur(18px);max-width:calc(100vw - 28px)}.leadbar button{border:0}.leadbar-status{display:flex;align-items:center;gap:8px;padding:0 10px;white-space:nowrap}.leadbar-status strong{font-size:13px}.leadbar-status span{font-size:10px;font-weight:900;letter-spacing:.1em;color:var(--slate)}.leadbar-regie-nav{display:flex;align-items:center;gap:6px}.leadbar-icon{width:38px;height:38px;border-radius:12px!important;background:var(--mist);color:var(--ink);font-size:19px;font-weight:900;line-height:1;display:inline-flex;align-items:center;justify-content:center}.leadbar-action{height:42px;border-radius:13px!important;background:var(--mist);color:var(--ink);font-weight:800;padding:0 15px}.leadbar-regie{min-width:78px}.leadbar-session{background:white;box-shadow:inset 0 0 0 1px var(--border)}.leadbar button:disabled{opacity:.35;cursor:not-allowed}
.overlay{position:fixed;z-index:80;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:24px}.overlay-backdrop{position:absolute;inset:0;background:rgba(23,37,45,.2);backdrop-filter:blur(3px)}.overlay-card{position:relative;width:min(760px,calc(100vw - 32px));max-height:min(76vh,720px);overflow:auto;background:white;border:1px solid var(--border);border-radius:28px;padding:24px;box-shadow:0 30px 90px rgba(23,37,45,.2)}.setup-overlay-card{width:min(1160px,calc(100vw - 32px))}.overlay-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.overlay-head h2{margin:5px 0 0;font-size:28px}.overlay-close{width:40px;height:40px;border:1px solid var(--border);border-radius:50%;background:white;color:var(--ink);font-size:26px;line-height:1}.coach-overlay-card #coachDock .coach{border:0;padding:18px 4px 4px;margin:0}.coach-overlay-card .coach h3{font-size:28px}.coach-overlay-card .coach p{font-size:17px}.coach-overlay-card .coach-tip,.coach-overlay-card .coach-continue{font-size:14px;padding:14px}.coach-live{display:flex;gap:10px;flex-wrap:wrap;padding-top:18px;margin-top:18px;border-top:1px solid var(--border)}.coach-live span{padding:9px 12px;border-radius:999px;background:var(--mist);font-size:12px}.setup-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:20px;padding-top:20px}.setup-block{border:1px solid var(--border);border-radius:20px;padding:20px;background:var(--canvas)}.setup-block h3{margin:0 0 12px}.setup-block input[type=text]{margin-bottom:8px;background:white}.screen-login-box{display:grid;grid-template-columns:1fr auto;gap:7px 14px;align-items:center;margin:16px 0;padding:14px;border-radius:16px;background:white;border:1px solid var(--border)}.screen-login-box span{font-size:12px;color:var(--slate)}.screen-login-box strong{font-size:15px;letter-spacing:.04em}.screen-login-box strong:last-child{font-size:24px;letter-spacing:.14em}.start-tools{position:absolute;right:62px;bottom:68px;width:min(400px,36%);padding:18px;border:1px solid var(--border);border-radius:20px;background:rgba(250,250,248,.96);box-shadow:0 10px 30px rgba(23,37,45,.06)}.start-tools h2{font-size:24px;margin:4px 0 6px}.start-tools p{font-size:13px;margin:0 0 12px}.start-tools .join-inline{display:flex;gap:16px;align-items:center}.qr-stage{width:105px;height:105px}.start-tools .code{font-size:28px}.start-tools .btn{margin-top:12px;padding:10px 15px;font-size:12px}

/* Optional presentation screen */
.screen-body{margin:0;background:var(--canvas);overflow:hidden}.screen-login-shell{min-height:100vh;display:grid;place-items:center;padding:30px}.screen-login-card{width:min(520px,100%);background:white;border:1px solid var(--border);border-radius:30px;padding:38px;box-shadow:0 22px 70px rgba(23,37,45,.08)}.screen-login-card h1{font-size:38px;letter-spacing:-.04em;margin:24px 0 10px}.screen-login-card p{color:var(--slate);line-height:1.5}.screen-login-card input{margin:7px 0;background:white;font-size:18px;text-transform:uppercase;letter-spacing:.08em}.screen-login-card .btn{width:100%;margin-top:10px}.screen-app{height:100vh;padding:18px 28px 20px;display:grid;grid-template-rows:auto 1fr auto;gap:12px}.screen-topbar{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:10px}.screen-main{min-height:0}.screen-stage{height:100%;min-height:0!important;max-height:none!important;padding:42px 68px 58px!important}.screen-stage .stage-head{left:68px;right:68px}.screen-stage .missionbar{left:68px;right:68px}.screen-stage .result-focus{max-height:34vh}.screen-footer{display:flex;align-items:center;justify-content:space-between;color:var(--slate);font-size:12px}.screen-footer .logo-footer{width:92px}.screen-decision{margin-top:24px;max-width:960px;border-left:5px solid var(--besluit);padding:18px 22px;background:color-mix(in srgb,var(--besluit) 10%,white);border-radius:0 18px 18px 0}.screen-decision span{font-size:11px;font-weight:900;letter-spacing:.1em;color:#7a6510}.screen-decision blockquote{margin:10px 0 0;font-size:clamp(22px,2vw,32px);line-height:1.3;font-weight:700}

@media(max-width:900px){.setup-grid{grid-template-columns:1fr}.leadbar{grid-template-columns:auto auto auto}.leadbar-status span{display:none}.presentation-main .stage{max-height:none;min-height:650px}.start-tools{position:static;width:auto;margin-top:18px}.host-body{overflow:auto}}
@media(max-width:650px){.session-shell{padding:14px}.leadbar{left:12px;right:12px;transform:none;max-width:none;grid-template-columns:auto 1fr auto}.leadbar-status{padding:0 4px}.leadbar-status span{display:none}.leadbar-regie-nav{justify-content:center}.leadbar-action{font-size:11px;padding:0 12px}.leadbar-icon{width:36px;height:36px}.leadbar-session{padding:0 12px}.presentation-main .stage{padding:34px 22px 72px}.presentation-main .stage-head{left:22px;right:22px}.presentation-main .missionbar{left:22px;right:22px}.session-meta .badge{display:none}}

/* v0.5.4 teamdocument */
.leadbar-teamdoc{background:var(--besluit);color:#332900}.teamdoc-overlay-card{width:min(980px,calc(100vw - 32px));max-height:min(84vh,820px)}.teamdoc-overlay-card .agreements-review{margin-top:18px}.teamdoc-actions{position:sticky;bottom:-24px;margin:22px -24px -24px;padding:16px 24px;background:rgba(255,255,255,.96);border-top:1px solid var(--border);backdrop-filter:blur(12px)}.done-callout{margin-top:26px;max-width:760px;padding:18px 20px;border-radius:18px;background:color-mix(in srgb,var(--besluit) 10%,white);display:grid;gap:5px}.done-callout span{color:var(--slate);font-size:14px;line-height:1.45}

/* v0.5.5 separate team document work page */
.teamdocument-body{margin:0;background:var(--canvas);color:var(--ink);overflow:auto;min-height:100vh}.teamdocument-shell{max-width:1180px;margin:0 auto;padding:28px 30px 48px}.teamdocument-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--border)}.teamdocument-identity{font-size:24px;font-weight:850;letter-spacing:-.025em;margin-top:7px}.teamdocument-back{color:var(--ink);text-decoration:none;font-weight:750;padding:10px 14px;border:1px solid var(--border);border-radius:13px;background:white}.teamdocument-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:end;padding:54px 0 38px}.teamdocument-hero h1{font-size:clamp(42px,5vw,70px);line-height:.98;letter-spacing:-.055em;margin:10px 0 18px;max-width:800px}.teamdocument-hero p{font-size:18px;line-height:1.55;color:var(--slate);max-width:720px}.teamdocument-summary{display:flex;gap:10px;align-items:stretch}.teamdocument-summary>div{min-width:105px;padding:18px;border-radius:18px;background:white;border:1px solid var(--border);display:grid}.teamdocument-summary strong{font-size:31px;line-height:1}.teamdocument-summary span{font-size:12px;color:var(--slate);margin-top:7px}.teamdocument-section{margin:22px 0;padding:28px;background:white;border:1px solid var(--border);border-radius:26px}.teamdocument-sectionhead{display:flex;justify-content:space-between;gap:24px;align-items:end;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--border)}.teamdocument-sectionhead h2,.teamdocument-finalize h2{font-size:30px;letter-spacing:-.035em;margin:5px 0 0}.section-kicker{font-size:11px;font-weight:900;letter-spacing:.14em;color:var(--slate)}.teamdocument-agreements{display:grid;gap:16px}.teamdocument-agreement{padding:20px;border:1px solid var(--border);border-radius:20px;background:var(--canvas);display:grid;gap:14px}.teamdocument-agreement label{font-size:11px;font-weight:850;letter-spacing:.07em;color:var(--slate);display:grid;gap:7px;text-transform:uppercase}.teamdocument-agreement input,.teamdocument-agreement textarea{font:inherit;color:var(--ink);background:white;border:1px solid var(--border);border-radius:14px;padding:13px 15px;text-transform:none;letter-spacing:normal}.teamdocument-agreement input{font-size:16px;font-weight:800}.teamdocument-agreement textarea{font-size:17px;line-height:1.5;min-height:112px;resize:vertical}.teamdocument-row-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.text-button{background:transparent!important;border:0!important;color:var(--slate)!important;padding-left:10px!important;padding-right:10px!important}.inline-save{font-size:12px;color:var(--bespreek);font-weight:800}.teamdocument-add{background:color-mix(in srgb,var(--besluit) 7%,white)}.teamdocument-empty{padding:22px;border-radius:18px;background:var(--mist);color:var(--slate)}.teamdocument-actions-list{display:grid;gap:10px}.teamdocument-action{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px;border:1px solid var(--border);border-radius:18px;background:var(--canvas)}.action-number{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--besluit) 22%,white);font-weight:900}.action-meta{font-size:13px;color:var(--slate);margin-top:4px}.teamdocument-review{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.review-current{font-size:16px}.teamdocument-finalize{margin:30px 0;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:30px 32px;border-radius:26px;background:color-mix(in srgb,var(--besluit) 9%,white);border:1px solid color-mix(in srgb,var(--besluit) 28%,var(--border))}.teamdocument-finalize p{max-width:720px;color:var(--slate);line-height:1.5}.teamdocument-download{white-space:nowrap;text-decoration:none}.teamdocument-footer{display:flex;align-items:end;justify-content:space-between;padding-top:34px;margin-top:44px;border-top:1px solid var(--border)}.teamdocument-footer a{color:var(--slate);font-weight:700;text-decoration:none}.done-callout .btn{justify-self:start;margin-top:12px}.host-body .leadbar-teamdoc{display:none}.host-body .leadbar-teamdoc:not(.hidden){display:inline-flex}
@media(max-width:800px){.teamdocument-shell{padding:20px 16px 36px}.teamdocument-hero{grid-template-columns:1fr;gap:24px;padding-top:36px}.teamdocument-summary{flex-wrap:wrap}.teamdocument-section{padding:20px}.teamdocument-sectionhead{align-items:flex-start;flex-direction:column}.teamdocument-finalize{align-items:flex-start;flex-direction:column}.teamdocument-action{grid-template-columns:38px 1fr}.teamdocument-action .deleteAction{grid-column:2}.teamdocument-topbar{flex-direction:column}.teamdocument-back{align-self:flex-start}}

/* v0.5.6: clean start layout + final agreement review */
.presentation-main .stage-start{padding-right:500px}
.presentation-main .stage-start h1,.presentation-main .stage-start .lead,.presentation-main .stage-start .takeaway{max-width:820px}
.presentation-main .stage-start .start-tools{right:58px;top:50%;bottom:auto;transform:translateY(-40%);width:390px}
.leadbar-icon{flex:0 0 38px;min-width:38px;max-width:38px;padding:0!important;white-space:nowrap}
.stage-done-review{justify-content:flex-start;padding-top:92px!important}
.stage-done-review>h1,.stage-done-review>.lead{display:none}
.done-review{max-width:1040px;margin-top:12px;padding:30px 34px;border-radius:24px;background:color-mix(in srgb,var(--bekijk) 6%,white);border:1px solid color-mix(in srgb,var(--bekijk) 18%,var(--border));border-left:6px solid var(--bekijk)}
.done-review-count{font-size:12px;font-weight:900;letter-spacing:.12em;color:var(--slate);margin-bottom:12px}
.done-review h2{font-size:clamp(28px,3.4vw,48px);line-height:1.05;letter-spacing:-.035em;margin:0 0 18px;color:var(--ink)}
.done-review blockquote{margin:0;font-size:clamp(22px,2.2vw,32px);line-height:1.38;font-weight:650;color:var(--ink);max-width:950px}
.done-review-hint{margin-top:20px;padding-top:16px;border-top:1px solid var(--border);font-size:14px;color:var(--slate)}
.done-review-empty{max-width:760px;padding:24px;border-radius:20px;background:var(--mist);display:grid;gap:6px}
.example-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;max-height:310px;overflow:auto;padding-right:6px}.example-card{display:grid;gap:5px;padding:14px;border:1px solid var(--border);border-radius:16px;background:white}.example-card>strong{font-size:14px}.example-card>span{font-size:12px;line-height:1.35;color:var(--slate)}.example-card b{color:var(--ink)}@media(max-width:760px){.example-card-grid{grid-template-columns:1fr}}
.done-review-empty span{color:var(--slate)}
.done-summary-compact{margin-top:18px}
.done-summary-compact>div{padding:10px 16px;border-radius:14px}
.done-summary-compact strong{font-size:22px}
.screen-stage.stage-done-review{padding-top:88px!important}
.screen-stage .done-review{max-width:1100px}
@media(max-width:1100px){.presentation-main .stage-start{padding-right:430px}.presentation-main .stage-start .start-tools{width:330px}.presentation-main .stage-start h1{font-size:clamp(40px,5vw,60px)}}
@media(max-width:900px){.presentation-main .stage-start{padding-right:42px}.presentation-main .stage-start .start-tools{position:static;transform:none;width:auto;margin-top:18px}.stage-done-review{padding-top:84px!important}}

/* v0.5.7: fixed start join zone + icon-only session navigation */
.presentation-main .stage-start{padding-right:500px}
.presentation-main .stage-start>h1,
.presentation-main .stage-start>.lead,
.presentation-main .stage-start>.takeaway{width:100%;max-width:760px}
.presentation-main .stage-start .start-tools{position:absolute;right:58px;top:50%;bottom:auto;transform:translateY(-42%);width:370px;margin:0;z-index:2}
.leadbar-icon{width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;border-radius:13px!important;font-size:0!important}
.leadbar-icon::before{font-size:26px;line-height:1;font-weight:800}
#back::before{content:'‹'}
#next::before{content:'›'}
#next:not(:disabled){background:var(--ink);color:white}
#back:not(:disabled){background:var(--mist);color:var(--ink)}
@media(max-width:1100px){
  .presentation-main .stage-start{padding-right:410px}
  .presentation-main .stage-start>h1,.presentation-main .stage-start>.lead,.presentation-main .stage-start>.takeaway{width:100%;max-width:680px}
  .presentation-main .stage-start .start-tools{right:38px;width:320px}
}
@media(max-width:900px){
  .presentation-main .stage-start{padding-right:42px}
  .presentation-main .stage-start>h1,.presentation-main .stage-start>.lead,.presentation-main .stage-start>.takeaway{width:100%;max-width:none}
  .presentation-main .stage-start .start-tools{position:static;transform:none;width:auto;margin-top:18px}
}
@media(min-width:901px) and (max-height:760px){
  .presentation-main .stage{min-height:650px;max-height:none}
}

/* v0.8.12 acceptance review: one task per view, visible results, direct step access */
.leadbar-steps{background:color-mix(in srgb,var(--bekijk) 12%,white);color:#235f69}
.steps-overlay-card{width:min(1040px,calc(100vw - 32px));max-height:min(86vh,880px)}
.steps-overlay-card .overlay-head p{margin:8px 0 0}
.steps-dock{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;padding-top:18px}
.steps-dock h3{grid-column:1/-1;margin:16px 0 2px;padding-top:14px;border-top:1px solid var(--border);font-size:12px;letter-spacing:.13em;color:var(--slate)}
.steps-dock h3:first-child{margin-top:0;padding-top:0;border-top:0}
.step-index-item{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;text-align:left;border:1px solid var(--border);border-radius:15px;background:white;padding:12px;color:var(--ink)}
.step-index-item:hover{border-color:var(--bekijk);background:color-mix(in srgb,var(--bekijk) 5%,white)}
.step-index-item.active{border-color:var(--bekijk);background:color-mix(in srgb,var(--bekijk) 10%,white);box-shadow:0 0 0 2px color-mix(in srgb,var(--bekijk) 12%,transparent)}
.step-index-number{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--mist);font-weight:900}
.step-index-item strong{display:block;font-size:14px;line-height:1.3}.step-index-item small{display:block;margin-top:5px;color:var(--slate);font-size:11px;font-weight:700}
.presentation-main .stage:not(.stage-start):not(.stage-done-review){justify-content:flex-start!important;padding-top:42px!important}
.presentation-main .stage:not(.stage-start) .stage-head{display:none}
.presentation-main .stage:not(.stage-start)>.eyebrow{margin-top:0!important}
.stage-subview-results,.stage-subview-work{justify-content:flex-start!important;padding-top:42px!important}
.stage-subview-results h1,.stage-subview-work h1{font-size:clamp(34px,3.4vw,52px);max-width:980px;margin-bottom:10px}
.stage-subview-results .lead,.stage-subview-work .lead{font-size:18px;max-width:980px}
.stage-subview-cards h1{font-size:clamp(34px,3.4vw,52px);max-width:980px;margin-bottom:10px}.stage-subview-cards .lead{font-size:18px;max-width:980px}.stage-subview-cards .example-card-grid{max-height:none;overflow:visible;width:100%;max-width:1040px}
.results-only{margin-top:22px!important;max-height:none!important;overflow:visible!important;width:100%;max-width:1040px}
.results-only .barrow{grid-template-columns:minmax(190px,1.4fr) 3fr 48px;margin:8px 0}.results-only .bar{height:18px}
.result-explanation{display:grid;gap:6px;margin-top:18px;padding:16px 18px;border-radius:16px;background:color-mix(in srgb,var(--bekijk) 10%,white);border-left:4px solid var(--bekijk)}.result-explanation span{font-size:15px;line-height:1.45;color:#43545b}
.stage-subview-results .missionbar,.stage-subview-work .missionbar{display:none}
.stage-subview-work .savebox{margin-top:12px;max-width:1040px;width:100%;padding:14px 18px}
.action-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px}
.action-field-label{display:grid;gap:3px;font-size:12px;font-weight:800;color:var(--slate)}
.action-fields-grid input{margin:0!important;padding:8px 11px!important}
.host-action-editor>.btn{margin-top:9px;padding-top:10px;padding-bottom:10px}.host-action-editor .action-list{max-height:74px;overflow:auto;margin-top:6px}
.review-work{max-width:1040px}.review-fields{display:grid;grid-template-columns:1fr 1.4fr;gap:14px;margin:14px 0}.review-fields textarea{min-height:74px}
@media(max-width:760px){.steps-dock,.action-fields-grid,.review-fields{grid-template-columns:1fr}.leadbar-steps{display:none}.presentation-main .stage:not(.stage-start):not(.stage-done-review),.stage-subview-results,.stage-subview-work{padding-top:32px!important}}
.answer-confirmation{display:grid;gap:5px;margin-top:14px;padding:14px 16px;border-radius:14px;background:#eef9ec;border:1px solid #cfe8ca;color:#235d20}.answer-confirmation strong{font-size:14px}.answer-confirmation span{font-size:13px;line-height:1.4;color:#456343}
.setup-divider{margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.setup-toggle{align-items:flex-start;line-height:1.35}.setup-toggle input{margin-top:3px}.empty-results{padding:18px;border-radius:14px;background:var(--mist);max-width:720px}.result-card>.result-page-range{margin-top:0}
.document-review-action{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:18px}.document-review-action span{font-size:14px;color:var(--slate)}

/* v0.5.8 final review layout */
.coach-teamdoc{margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}
.coach-teamdoc .btn{margin-bottom:7px}
.stage-done-review{padding:70px 70px 74px!important}
.stage-done-review .stage-head{top:30px}
.stage-done-review>.eyebrow{margin-top:0}
.stage-done-review .saved-block{margin-top:14px;max-width:920px;padding:13px 18px}
.stage-done-review .done-review{margin-top:14px;max-width:980px;padding:22px 28px;border-radius:22px}
.stage-done-review .done-review-count{margin-bottom:8px}
.stage-done-review .done-review h2{font-size:clamp(26px,3vw,42px);margin-bottom:12px}
.stage-done-review .done-review blockquote{font-size:clamp(20px,2vw,28px);line-height:1.3}
.stage-done-review .done-review-hint{margin-top:14px;padding-top:12px}
.stage-done-review .missionbar{display:none}
.host-body .leadbar{grid-template-columns:auto auto auto}
@media(max-width:900px){.stage-done-review{padding:68px 28px 76px!important}}

/* v0.5.9 - final review uses the available vertical space more efficiently */
.stage-done-review{padding-top:28px!important;padding-bottom:62px!important}
.stage-done-review .stage-head{top:18px}
.stage-done-review>.eyebrow{margin-top:-2px}
@media(max-width:900px){.stage-done-review{padding-top:30px!important;padding-bottom:70px!important}}

/* v0.5.9 - participant session identity first, GTD only as subtle footer */
.participant.session-active .participant-header{padding:12px 0 16px}
.participant.session-active .participant-header .session-brand{width:100%}
.participant.session-active .participant-header .identity-header.identity-active{font-size:clamp(20px,5.6vw,27px);line-height:1.12;max-width:78vw}
.participant.session-active .gtd-footer{margin-top:24px;padding-top:14px}
.participant.session-active .logo-footer{width:46px;opacity:.62}
@media(max-width:600px){.participant.session-active .shell{padding-top:10px}.participant.session-active .participant-header{min-height:86px}.participant.session-active .participant-stage{margin-top:0}.participant.session-active .gtd-footer{padding-bottom:2px}}

/* v0.6.0 - final review is a dedicated presentation layout; no phase bar or stats */
.stage-done-review{justify-content:flex-start!important;padding:54px 70px 92px!important;}
.stage-done-review .stage-head{top:24px!important;}
.stage-done-review>.eyebrow{margin-top:42px!important;margin-bottom:8px;}
.stage-done-review .saved-block{margin-top:8px!important;}
.stage-done-review .done-review{margin-top:12px!important;max-width:1040px!important;padding:22px 30px 24px!important;}
.stage-done-review .missionbar,.stage-done-review .done-summary{display:none!important;}
.stage-done-review .done-review-hint{position:static!important;margin-top:14px!important;padding-top:12px!important;}
@media(max-width:900px){.stage-done-review{padding:52px 28px 92px!important}.stage-done-review>.eyebrow{margin-top:44px!important}}

/* v0.6.1 final team document actions */
.coach-teamdoc{display:flex;flex-direction:column;gap:10px;align-items:stretch}.coach-teamdoc .btn{width:100%;justify-content:center}.coach-pdf-link{display:flex;text-decoration:none}


/* v0.6.2 - direct Team Lead document access on final step */
.leadbar-document{background:var(--besluit)!important;color:#332900!important;font-weight:900}
.document-menu{position:fixed;z-index:75;left:50%;bottom:76px;transform:translateX(-50%);width:min(360px,calc(100vw - 28px));padding:8px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 18px 55px rgba(23,37,45,.18);backdrop-filter:blur(18px);display:grid;gap:6px}
.document-menu.hidden{display:none}
.document-menu-item{display:grid;gap:3px;width:100%;padding:14px 16px;border:0;border-radius:13px;background:var(--canvas);color:var(--ink);text-align:left;text-decoration:none;font:inherit;cursor:pointer}
.document-menu-item:hover{background:var(--mist)}
.document-menu-item strong{font-size:15px}
.document-menu-item span{font-size:12px;color:var(--slate);line-height:1.35}
@media(max-width:650px){.leadbar-document{padding:0 10px}.document-menu{bottom:82px}}

/* v0.7.7: fixed-height contextual results navigation, bottom-right anchored */
.leadbar{left:auto!important;right:max(8px,env(safe-area-inset-right))!important;bottom:max(8px,env(safe-area-inset-bottom))!important;transform:none!important;display:flex!important;flex-wrap:nowrap!important;width:max-content!important;max-width:calc(100vw - 16px)!important;gap:6px!important;padding:6px!important;min-height:54px;box-sizing:border-box}
.result-subnav{display:flex;align-items:center;gap:4px;padding-right:7px;border-right:1px solid var(--border);white-space:nowrap}
.result-subnav.hidden{display:none!important}
.result-subnav .leadbar-icon{width:32px;height:38px;font-size:19px}
#resultPageLabel{font-size:12px;font-weight:800;min-width:29px;text-align:center;white-space:nowrap}
@media(max-width:650px){.leadbar{left:auto!important;right:8px!important;width:max-content!important;max-width:calc(100vw - 16px)!important;gap:3px!important}.leadbar-status{padding:0 2px!important}.leadbar-action{padding:0 8px!important}.leadbar-icon{width:32px!important}.result-subnav .leadbar-icon{width:26px!important}}

/* v0.7.8: visible subpage arrows despite legacy font-size:0 rule */
#resultPageBack::before,#resultPageNext::before{display:block;font-size:25px;font-weight:900;line-height:1;color:inherit}
#resultPageBack::before{content:'‹'}
#resultPageNext::before{content:'›'}
.result-subnav .leadbar-icon{font-size:0!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:38px!important}
.result-subnav .leadbar-icon:disabled{opacity:.4}
.result-page-range{font-size:13px;font-weight:700;color:var(--slate);margin:8px 0 12px}
.input-feedback{font-size:13px;color:var(--slate);line-height:1.45;margin:8px 0 12px}
.input-count{font-size:12px;font-weight:700;color:var(--slate);text-align:right;margin-top:4px}
.name-wrap{flex:1 1 220px;min-width:190px}
.name-wrap input{display:block;width:100%}

/* v0.8.12: keep the longest final agreement clear of the fixed controls */
@media(max-height:820px){
  .stage-done-review .done-review{padding:18px 26px 20px!important}
  .stage-done-review .done-review-count{margin-bottom:6px}
  .stage-done-review .done-review h2{font-size:clamp(24px,2.6vw,38px);margin-bottom:10px}
  .stage-done-review .done-review blockquote{font-size:clamp(19px,1.8vw,26px);line-height:1.25}
  .stage-done-review .done-review-hint{margin-top:10px!important;padding-top:8px!important}
}