*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{color-scheme:var(--color-scheme)}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-base);line-height:1.3;overflow:hidden;-webkit-font-smoothing:antialiased}h1,h2,p,ol,ul,figure,figcaption{margin:0}ol,ul{list-style:none;padding:0}.screen{display:flex;flex-direction:column;gap:var(--gap);height:100%;padding:var(--gap)}.screen-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap)}.screen-title,.screen-room-name{font-family:var(--font-display);font-size:var(--font-size-room);font-weight:700;letter-spacing:-.01em;color:var(--color-heading)}.clock{font-family:var(--font-display);font-size:var(--font-size-room);font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--color-heading)}.screen-overview .screen-header{justify-content:flex-end}.screen-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--gap);color:var(--color-muted);font-size:var(--font-size-small)}.screen-thanks{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--font-display);font-size:var(--font-size-title-large);font-weight:700;color:var(--color-heading)}.empty,.waiting,.lead{color:var(--color-muted);font-size:var(--font-size-lead)}.warning{color:var(--color-warning);font-size:var(--font-size-lead)}.stale{color:var(--color-warning);font-size:var(--font-size-small)}.room-slots{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;width:100%;max-width:75%;margin-inline:auto}.room-slot{flex:0 0 33.3333%;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:calc(var(--gap) / 4);animation:room-slot-enter 2s ease both}.room-slot-leaving{animation:room-slot-leave 2s ease both}@keyframes room-slot-enter{0%{flex-basis:0;opacity:0}to{flex-basis:33.3333%;opacity:1}}@keyframes room-slot-leave{0%{flex-basis:33.3333%;opacity:1}to{flex-basis:0;opacity:0}}.room-slot-when{font-size:var(--font-size-lead);font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--color-muted)}.room-slot-title{font-family:var(--font-display);font-size:var(--font-size-title-large);font-weight:700;color:var(--color-heading);line-height:1.1}.room-slot-who{font-size:var(--font-size-title);color:var(--color-text)}.room-slot-break .room-slot-title{color:var(--color-break)}.room-slot-now.room-slot-break .room-slot-title{animation:into-break 2s ease both}@keyframes into-break{0%{color:var(--color-heading)}to{color:var(--color-break)}}.overview{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;font-size:var(--font-size-meta)}.overview tbody{display:flex;flex-direction:column;flex:1;min-height:0}.overview tr{flex:0 1 20%;min-height:0;overflow:hidden;display:flex;align-items:center;gap:var(--gap);padding:calc(var(--gap) / 2);border-bottom:var(--border-width) solid var(--color-border)}.overview tr:last-child{border-bottom:none}.overview th,.overview td{text-align:left;min-width:0;padding:0}.overview-room{flex:0 0 13%;font-family:var(--font-display);font-size:var(--font-size-title-small);color:var(--color-heading);white-space:nowrap}.overview-title{display:block;font-size:var(--font-size-title-small);color:var(--color-heading)}.overview-speakers{display:block;font-size:var(--font-size-lead);color:var(--color-muted)}.overview-range{display:block;color:var(--color-muted);font-variant-numeric:tabular-nums}.overview-when{flex:0 0 13ch;white-space:nowrap}.overview-session{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:calc(var(--gap) / 6)}.overview-state{display:block;font-size:var(--font-size-small);text-transform:uppercase;letter-spacing:.14em;color:var(--color-muted)}.overview-running .overview-state{color:var(--color-accent)}.overview-upcoming .overview-title,.overview-upcoming .overview-room{color:var(--color-text)}.screen-presentation{position:relative;justify-content:center;align-items:center;text-align:center}.presentation-header{position:absolute;top:var(--gap);right:var(--gap);left:var(--gap);display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap)}.presentation-room,.screen-presentation .clock{font-family:var(--font-display);font-size:var(--font-size-room);font-weight:700;letter-spacing:-.01em;color:var(--color-muted)}.presentation-next,.presentation-cued{display:flex;flex-direction:column;align-items:center;gap:calc(var(--gap) / 2);max-width:80%}.presentation-next{animation:rise 3s cubic-bezier(.22,.61,.36,1) both}@keyframes rise{0%{opacity:.7;transform:translateY(37.5vh) scale(.45)}to{opacity:1;transform:none}}.presentation-title{font-family:var(--font-display);font-size:var(--font-size-huge);font-weight:700;color:var(--color-heading);line-height:1.05}.presentation-speakers{font-size:var(--font-size-lead);color:var(--color-text)}.presentation-next .presentation-speakers,.presentation-cued .presentation-speakers{font-size:var(--font-size-title)}.presentation-next .presentation-time{font-size:var(--font-size-title-small);margin-bottom:var(--gap)}.presentation-time,.presentation-lead{font-size:var(--font-size-meta);color:var(--color-muted)}.presentation-feedback{align-self:stretch;flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--gap)}.feedback-code{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--gap) / 2)}.presentation-label{font-size:var(--font-size-lead);text-transform:uppercase;letter-spacing:.14em;color:var(--color-muted);margin-bottom:var(--gap)}.feedback-code .presentation-title{font-size:var(--font-size-title-large)}.feedback-code .presentation-lead{margin-top:var(--gap)}.feedback-next{flex:0 0 25vh;margin:0 calc(var(--gap) * -1) calc(var(--gap) * -1);padding:0 var(--gap);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--gap) / 4);background:var(--color-surface);border-top:var(--accent-width) solid var(--color-accent)}.feedback-next-when{font-size:var(--font-size-meta);font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--color-muted);margin-bottom:calc(var(--gap) / 2)}.feedback-next-title{font-family:var(--font-display);font-size:var(--font-size-title);font-weight:700;color:var(--color-heading);line-height:1.1}.feedback-next-meta{font-size:var(--font-size-meta);color:var(--color-muted)}.qr{display:flex;flex-direction:column;align-items:center;gap:calc(var(--gap) / 4);background:var(--color-qr-background);border-radius:var(--radius);padding:calc(var(--gap) / 2)}.qr-code{width:var(--qr-size);height:var(--qr-size)}.qr-url{max-width:var(--qr-size);overflow-wrap:anywhere;font-size:var(--font-size-small);line-height:1.2;color:var(--color-qr-text)}.presentation-cued .presentation-title,.presentation-cued .presentation-speakers{animation:announce 5s ease-out both}@keyframes announce{0%{opacity:0;transform:translateY(.5em) scale(.92)}45%{opacity:1}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.presentation-next,.presentation-cued .presentation-title,.presentation-cued .presentation-speakers{animation:none}}select,input[type=date],input[type=time],button{font:inherit;font-size:var(--font-size-meta);padding:calc(var(--gap) / 4) calc(var(--gap) / 2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text)}input[type=date],input[type=time]{font-variant-numeric:tabular-nums;min-width:9ch}input[type=date]::-webkit-datetime-edit-text,input[type=time]::-webkit-datetime-edit-text{color:var(--color-muted);padding:0 .1em}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}input[type=date]:hover::-webkit-calendar-picker-indicator,input[type=time]:hover::-webkit-calendar-picker-indicator,input[type=date]:focus::-webkit-calendar-picker-indicator,input[type=time]:focus::-webkit-calendar-picker-indicator{opacity:1}select:focus-visible,input:focus-visible,button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent);cursor:pointer}button:disabled{background:var(--color-surface-quiet);color:var(--color-muted);border-color:var(--color-border);cursor:not-allowed}.menu-zone{position:fixed;top:0;left:0;right:0;height:var(--menu-reach);z-index:10}.menu{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--gap);padding:calc(var(--gap) / 2) var(--gap);background:var(--color-surface);border-bottom:var(--border-width) solid var(--color-border);box-shadow:var(--menu-shadow);transform:translateY(-100%);transition:transform .15s ease-out}.menu-zone:hover .menu,.menu-zone:focus-within .menu{transform:none}@media(prefers-reduced-motion:reduce){.menu{transition:none}}.menu-field{display:flex;flex-direction:column;gap:calc(var(--gap) / 6)}.menu-field-end{margin-left:auto}.menu-field label{color:var(--color-muted);font-size:var(--font-size-small);text-transform:uppercase;letter-spacing:.14em}.menu-field select,.menu-field input,.menu-field button{font-size:var(--font-size-small)}.menu-live,.menu-reset{background:var(--color-surface-quiet);color:var(--color-text);border-color:var(--color-border)}.menu-reset{color:var(--color-warning)}.menu-shifted{position:absolute;top:0;right:0;padding:calc(var(--gap) / 6) calc(var(--gap) / 2);background:var(--color-warning);color:var(--color-accent-text);font-size:var(--font-size-small);border-bottom-left-radius:var(--radius)}.screen-configure{max-width:40rem;margin:0 auto;justify-content:center;gap:var(--gap)}.configure-form{display:flex;flex-direction:column;gap:var(--gap)}.field{display:flex;flex-direction:column;gap:calc(var(--gap) / 4);border:none;padding:0;margin:0}.field legend,.field label{color:var(--color-muted);font-size:var(--font-size-small);text-transform:uppercase;letter-spacing:.14em}.option{display:flex;align-items:center;gap:calc(var(--gap) / 4);text-transform:none;letter-spacing:normal;color:var(--color-text);font-size:var(--font-size-meta)}