:root{color-scheme:dark;font-family:Arial,"Microsoft YaHei",sans-serif;background:#15171a;color:#eee}*{box-sizing:border-box}body{margin:0;height:100vh;overflow:hidden;background:#15171a}header{height:64px;padding:10px 18px;display:flex;align-items:center}.logo{width:180px;height:36px;object-fit:contain}.header-actions{margin-left:auto;display:flex;gap:5px}.header-actions button,footer button,footer select{border:1px solid #454950;background:#282c31;color:#eee;border-radius:6px;height:32px;min-width:32px;padding:0 8px;font-size:16px;cursor:pointer}.header-actions button:hover,footer button:hover{background:#3d434c}button.active{border-color:#ffd32e;color:#ffd32e;background:#393527}main{height:calc(100vh - 112px);padding:0 18px}.workspace{height:100%;position:relative}.workspace aside{position:absolute;z-index:3;left:10px;top:18px;width:140px}.answer-card{position:relative;opacity:.92}.answer-card svg{width:140px;display:block}.answer-card #hideCard{position:absolute;right:-8px;top:-10px;border:0;background:#282c31;color:#fff;border-radius:50%;width:22px;height:22px;padding:0}.board{height:100%;position:relative;background:#191c20;overflow:hidden}.board-label,.information,.quiet-note,.tag{display:none}#seats{position:absolute;inset:18px}.seat{position:absolute;width:8%;height:10%;border:2px solid #b3bac5;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:clamp(18px,2.3vw,34px);background:#20242a;cursor:grab;touch-action:none;user-select:none}.seat.selected{border-color:#ffd32e}.seat.blank{border-style:dashed;color:#999}.timer-panel{position:absolute;left:42%;top:12px;z-index:5;display:flex;align-items:center;gap:12px;padding:9px 16px;border:1px solid #525862;border-radius:8px;background:#171a1e;cursor:grab;touch-action:none}.timer-panel output{font-size:clamp(34px,4.6vw,68px);font-weight:700;color:#fff;letter-spacing:2px}.timer-panel #start{border:0;background:#ffd329;color:#181818;width:34px;height:34px;border-radius:50%;padding:0;font-size:14px}.timer-panel #timerLabel,.timer-panel #timerStatus{display:none}canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;touch-action:none}footer{height:48px;padding:7px 14px;display:flex;align-items:center;gap:7px;background:#202328;border-top:1px solid #373b42;overflow:hidden}footer #colors{display:flex;gap:4px}.swatch{width:22px;height:22px;padding:0;border-radius:50%;border:2px solid #707780}.swatch.active{outline:2px solid white;outline-offset:2px}footer #timerMode{margin-left:auto}input,select{font:inherit;color:inherit}.control-group{display:none}[hidden]{display:none!important}@media(max-width:700px){main{padding:0 8px}.seat{width:14%;height:12%;font-size:22px}.timer-panel{left:30%}.workspace aside{left:8px;top:12px}}