:root{--text:#1d1d1f;--muted:#6b6b70;--bg:#fff;--panel-head:#f2f2f2;--border:#c9c9cc;--accent:#2b5bd7;--accent-bg:#eaf0fd;--mono:ui-monospace, "SF Mono", Consolas, monospace;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;font:15px/1.4 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}button,select,input{font:inherit;color:inherit}button,select{border:1px solid var(--border);background:#fff;border-radius:4px;padding:3px 10px}button:not(:disabled){cursor:pointer}button:not(:disabled):hover{background:#f5f5f7}button:disabled,select:disabled{color:var(--muted);background:#fafafa}code{font-family:var(--mono);font-size:.92em}.app{grid-template-columns:240px minmax(0,1fr) 440px;align-items:start;gap:16px;padding:12px;display:grid}@media (width<=1100px){.app{grid-template-columns:minmax(0,1fr)}}.muted{color:var(--muted)}.panel{border:1px solid var(--border);background:#fff;border-radius:4px}.panel>header{background:var(--panel-head);border-bottom:1px solid var(--border);border-radius:4px 4px 0 0;justify-content:space-between;align-items:center;gap:8px;padding:7px 12px;display:flex}.panel h2{margin:0;font-size:1.05rem}.panel>.body{padding:12px}.side{gap:16px;display:grid}.field{gap:3px;margin-bottom:10px;display:grid}.field>span:first-child{color:var(--muted);font-size:.9rem}.field select{width:100%;padding:5px 10px}.book-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.book-list button{text-align:left;justify-content:space-between;gap:8px;width:100%;padding:7px 10px;display:flex}.book-list button.current{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.book-name{overflow-wrap:anywhere}.book-id{font-family:var(--mono);color:var(--muted)}.change{width:100%;margin-top:12px}.setup{max-width:640px}.setup .field input{max-width:100%}.download{color:var(--muted);font-size:.88rem}.problem{color:#b3261e}.hint{color:var(--muted)}.card-books{border-collapse:collapse;width:100%;margin:8px 0}.card-books th,.card-books td{text-align:left;border-bottom:1px solid #eee;padding:4px 8px}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;padding:7px 16px}button.primary:not(:disabled):hover{background:#2249b0}button.primary:disabled{opacity:.5;color:#fff;background:var(--accent)}.tap-any{align-items:center;gap:8px;margin-bottom:10px;display:flex}.tap-any input{border:1px solid var(--border);width:9em;font-family:var(--mono);border-radius:4px;margin-left:6px;padding:3px 8px}.code-scroll{border-top:1px solid var(--border);min-height:300px;max-height:calc(100vh - 130px);overflow-y:auto}.codes table{border-collapse:collapse;width:100%}.codes th,.codes td{text-align:left;padding:4px 10px}.codes thead th{border-bottom:1px solid var(--border);z-index:1;background:#fff;position:sticky;top:0}.codes .section th{border-bottom:1px solid var(--border);padding-top:16px;font-size:1rem}.codes .section .count{color:var(--muted);font-weight:400}.codes .section .note{color:var(--muted);font-size:.88rem;font-weight:400}.codes td{border-bottom:1px solid #f0f0f0}.codes tr.live{cursor:pointer}.codes tr.live:hover td{background:#f5f7fc}.codes tr.live:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.codes tr.current td{color:var(--accent)}.codes tr.tapped td{background:var(--accent-bg)}.code-column{font-family:var(--mono);width:7em}.unnamed{color:#b5b5ba}.pen{margin:6px 0 4px;position:relative}.pen-drawing{position:absolute;top:0;left:0}.pen-key-svg.live{cursor:pointer}.pen-rows{position:absolute;inset:0 0 0 128px}.pen-row{white-space:nowrap;align-items:center;gap:10px;display:flex;position:absolute;left:0;right:0;transform:translateY(-50%)}.pen-row:before{content:"";border-top:1px dashed #e0a27c;width:36px;position:absolute;left:-44px}.pen-control{align-items:center;display:flex}.pen-control select{padding:3px 6px}.pen-status{color:var(--muted);font-size:.9rem}.key{width:32px;height:32px;padding:0;font-weight:700}.key.round{border-radius:50%}.key.held{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.light{border:1px solid var(--border);background:#fff;border-radius:50%;width:14px;height:14px;margin:0 9px;display:inline-block}.light.on{background:#3b6cff;border-color:#3b6cff;box-shadow:0 0 6px #3b6cff}.clock{color:var(--muted);margin:4px 0 0;font-size:.9rem}.now-playing{border:1px solid var(--border);text-align:center;background:#f7f7f7;border-radius:4px;padding:8px 12px}.log{height:200px;font-family:var(--mono);background:#f4f4f4;border-radius:4px;padding:8px 10px;font-size:.82rem;overflow-y:auto}.log.empty,.log .at{color:var(--muted)}.log .input{color:var(--accent)}.log .error{color:#b3261e}.log .info{font-style:italic}