:root{--bg:#fffbf0;--blue:#4163a1;--blue-soft:#e4eaf5;--yellow:#f9d387;--pink:#f49882;--imm:#c8661a;--imm-bg:#fde7d3;--cont:#6f4ca6;--cont-bg:#eee5f8;--chair:#b8352d;--chair-bg:#fadbd7;--ok:#2f7d4f;--ok-bg:#dcefe2;--muted:#6b7a99;--line:#d9d3c2;--radius:8px;--gap:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--blue);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif;font-size:17px;line-height:1.4}input,textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}img,svg{-webkit-user-drag:none}.app{height:100vh;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);flex-direction:column;display:flex;position:relative;overflow:hidden}.hdr{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:8px;min-height:52px;padding:4px 8px 4px 14px;display:flex}.hdr-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hdr-mode{letter-spacing:.5px;white-space:nowrap;font-size:18px;font-weight:800}.hdr-times{white-space:nowrap;gap:12px;font-size:13px;line-height:1.3;display:flex}.hdr-times .lbl{color:var(--muted);letter-spacing:1px;margin-right:4px;font-size:11px;font-weight:700}.hdr-val{font-variant-numeric:tabular-nums;opacity:.6;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-weight:700}.btn{font:inherit;color:var(--blue);border:2px solid var(--blue);border-radius:var(--radius);cursor:pointer;touch-action:manipulation;text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:4px 12px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:active{filter:brightness(.92)}.btn small{opacity:.9;font-size:13px;font-weight:500;display:block}.btn.big{min-height:68px;font-size:22px;font-weight:800}.btn.mid{min-height:52px}.btn.small{min-height:44px;font-size:15px}.btn.secondary{background:var(--bg)}.btn.quiet{border-width:1px;border-color:var(--line);color:var(--muted);background:0 0;padding:2px 10px;font-size:14px;font-weight:500}.btn.go{background:var(--blue);color:#fff}.btn.start{background:var(--yellow);border-color:#c99a3a}.btn.mark{background:var(--blue-soft)}.btn.pdi{background:var(--blue);color:#fff}.btn.imm{background:var(--imm);border-color:var(--imm);color:#fff}.btn.cont{background:var(--cont);border-color:var(--cont);color:#fff}.btn.chair,.btn.room{background:var(--chair);border-color:var(--chair);color:#fff}.btn.restart{background:var(--chair-bg);border-color:var(--chair);color:var(--chair)}.btn.warnbtn{border-color:var(--chair);color:var(--chair);background:#fff;min-height:56px;font-size:19px}.btn.comply{background:var(--ok-bg);border-color:var(--ok);color:var(--ok)}.btn.noncomply{background:var(--chair-bg);border-color:var(--chair);color:var(--chair)}.btn.noopp{border-color:var(--muted);color:#4a556e;background:#f1efe8}.btn.danger{background:var(--chair);border-color:var(--chair);color:#fff}.btn.exit{min-height:48px}.btn.chip{min-height:44px;font-size:16px}.btn.holding:after{content:"";background:var(--chair);height:6px;animation:.5s linear forwards hold;position:absolute;bottom:0;left:0}@keyframes hold{0%{width:0}to{width:100%}}.banners{flex:none}.banner{border:0;border-radius:0;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:17px;font-weight:700;animation:5s forwards fade;display:flex}.banner.block{background:var(--pink);color:#3b2015}.banner.reminder{background:var(--chair);color:#fff;font-size:20px}.banner.info,.banner.ok{background:var(--yellow);color:#3d3418}.banner.error{color:#fff;background:#a21d1d;animation:none}.banner.update{background:var(--blue-soft);animation:none}button.banner.undo{font:inherit;background:var(--yellow);color:#3d3418;cursor:pointer;border-bottom:2px solid #c99a3a;justify-content:center;min-height:48px;font-weight:800;animation:none}@keyframes fade{0%,85%{opacity:1}to{opacity:.35}}.notice{color:var(--muted);background:#f4efe1;padding:4px 14px;font-size:14px}.screen{flex-direction:column;flex:1;min-height:0;display:flex}.scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:12px 16px;overflow-y:auto}.list{flex-direction:column;flex:1;gap:8px;min-height:0;padding:8px 12px;display:flex;overflow-y:auto}.list>:first-child{margin-top:auto}.actions{gap:var(--gap);padding:10px 12px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg);flex-direction:column;flex:none;display:flex}.actions>.btn{width:100%}.row{gap:var(--gap);align-items:stretch;display:flex}.row>.btn,.row>.used-text,.row>.slot-text{flex:1 1 0;min-width:0}.warn-row>.slot-text{min-height:56px}.slot-text.big-slot{min-height:68px}.exit-row{justify-content:flex-start}.exit-row>.btn{flex:none;min-width:140px}.bigclock{text-align:center;font-variant-numeric:tabular-nums;flex:none;padding:8px 12px 6px}.big-label{color:var(--muted);font-size:15px;font-weight:700}.big-time{letter-spacing:.5px;font-size:60px;font-weight:800;line-height:1.1}.big-sub{font-size:18px;font-weight:700}.big-msg{padding:10px 0;font-size:30px;font-weight:800}.bigclock[data-stage=warn]{background:var(--yellow)}.bigclock[data-stage=over]{background:var(--chair);color:#fff}.bigclock[data-stage=over] .big-label{color:#fff}.bigclock.waiting{background:var(--chair-bg);color:var(--chair)}.card{border-left:6px solid var(--blue);background:#fff;padding:6px 8px 8px 10px}.card.immediate{border-left-color:var(--imm);background:var(--imm-bg)}.card.continuous{border-left-color:var(--cont);background:var(--cont-bg)}.card-head{align-items:center;gap:8px;display:flex}.cmd-title{font-size:20px;font-weight:800}.cmd-title small{font-size:13px;font-weight:600}.card.immediate .cmd-title{color:var(--imm)}.card.continuous .cmd-title{color:var(--cont)}.cmd-elapsed{font-variant-numeric:tabular-nums;flex:1;font-weight:700}.results{gap:8px;margin-top:4px;display:flex}.results>.btn{flex:1 1 0;min-height:64px;font-size:19px}.card.compact .results>.btn{min-height:52px;font-size:17px}.speech{color:#2c3e63;align-items:center;gap:4px;min-height:22px;font-size:16px;display:flex}.speech.live,.speech.muted,.speech.none{color:var(--muted);font-size:14px}.mini-icon{flex:none;width:18px;height:18px}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.marker-row{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:6px 4px;display:flex}.marker-main{flex:1}.used-text,.slot-text,.done-line{text-align:center;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;min-height:44px;font-size:15px;display:flex}.done-line.small{min-height:0}.section-label{color:var(--muted);font-size:14px;font-weight:700}.title{margin:8px 0 16px;font-size:28px}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field-label{font-weight:700}.field input{font:inherit;border:2px solid var(--blue);border-radius:var(--radius);color:var(--blue);background:#fff;padding:10px 12px;font-size:24px}.hint{color:var(--chair);font-size:14px;font-weight:700}.chips{flex-wrap:wrap;gap:8px;margin:6px 0 12px;display:flex}.steps{color:var(--muted);padding-left:22px;font-size:15px}.info-line{font-size:15px}.version{text-align:center;color:var(--muted);margin:0;font-size:12px}.muted{color:var(--muted)}.center{text-align:center}.countdown .count-wrap{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.count-num{font-variant-numeric:tabular-nums;font-size:180px;font-weight:900;line-height:1}.count-hint{font-size:22px;font-weight:700}.clap-flash{background:var(--yellow);pointer-events:none;z-index:50;flex-direction:column;justify-content:center;align-items:center;animation:1.2s ease-out forwards flash;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.clap-icon{width:260px;height:180px}.clap-text{font-size:40px;font-weight:900}@keyframes flash{0%{background:#fff}20%{background:var(--yellow)}to{opacity:0;background:#f9d38700}}.timeline{margin:8px 0;padding:0;list-style:none}.tl-row{border-bottom:1px solid var(--line);align-items:flex-start;gap:8px;padding:8px 0;display:flex}.tl-times{font-variant-numeric:tabular-nums;width:112px;color:var(--muted);flex-direction:column;flex:none;font-size:12px;display:flex}.tl-times span:first-child{color:var(--blue);font-size:14px;font-weight:700}.tl-body{flex:1;min-width:0}.tl-main{font-weight:700}.tl-text{font-size:15px}.tl-note{color:var(--muted);font-size:13px}.warn-box{background:var(--yellow);padding:8px 10px;font-weight:700}.remind-box{background:var(--blue-soft);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-weight:700;display:flex}.restart-wrap{margin:20px 0 8px}.restart-wrap .btn{width:100%}.menu{top:calc(52px + env(safe-area-inset-top));z-index:30;background:var(--bg);border:1px solid var(--line);flex-direction:column;gap:6px;min-width:190px;padding:8px;display:flex;position:absolute;right:8px;box-shadow:0 6px 20px #28325033}.menu-item{justify-content:center;min-height:52px}.menu-item.stop{background:var(--chair);border-color:var(--chair);color:#fff}.menu-btn{flex:none;min-width:64px}.set-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.set-label{font-weight:700}.set-label small{color:var(--muted);font-size:13px;font-weight:500;display:block}.set-value{color:var(--muted);text-align:right;max-width:55%;font-size:14px}.set-block{border-bottom:1px solid var(--line);padding:12px 0}.seg{flex:none;display:flex}.seg-btn{border-radius:0;min-width:56px}.seg-btn:first-child{border-radius:var(--radius) 0 0 var(--radius)}.seg-btn:last-child{border-radius:0 var(--radius) var(--radius) 0;margin-left:-2px}.seg-btn[aria-pressed=true]{background:var(--blue);color:#fff}.link-list{flex-direction:column;gap:8px;display:flex}.link-row{text-align:left;align-items:flex-start;width:100%;min-height:56px}.link-row small{color:var(--muted)}.dialog-back{z-index:40;background:#1e284659;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.dialog{background:var(--bg);width:100%;padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-top:3px solid var(--chair)}.dialog h3{margin:0 0 8px}h2{margin:4px 0 8px;font-size:22px}.big-time{font-variant-numeric:tabular-nums;letter-spacing:-1px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.bt-tenth{opacity:.75;font-size:.45em}.btn.skip{border-width:1px;border-color:var(--ok);min-width:64px;min-height:44px;color:var(--ok);background:#fff;font-size:15px;position:absolute;top:8px;right:10px}.btn.skip small{font-size:11px}.btn.skip.holding:after{background:var(--ok)}.screen.chair .actions .row{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.screen.chair{--to-red:#e07068;--to-red-bg:#fcede2}.to-band{background:var(--to-red-bg);color:var(--to-red);text-align:center;flex-direction:column;flex:none;justify-content:center;align-items:center;padding:28px 16px 22px;display:flex;position:relative}.to-time{font-variant-numeric:tabular-nums;letter-spacing:-2px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:96px;font-weight:700;line-height:1}.to-msg{padding:14px 0 8px;font-size:40px;font-weight:800;line-height:1.2}.to-sub{font-variant-numeric:tabular-nums;color:#e07068b3;margin-top:6px;font-size:19px;font-weight:700}.to-tag{letter-spacing:2px;font-variant-numeric:tabular-nums;margin-top:10px;font-size:14px;font-weight:800}.to-band.done{background:var(--ok-bg);color:var(--ok)}.to-main{flex-direction:column;flex:1;gap:12px;min-height:0;padding:18px 16px 12px;display:flex;overflow-y:auto}.to-card{text-align:center;background:#fff;border:1px solid #4163a11a;border-radius:16px;padding:18px 16px 20px;box-shadow:0 1px 2px #0000000d}.to-card-label{letter-spacing:2px;color:#4163a199;margin-bottom:10px;font-size:13px;font-weight:700}.to-card-text{color:var(--blue);font-size:32px;font-weight:700;line-height:1.4}.to-card .speech{justify-content:center;font-size:18px}.to-card.simple{border-color:var(--imm);background:var(--imm-bg)}.screen.chair .actions{background:#ffffffe6;border-top-color:#4163a10d;box-shadow:0 -4px 20px #0000000d}@media (max-height:700px){.to-band{padding:14px 12px 12px}.to-time{font-size:72px}.to-msg{padding:6px 0 4px;font-size:32px}.to-sub{margin-top:2px;font-size:16px}.to-tag{margin-top:4px}.to-main{padding:10px 12px 8px}.to-card{padding:10px 12px 12px}.to-card-text{font-size:24px}}