:root{color-scheme:light;--paper:#f1f0eb;--ink:#172323;--dark:#152024;--gold:#f4ce68;--line:#d6d9d2;--muted:#66716c;--focus:#b08316}*{box-sizing:border-box}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;background:var(--paper);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;transition:background .15s,transform .15s}button:active{transform:translateY(1px)}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}input,select{width:100%;border:1px solid #cbd0c8;border-radius:6px;background:#fff;color:var(--ink);height:43px;padding:8px 11px;font-size:20px}label{font-size:12px;color:var(--muted);display:grid;gap:6px}kbd{font:inherit;font-size:12px;border:1px solid currentColor;opacity:.6;padding:1px 5px;border-radius:4px;white-space:nowrap}.top{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line);gap:20px}.brand{color:var(--ink);font-size:26px;font-weight:780;letter-spacing:-1px;text-decoration:none;display:flex;align-items:center;gap:10px}.brand-dot{width:14px;height:14px;background:#be8e1b;border-radius:50%;display:block}.brand-sub{font-size:13px;font-weight:500;letter-spacing:1px;margin-left:18px}.top-note{font-size:13px;color:var(--muted)}.quiet{background:transparent;font-size:13px;color:var(--muted);padding:12px}.studio{min-height:calc(100dvh - 72px);display:grid;grid-template-columns:324px minmax(0,1fr)}.controls{padding:26px 26px 18px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--muted);font-weight:700;margin:0 0 14px}.intro h1{font-size:34px;letter-spacing:-1.2px;margin:0 0 11px;font-weight:760}.intro p:not(.eyebrow){font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 20px}.intro strong{color:var(--ink);font-weight:600}.settings{display:grid;grid-template-columns:1fr 1fr;gap:14px}.section{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:4px}.section h2{font-size:14px;margin:0;font-weight:700}.section-title span{font-size:10px;color:var(--muted)}.micro{font-size:12px;color:var(--muted);margin:8px 0 12px}.keys{display:grid;grid-template-columns:repeat(9,1fr);gap:5px}.keys button{height:37px;min-width:0;padding:0;background:#fff;border:1px solid #cbd0c8;border-radius:5px;font-weight:700;font-size:15px}.keys button:hover{background:var(--gold)}.text-button{padding:13px 0 0;background:transparent;text-align:left;color:var(--ink);font-size:12px;display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}.text-button kbd{margin-left:auto}.compact{margin:12px 0}.compact select{font-size:14px;height:36px;padding:5px 8px}.primary{background:#243932;color:#fff;border-radius:6px;padding:12px 16px;font-size:14px;font-weight:650}.primary:hover{background:#365244}.wide{width:100%;margin:0 0 8px}.outline{background:transparent;color:var(--ink);border:1px solid #c5cbc2;border-radius:6px;padding:10px 9px;font-size:12px}.outline:hover{background:#e3e5dc}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.privacy{font-size:10px;line-height:1.7;color:#808b81;margin:20px 0 0}.performance{background:var(--dark);color:#fff;min-width:0;padding:27px 36px 18px;display:flex;flex-direction:column;min-height:calc(100dvh - 72px)}.stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#a8b6b7;font-size:12px}.stage-toolbar>div{display:flex;align-items:center;gap:10px}.live-dot{height:6px;width:6px;border-radius:50%;background:var(--gold)}.range{color:#657e81;margin-left:18px;letter-spacing:1px}.stage-button{background:transparent;border:1px solid #3c5155;color:#bdc9cb;border-radius:6px;padding:10px 12px;white-space:nowrap;font-size:12px}.stage-button:hover{background:#25383c}.stage-button kbd{margin-left:6px}.cue-head{margin-top:42px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#c6d0d0;font-size:13px;letter-spacing:.5px}.cue-head #counter{font-size:11px;color:#7c9698}.board{flex:1;min-height:330px;display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;padding:22px 12px;position:relative}.board .numbers{display:grid;width:100%;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:16px;align-items:center;text-align:center}.number{font-size:clamp(80px,13vw,180px);font-weight:760;letter-spacing:-7px;line-height:1.13;color:var(--gold);font-variant-numeric:tabular-nums}.board[data-many="true"] .number{font-size:clamp(54px,7.8vw,112px);letter-spacing:-4px}.board .numbers.count-1 .number{font-size:clamp(180px,21vw,270px)}.cue-flash .number{animation:appear .22s ease-out}@keyframes appear{from{opacity:.35;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.cue-flash .number{animation:none}}.empty{text-align:center;color:#7c9295}.empty-line{display:block;margin:0 auto 32px;width:48px;height:2px;background:#3c5357}.empty h2{font-size:40px;font-weight:500;letter-spacing:3px;color:#c1cdcd;margin:0 0 22px}.empty p{font-size:14px;line-height:1.7;margin:0}.empty kbd{color:var(--gold);font-size:14px}.countdown{text-align:center;color:var(--gold);font-size:170px;font-weight:750;line-height:1}.rest-title{font-size:62px;color:#c6d5d5;letter-spacing:12px}.rest-sub{color:#718d8f;font-size:14px;margin-top:22px}.cue-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#859c9f;margin:0 0 28px}.cue-foot p{margin:0}.cue-foot #active-count{color:var(--gold);white-space:nowrap}.transport{border-top:1px solid #32464a;padding-top:23px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 20px}.score-meta .eyebrow{color:#6f8c90;margin:0 0 8px}.score-meta h3{font-size:18px;font-weight:550;margin:0 0 7px;overflow-wrap:anywhere}.score-meta p{font-size:11px;color:#7e999d;margin:0;line-height:1.6}.transport-actions{display:flex;gap:10px;align-items:center}.loop-label{display:flex;flex-direction:row;align-items:center;gap:6px;margin-right:8px;color:#9bb0b2;font-size:12px;white-space:nowrap}.loop-label input{width:15px;height:15px;accent-color:var(--gold)}.play-button{background:var(--gold);color:#1a272a;border-radius:6px;padding:13px 17px;font-size:14px;font-weight:700;white-space:nowrap}.play-button kbd{margin-left:8px}.progress-track{grid-column:1/-1;height:3px;border-radius:3px;background:#31464a;overflow:hidden;margin-top:3px}.progress-track #progress{height:100%;background:var(--gold);width:0}.progress-label{grid-column:1/-1;display:flex;justify-content:space-between;color:#68898d;font-size:10px;margin-top:-9px;font-variant-numeric:tabular-nums}.next{display:flex;align-items:center;gap:18px;border-top:1px solid #263c40;margin-top:24px;padding-top:17px;font-size:11px;color:#63858a}.next strong{color:#a8bcbe;letter-spacing:1px;font-size:13px;font-weight:500}.no-audio{margin-left:auto;color:#64888a;font-size:10px}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);max-width:min(640px,90vw);padding:14px 20px;background:#f4ce68;color:#172323;border-radius:8px;box-shadow:0 10px 30px #0003;opacity:0;pointer-events:none;font-size:13px;line-height:1.6;transition:opacity .2s;z-index:20}#toast.visible{opacity:1}dialog{width:min(750px,calc(100vw - 32px));max-height:90dvh;border:0;border-radius:12px;padding:32px;background:var(--paper);color:var(--ink);box-shadow:0 20px 70px #0005}dialog::backdrop{background:#071316ad}dialog h2{font-size:26px;margin:0 0 15px}dialog p{font-size:14px;color:var(--muted);line-height:1.6}dialog textarea{width:100%;resize:vertical;min-height:280px;padding:14px;border:1px solid #c5cbc2;border-radius:6px;background:#fff;font:13px/1.7 ui-monospace,"PingFang SC",monospace}.dialog-close{position:absolute;right:18px;top:16px;background:transparent;font-size:28px;color:#78867e}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}dialog ol{padding-left:22px;font-size:14px;line-height:1.75}dialog li{padding:0 0 9px}.help-note{background:#e3e5dc;padding:16px;border-radius:6px}.focus-mode .top,.focus-mode .controls{display:none}.focus-mode .studio{grid-template-columns:1fr;min-height:100dvh}.focus-mode .performance{min-height:100dvh;padding:24px 50px}.focus-mode .board{min-height:58dvh}.focus-mode .number{font-size:clamp(140px,18vw,260px)}.focus-mode .board[data-many="true"] .number{font-size:clamp(80px,12vw,170px)}.focus-mode .board .numbers.count-1 .number{font-size:clamp(210px,27vw,390px)}.focus-mode .cue-head{margin-top:30px}.focus-mode .transport{padding-top:14px}.focus-mode .next{margin-top:16px}@media(max-width:1000px){.studio{grid-template-columns:280px minmax(0,1fr)}.controls{padding:22px 19px}.performance{padding:24px}.top-note{display:none}.transport{grid-template-columns:1fr}.transport-actions{justify-content:flex-start}.cue-head{margin-top:30px}.board{min-height:300px}.number{font-size:clamp(55px,11vw,130px);letter-spacing:-3px}.board[data-many="true"] .number{font-size:clamp(40px,6vw,75px);letter-spacing:-2px}.no-audio{display:none}.range{margin-left:4px}}@media(max-width:700px){.top{height:60px;padding:0 18px}.brand-sub{font-size:11px;margin-left:6px}.studio{display:flex;flex-direction:column-reverse}.controls{padding:28px 24px}.performance{min-height:600px;padding:24px 20px}.board{min-height:300px}.cue-head{margin-top:35px}.empty h2{font-size:31px}.empty p{font-size:12px}.board .numbers.count-1 .number{font-size:190px}.number{font-size:100px}.board[data-many="true"] .number{font-size:68px}.transport-actions{gap:8px}.range{display:none}.cue-head #counter{max-width:140px;text-align:right}.focus-mode .performance{padding:20px}.focus-mode .board{min-height:52dvh}.focus-mode .number{font-size:25vw}.focus-mode .board[data-many="true"] .number{font-size:18vw}}