:root{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;color:#111827;background:#b6e1fc;font-size:16px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 46% 34%,#d4ecff70,transparent 62%),linear-gradient(125deg,#c5e5fa,#a5d9fc 65%,#b8e1fa);padding:46px 24px 60px}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}#page{width:min(100%,1040px);min-height:calc(100vh - 106px);margin:auto;background:#ffffffed;border:1px solid #ffffff;border-radius:14px;padding:30px 48px 44px}h1{font-size:32px;line-height:1.4;font-weight:500;letter-spacing:.2px;margin:0 0 7px}.source{font-size:14px;line-height:1.7;color:#68758a;margin:0;overflow-wrap:anywhere}.source a{text-decoration:none}.source a:hover{text-decoration:underline}.media-bar{display:flex;flex-wrap:wrap;gap:10px;margin:17px 0 20px;align-items:center;min-height:35px}.chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #d4dbe5;background:linear-gradient(white,#f4f5f7);border-radius:30px;height:35px;padding:0 13px;color:#4a5870;font-size:13px;text-decoration:none;max-width:190px}.chip svg{width:18px;height:18px;color:#0866ff;flex-shrink:0}.chip .label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chip:hover{background:#eef4fc;border-color:#a9bdd8}.record{width:49px;justify-content:center;padding:0}.record-dot{width:15px;height:15px;display:block;border-radius:50%;background:#ff4148;box-shadow:inset 0 -1px 2px #cc2532}.record[aria-pressed=true] .record-dot{border-radius:3px;background:#d92335}.record[aria-pressed=true]{width:auto;gap:8px;color:#b71c2a}.record[disabled]{opacity:.5;cursor:wait}.media-panel:empty{display:none}.media-panel{padding:14px 0 20px}.media-panel p{font-size:12px;color:#6a7586;line-height:1.6;margin:0 0 10px}.media-panel audio{width:min(100%,550px);height:40px}.media-panel video{display:block;width:min(100%,650px);max-height:400px;background:#111;border-radius:5px}.player-head{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:10px}.player-head strong{font-size:13px;overflow-wrap:anywhere;font-weight:500}.plain-button{background:none;border:0;color:#66758a;font-size:12px;padding:0}.download{font-size:12px;color:#66758a;display:inline-block;margin:8px 0}.status{font-size:12px;color:#65758b;line-height:1.6}.status:empty{display:none}.sheet-body{border-top:1px solid #dee4ec;padding-top:22px}h2{font-size:17px;font-weight:700;margin:0 0 8px;line-height:1.6}.section{margin-bottom:24px}.notation{overflow-x:auto;padding:0 0 3px 34px;font-size:16px;line-height:2.05}.bol-row{display:grid;grid-template-columns:repeat(var(--columns,1),max-content);gap:0 28px;width:max-content;min-width:0;white-space:pre}.variation{display:flex;align-items:baseline;margin:0 0 12px;break-inside:avoid}.variation .number{min-width:34px;font-size:15px;color:#364052}.variation .notation{padding-left:0}.annotation{font-size:13px;color:#68758a;line-height:1.7;border-left:3px solid #dfe4ec;padding-left:30px;margin:12px 0 0 4px;white-space:pre-wrap}.sheet-grid{overflow:auto}.sheet-grid table{border-collapse:collapse;table-layout:fixed;width:max-content;min-width:100%;font-size:15px;line-height:1.9}.sheet-grid td{vertical-align:top;white-space:pre-wrap;padding:3px 18px 3px 0;overflow-wrap:anywhere;border:0}.sheet-grid .gap td{height:20px}.sheet-grid a{font-size:12px;color:#68758a}.command-hint{position:fixed;bottom:15px;right:22px;border:0;background:transparent;color:#486783;font-size:12px;opacity:.7;padding:6px}.command-hint:hover{opacity:1}dialog{padding:0;border:1px solid #d5deeb;border-radius:12px;width:min(640px,calc(100% - 28px));max-height:78dvh;margin:12dvh auto auto;box-shadow:0 20px 90px #1c365d35;background:#fcfdff;color:#1b2639}dialog::backdrop{background:#23405a38}.search-row{display:flex;gap:12px;padding:15px 18px;border-bottom:1px solid #e5e9f0;align-items:center}#query{width:100%;min-width:0;border:0;background:transparent;outline:none;font-size:14px;color:inherit}#dismiss{background:transparent;border:1px solid #d8dfe9;border-radius:4px;font-size:11px;padding:3px 5px;color:#6b768a}#results{max-height:54dvh;overflow:auto;padding:6px}.option{padding:11px 13px;border-radius:6px;cursor:pointer}.option[aria-selected=true]{background:#eaf2fc}.option .name{font-size:14px}.option small{display:block;font-size:11px;color:#7c8796;margin-top:3px}.palette-help{padding:10px 18px;font-size:11px;color:#7c8796;border-top:1px solid #e5e9f0}.empty{font-size:13px;color:#68758a;padding:22px}:focus-visible{outline:2px solid #247aff;outline-offset:4px}button:disabled{cursor:wait}@media(max-width:700px){body{padding:18px 12px 46px}#page{padding:24px 22px;min-height:calc(100vh - 64px);border-radius:11px}h1{font-size:24px}.source{font-size:11px}.notation{font-size:14px;padding-left:20px}.bol-row{gap:0 20px}.chip{max-width:160px;font-size:11px}.variation .number{min-width:25px}.command-hint{bottom:8px;right:12px}h2{font-size:15px}.section{margin-bottom:23px}}@media print{body{background:white;padding:0}#page{border:0;border-radius:0;min-height:0;width:100%;padding:0}.media-bar,.media-panel,.command-hint,.status,dialog{display:none}.sheet-body{border:0}.section,.variation{break-inside:avoid}.notation{overflow:visible}}