:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#182329;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#eef6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;overflow:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.15px;width:1.1rem;height:1.1rem;display:block}.app-shell{height:100dvh;padding:max(8px, env(safe-area-inset-top)) 9px max(8px, env(safe-area-inset-bottom));background:linear-gradient(135deg,#2a84a324,#0000 34%),linear-gradient(315deg,#e4803921,#0000 30%),#eef6f8;grid-template-rows:minmax(168px,.84fr) minmax(140px,.66fr) minmax(270px,1.3fr);gap:8px;display:grid;overflow:hidden}.panel{background:#ffffffdb;border:1px solid #1227301c;border-radius:8px;min-height:0;overflow:hidden;box-shadow:0 16px 35px #1b363f1f}.timer-panel{color:#f7fbfc;background:linear-gradient(155deg,#1a5b70f5,#152d37f7),#17313a;grid-template-rows:auto 1fr auto;gap:8px;padding:12px;display:grid}.panel-top,.section-heading,.participants-heading,.control-row,.queue-row,.add-form{align-items:center;display:flex}.panel-top,.section-heading{justify-content:space-between;gap:10px}.panel-top>div:first-child{min-width:0}.eyebrow,h1,h2,p{margin:0}.eyebrow{color:#f7fbfcad;letter-spacing:0;text-transform:uppercase;font-size:.68rem;font-weight:760}h1{margin-top:1px;font-size:clamp(1rem,3.8vw,1.18rem);line-height:1.05}.topic-button{max-width:100%;color:inherit;font:inherit;font-weight:inherit;line-height:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;display:block;overflow:hidden}.topic-button:focus-visible,.topic-input:focus{outline-offset:3px;outline:2px solid #9ed9e9d1}.topic-input{color:#102c35;width:min(100%,22rem);font:inherit;font-weight:inherit;line-height:inherit;background:#f7fbfcf0;border:0;border-radius:6px;padding:2px 5px;display:block}h2{font-size:.83rem;line-height:1}.menu-wrap{position:relative}.menu-popover{z-index:10;opacity:0;pointer-events:none;background:#fffffff7;border:1px solid #12273024;border-radius:8px;min-width:180px;padding:6px;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px);box-shadow:0 18px 35px #13232a33}.menu-popover.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.menu-popover button,.menu-check{color:#203139;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:10px;display:flex}.menu-popover button:hover,.menu-check:hover,.menu-check:focus-within{background:#edf5f6}.menu-check{position:relative}.menu-check input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.checkmark{color:#10303b;background:#f8fcfd;border:1.5px solid #8ba2aa;border-radius:5px;flex:0 0 18px;place-items:center;width:18px;height:18px;display:grid}.checkmark svg{opacity:0;stroke-width:2.7px;width:.82rem;height:.82rem}.menu-check input:checked+.checkmark{background:#a9deeb;border-color:#78c9dd}.menu-check input:checked+.checkmark svg{opacity:1}.time-face{align-content:center;gap:6px;display:grid}.time-label,.speaker-kicker,.section-heading span{color:#f7fbfca8;letter-spacing:0;text-transform:uppercase;font-size:.67rem;font-weight:720}.overall-time{font-variant-numeric:tabular-nums;font-size:clamp(2.5rem,14vw,4.25rem);font-weight:780;line-height:.88;display:block}.speaker-strip{color:#f7fbfcb8;background:#ffffff17;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label stop""name time";align-items:center;gap:1px 9px;min-height:45px;padding:8px 10px;display:grid}.speaker-strip.has-speaker{color:#f7fbfc;background:#ffffff24}.speaker-strip.is-untracked{grid-template-areas:"label stop""name name"}.speaker-strip .speaker-kicker{grid-area:label}.speaker-strip strong,.speaker-time{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.speaker-strip strong{grid-area:name;font-size:1rem}.speaker-time{grid-area:time;justify-self:end;font-size:.95rem;font-weight:740}.speaker-stop{color:#fff8f2;background:#d36f38;border-radius:7px;grid-area:stop;width:30px;height:30px}.speaker-stop:disabled{cursor:not-allowed;opacity:.42}.control-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.control-button,.icon-button,.queue-action,.drag-handle,.speaker-stop,.participant-remove{cursor:pointer;border:0;justify-content:center;align-items:center;display:inline-flex}.control-button{color:#ebf5f7;background:#ffffff21;border-radius:8px;gap:6px;min-width:0;min-height:40px;padding:0 10px;font-size:.8rem;font-weight:760}.control-button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.control-button.primary{color:#12323d;background:#9ed9e9}.control-button.stop{color:#fff8f2;background:#d36f38}.control-button:disabled,.icon-button:disabled,.queue-action:disabled{cursor:not-allowed;opacity:.42}.icon-button{width:40px;height:40px;color:inherit;background:#ffffff21;border-radius:8px;flex:0 0 40px}.participants-panel .icon-button,.queue-panel .icon-button{color:#203139;background:#e7f1f3}.icon-button.confirm{color:#102c35;background:#a4deee}.queue-panel,.participants-panel{grid-template-rows:auto 1fr;gap:7px;padding:10px;display:grid}.participants-panel{grid-template-rows:auto auto 1fr}.section-heading{color:#1b2c34;min-height:30px}.section-heading span{color:#688087}.queue-list{overscroll-behavior:contain;scrollbar-width:none;align-content:start;gap:6px;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.queue-list::-webkit-scrollbar{display:none}.queue-row{touch-action:none;background:#f8fcfd;border:1px solid #22404a1c;border-radius:8px;gap:7px;min-height:46px;padding:5px;box-shadow:0 8px 18px #16353f0f}.queue-row.is-dragging{opacity:.88;background:#ecf8fb;border-color:#2784a26b}.drag-handle{color:#789099;touch-action:none;background:0 0;border-radius:6px;flex:0 0 30px;width:30px;height:34px}.drag-handle svg{stroke-width:3.8px;width:1rem;height:1rem}.queue-person{flex:1;min-width:0;display:grid}.queue-person strong,.participant-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.queue-person strong{color:#1d3038;font-size:.86rem;line-height:1.1}.queue-person span,.participant-time{color:#657b83;font-variant-numeric:tabular-nums;font-size:.68rem;font-weight:720}.queue-action{color:#24414b;background:#eaf2f4;border-radius:7px;flex:0 0 34px;width:34px;height:34px}.queue-action.play-action{color:#10303b;background:#a9deeb}.participants-heading{align-items:center}.participants-heading>div{gap:2px;display:grid}.add-form{gap:6px;min-height:40px;position:relative}.add-form input{color:#17262c;background:#f8fcfd;border:1px solid #20414b24;border-radius:8px;outline:none;flex:1;min-width:0;height:40px;padding:0 11px}.add-form input:focus{border-color:#2582a08f;box-shadow:0 0 0 3px #53b1cc2e}.form-error{color:#9a4324;font-size:.65rem;font-weight:720;position:absolute;top:calc(100% + 2px);left:3px}.participant-grid{grid-template-columns:repeat(auto-fit,minmax(62px,1fr));grid-auto-rows:minmax(42px,1fr);gap:6px;min-height:0;display:grid;overflow:hidden}.participant-tile{color:#14242a;background:var(--participant-bg);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #16353f14;border-radius:8px;outline:none;align-content:center;min-width:0;min-height:0;padding:6px 7px;transition:transform .14s,box-shadow .14s,border-color .14s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff8f}.participant-tile:active{transform:scale(.98)}.participant-tile:focus-visible{border-color:#1d738fcc;box-shadow:0 0 0 3px #53b1cc38}.participant-name{padding-right:21px;font-size:.78rem;font-weight:780;line-height:1.08}.participant-time{color:#14242aad}.participant-remove{color:#fffaf6;opacity:0;background:#cb7040;border-radius:7px;width:25px;height:25px;transition:opacity .14s,transform .14s;position:absolute;top:4px;right:4px;transform:translate(7px)}.participant-tile.is-revealed .participant-remove,.participant-tile:focus-within .participant-remove,.participant-tile:hover .participant-remove{opacity:1;transform:translate(0)}.participant-remove svg{width:.9rem;height:.9rem}.empty-state{color:#6b8289;background:#f6fbfcb8;border:1px dashed #20414b2e;border-radius:8px;place-items:center;min-height:100%;font-size:.8rem;font-weight:690;display:grid}.participant-empty{grid-column:1/-1}@media (height<=720px){.app-shell{grid-template-rows:156px 132px 1fr;gap:7px;padding:7px}.timer-panel{gap:6px;padding:9px}.overall-time{font-size:clamp(2.2rem,13vw,3.4rem)}.speaker-strip{min-height:39px;padding:6px 8px}.control-button{min-height:36px;padding:0 7px}.queue-panel,.participants-panel{padding:8px}.queue-row{min-height:42px}.participant-grid{grid-auto-rows:minmax(38px,1fr)}}@media (width<=430px) and (height<=720px) and (orientation:portrait){.control-button span{display:none}}@media (width>=620px){.app-shell{max-width:540px;margin:0 auto}}@media (orientation:landscape){.app-shell{grid-template-rows:1fr;grid-template-columns:minmax(220px,.95fr) minmax(210px,.9fr) minmax(280px,1.3fr);width:100%;max-width:none;margin:0}.timer-panel{grid-template-rows:auto 1fr auto}.control-button span{display:inline}.participant-grid{grid-template-columns:repeat(auto-fit,minmax(68px,1fr))}}@media (orientation:landscape) and (height<=460px){.app-shell{padding:max(6px, env(safe-area-inset-top)) 7px max(6px, env(safe-area-inset-bottom));gap:7px}.timer-panel,.queue-panel,.participants-panel{padding:8px}.overall-time{font-size:clamp(2.25rem,7vw,3.5rem)}.speaker-strip{min-height:40px}.control-button{min-height:36px;padding:0 8px;font-size:.74rem}}