/* Gela Visual 2.0 — presentation layer only; no logical-canvas geometry. */
.type-workmode{border-radius:32px}.b-work-mode{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:clamp(4px,3cqh,18px);color:var(--widget-text);text-align:center}.b-work-mode-glyph{display:grid;place-items:center;aspect-ratio:1;width:min(50cqw,50cqh);border-radius:50%;background:var(--widget-soft);border:2px solid var(--widget-border)}.b-work-mode-glyph svg{width:62%;height:62%}.b-work-mode>strong{font-size:clamp(18px,min(12cqw,14cqh),70px);font-weight:850;letter-spacing:-.04em;line-height:1.1;text-wrap:balance}.b-work-mode-options{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.b-work-mode-options button[aria-pressed=true]{background:var(--widget-accent)!important;color:var(--widget-on-accent)!important}.b-presenting .b-work-mode-options{opacity:0;transition:opacity .2s}.b-presenting .type-workmode:hover .b-work-mode-options,.b-presenting .type-workmode:focus-within .b-work-mode-options{opacity:1}
.b-variant-selector{display:flex;align-items:center;gap:5px;flex:none}.b-variant-selector label{display:flex;align-items:center;gap:5px;font-size:12px;color:#52627e}.b-variant-selector select{max-width:140px;border:1px solid #ccd7e6;border-radius:8px;padding:5px 7px;background:#f7faff;color:#253e61;font-size:14px}.b-variant-selector button{min-width:30px;padding:4px 6px}.class-screen-card>.b-variant-selector{padding:10px 12px;border-top:1px solid #e6edf7}.b-variant-list{display:flex;flex-direction:column;gap:10px}.b-variant-list>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:10px;border:1px solid #dce5ef;border-radius:12px}.b-variant-list strong{flex:1;min-width:120px}.b-variant-list button{font-size:13px;padding:7px}
.b-widget{border-radius:22px;box-shadow:0 10px 25px #15294216;isolation:isolate}.b-widget.preset-outline{box-shadow:none;border:2px solid var(--widget-border)}.b-widget.preset-ink{box-shadow:0 13px 28px #0c193b32}.b-widget.type-clock.variant-analog{border-radius:50%;background:var(--widget-bg);box-shadow:0 8px 24px #13244a24;border:3px solid var(--widget-border)}.type-clock.variant-analog .analog-clock{max-width:none;width:min(94cqw,94cqh);color:var(--widget-text)}.type-clock.variant-analog .analog-clock svg{filter:drop-shadow(0 3px 3px #152c441a)}.b-clock-digits{font-variant-numeric:tabular-nums;letter-spacing:-.055em;font-weight:750}.variant-flip .b-clock-digits{border-radius:14px;background:linear-gradient(#1d2f46 49%,#071425 50%,#253d57 52%,#14263b);box-shadow:0 5px 0 #071322,0 12px 24px #0b1a3825;font-weight:700;letter-spacing:.025em}.b-clock-date{font-weight:600;letter-spacing:.025em}.b-widget.type-date.variant-banner{border-radius:14px 30px 30px 14px}.type-date .b-date-number{font-weight:850;letter-spacing:-.065em}.type-date .b-clock-date{text-wrap:balance}
.b-widget.type-timer.variant-ring{border-radius:36px}.type-timer.variant-ring .b-time-ring{box-shadow:0 0 0 7px #ffffff42,0 12px 22px #14274a1a}.b-big-time{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-weight:780}.type-timer.variant-bar .b-time-ring:after{height:12px;box-shadow:inset 0 1px 3px #14284325;transition:background .25s linear}.type-timer .b-timer-status{text-transform:uppercase;letter-spacing:.14em;font-weight:700}.type-stopwatch.variant-minimal{border:0!important;border-radius:999px;box-shadow:0 8px 22px #14284315}.type-stopwatch.variant-display .b-big-time{border:1px solid #42668c;box-shadow:inset 0 3px 12px #08182d80;font-weight:600}
.type-agenda .b-plan-heading{font-weight:800;letter-spacing:-.035em;border-bottom:2px solid var(--widget-border);padding-bottom:clamp(5px,2cqh,12px)}.type-agenda .b-plan-row{transition:opacity .22s,background .22s,transform .22s;border-radius:13px}.type-agenda .b-plan-row.state-now{background:var(--widget-soft);box-shadow:inset 4px 0 var(--widget-accent);border:1px solid var(--widget-border)}.type-agenda .b-plan-row.state-done{opacity:.55}.type-agenda .b-plan-name{font-weight:650}.type-agenda.variant-timeline{border-radius:8px 25px 25px 8px}.type-note.variant-poster{border-radius:28px 28px 8px 28px}.type-note .b-note-title{font-weight:800;letter-spacing:-.035em;line-height:1.13}.type-note .b-note-text{line-height:1.4;text-wrap:pretty}.type-note.variant-notebook{box-shadow:6px 7px 0 #ffffff66,0 14px 22px #1529421c}
.b-widget.type-wheel.variant-classic{border-radius:34px;background:var(--widget-bg)}.b-wheel-wrap{filter:drop-shadow(0 9px 9px #13244730)}.b-wheel{border:5px solid #ffffff!important;box-shadow:0 0 0 2px var(--widget-border),inset 0 0 0 1px #fff6}.b-wheel-hub{box-shadow:0 4px 14px #15294260;border:3px solid #fff!important}.name-picker-face{border-radius:24px;background:var(--widget-soft)}.b-wheel-result.is-winner{animation:gela-reveal .35s ease-out}.b-group-grid>div{border-radius:16px;box-shadow:0 5px 12px #12284910;background:var(--widget-bg);animation:gela-reveal .3s ease-out}.b-group-grid>div b{font-weight:850;text-transform:uppercase;letter-spacing:.06em}.b-group-grid>div p{line-height:1.5;font-weight:550}.type-score.variant-stadium{border-radius:12px}.variant-stadium .b-score-grid{border:3px solid #4a657c;box-shadow:inset 0 0 30px #091a37}.variant-stadium .b-score-grid b{text-shadow:0 0 15px #f8cd4840;letter-spacing:.02em}.type-score .b-score-grid>div{border-radius:15px}.b-score-grid b{font-variant-numeric:tabular-nums}.b-light{transition:background .2s,box-shadow .2s,opacity .2s}.b-light.on{box-shadow:0 0 22px currentColor,inset 0 3px 6px #ffffff55}.b-widget.type-traffic{border-radius:999px}.type-traffic.variant-horizontal{border-radius:24px}.type-resource .resource-card{border-radius:18px}.type-resource .resource-title{font-weight:750;letter-spacing:-.02em}
@container (max-height:180px){.type-agenda .b-plan-row.state-done{display:none}.type-agenda .b-plan-row.state-next~.b-plan-row.state-next{display:none}.b-clock-date{display:none}.type-note .b-note-title{margin-bottom:3px}.b-timer-adjust{display:none}.type-agenda .b-plan-heading{padding-bottom:3px;margin-bottom:4px}}
@media(max-width:1000px){.b-screen-name #b-save-status{display:none}.b-variant-selector select{max-width:110px}.b-variant-selector label{font-size:0}.class-screen-card .b-variant-selector label{font-size:12px}}
@keyframes gela-reveal{from{opacity:.5;transform:translateY(6px) scale(.97)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.b-widget *{animation:none!important;transition:none!important}}
.b-screen-variant-menu{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #dce5ef}.b-screen-variant-menu h3{flex-basis:100%;margin:0 0 5px;font-size:16px}.b-screen-variant-menu button{border:1px solid #dce5ef;border-radius:10px;padding:9px 13px;background:#f7faff;color:#253e61}.b-screen-variant-menu button.active{background:#213bea;color:white}.b-screen-variant-menu .b-variant-manage-link{flex-basis:100%;background:transparent;text-align:left;border:0;font-size:13px}
.type-clock .b-clock-digits{font-size:clamp(16px,min(25cqw,43cqh),240px)!important;line-height:1.05!important}.type-clock .b-clock-date{font-size:clamp(9px,min(4cqw,8cqh),26px)!important}
.type-date .b-date-number{font-size:clamp(22px,min(32cqw,52cqh),180px)!important}.type-date .b-clock-date{display:block!important;font-size:clamp(11px,min(6cqw,16cqh),42px)!important;line-height:1.2;text-align:center}.type-date.variant-banner .b-widget-body{gap:clamp(4px,2cqw,18px)!important}
.type-timer.variant-ring .b-time-ring{width:min(88cqw,68cqh)!important;container-type:size}.type-timer .b-big-time{font-size:clamp(18px,min(24cqw,38cqh),240px)!important;line-height:1!important}.type-timer.variant-ring .b-big-time{font-size:clamp(12px,28cqw,200px)!important}.type-stopwatch .b-big-time{font-size:clamp(15px,min(20cqw,38cqh),180px)!important}
.type-note .b-note-title{font-size:clamp(14px,min(8cqw,22cqh),76px)!important;text-wrap:balance}.type-note .b-note-text{font-size:clamp(11px,min(5.5cqw,10cqh),42px)!important;line-height:1.35!important}
@container (max-height:220px){.type-agenda .b-plan-row.state-done{display:none!important}.type-agenda .b-plan-row.state-next~.b-plan-row.state-next{display:none!important}.type-agenda .b-plan-time{display:none}.type-agenda .b-plan-heading{font-size:clamp(13px,8cqh,24px)!important}.type-agenda .b-plan-name{font-size:clamp(12px,min(5cqw,14cqh),28px)!important}.type-agenda .b-agenda{grid-auto-rows:minmax(0,1fr)!important}.type-agenda .b-plan-row.state-now .b-plan-name:before{content:attr(data-current-label);display:block;font-size:.55em;letter-spacing:.08em;text-transform:uppercase}.type-agenda .b-plan-row.state-next .b-plan-name:before{content:attr(data-next-label);display:block;font-size:.55em;letter-spacing:.08em;text-transform:uppercase}}
.type-groups .b-group-grid{display:grid;width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)!important;gap:clamp(4px,2cqw,18px);align-self:stretch}.type-groups .b-group-grid>div{container-type:size;min-height:0;align-items:center;text-align:center}.type-groups .b-group-grid>div b{font-size:clamp(11px,min(10cqw,15cqh),30px)!important}.type-groups .b-group-grid>div p{font-size:clamp(12px,min(12cqw,18cqh),42px)!important;line-height:1.35;margin:8px 0 0;overflow-wrap:anywhere}.type-groups .b-group-grid>div:last-child:nth-child(odd){grid-column:1/-1}
.type-score .b-score-grid b{font-size:clamp(18px,min(50cqw,46cqh),190px)!important}.b-presenting .type-score .b-score-grid>div>div{opacity:.22;transition:opacity .2s}.b-presenting .type-score:hover .b-score-grid>div>div,.b-presenting .type-score:focus-within .b-score-grid>div>div{opacity:1}
.type-wheel .b-wheel-result{min-height:1.5em!important;padding:5px 10px!important;box-sizing:border-box;font-size:clamp(13px,min(6cqw,8cqh),38px)!important;line-height:1.2!important}.type-wheel .b-wheel-result strong{line-height:1.2}.type-wheel .b-wheel-hub{border-radius:50%!important}

/* Traffic lights keep their signal visible at projection sizes. */
.type-traffic .b-traffic-lights{max-height:72cqh!important}
.b-shell .type-traffic .b-light{width:clamp(8px,min(28cqw,20cqh),140px)!important;flex-shrink:0!important}
.b-shell .type-traffic.variant-horizontal .b-light,.b-shell .type-traffic.variant-word .b-light{width:clamp(8px,min(20cqw,48cqh),140px)!important}
/* Bar timers reserve natural height for the enlarged time, including Spotlight. */
.type-timer.variant-bar .b-time-ring{height:auto!important;max-height:none!important;flex:0 0 auto!important;padding-bottom:clamp(28px,5cqh,40px)!important}
.type-score.variant-rows .b-score-grid>div b{font-size:clamp(14px,min(22cqw,38cqh),160px)!important}
/* Classic and ring presets size their digits against the actual circular face. */
.type-timer:not(.variant-bar) .b-time-ring{width:min(88cqw,68cqh)!important;container-type:size}
.type-timer:not(.variant-bar) .b-big-time{font-size:clamp(12px,28cqw,200px)!important}