.icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.icon-small{width:14px;height:14px}.tooltip{border:1px solid var(--line);background:var(--raise);max-width:260px;color:var(--fg);pointer-events:none;border-radius:6px;padding:4px 8px;font-size:12px;box-shadow:0 4px 16px #0000004d}.overflow-tip{display:contents}.exchange-checkbox{cursor:pointer;align-items:center;gap:8px;margin:8px 0 12px;display:flex}.exchange-checkbox input{width:18px;height:18px;accent-color:var(--fg);margin:0}.backup-reminder{border:1px solid var(--line);color:var(--fg);border-radius:6px;padding:8px 10px}.backup-reminder p{margin:0 0 6px}.backup-actions,.library-exchange{flex-wrap:wrap;gap:6px;display:flex}.exchange-banner{border:1px solid var(--fg);background:var(--surface);color:var(--fg);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 16px;padding:10px 12px;display:flex}.exchange-banner p{flex:260px;margin:0}.exchange-banner-actions{flex:none;gap:6px;display:flex}.update-banner{z-index:3;flex-wrap:nowrap;padding:6px 6px 6px 12px;position:sticky;top:0}.update-banner p{flex:auto;min-width:0}.update-banner-actions{flex:none;gap:6px;display:flex}@media (width<=599.98px){.update-banner{margin-bottom:12px;font-size:14px;line-height:1.3}}.exchange-hint{color:var(--fg-muted);font-size:13px;display:block}.import-settings{border-top:1px solid var(--line);margin-top:4px;padding-top:12px}.import-settings p,.import-settings ul{margin:0 0 8px}.import-settings-changes{color:var(--fg-muted);padding-left:18px;font-size:13px}.share-button{flex:none;align-items:center;gap:6px;display:inline-flex}.share-notice{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin:0;padding:10px 14px;font-size:13.5px}.share-way{border-top:1px solid var(--line);flex-wrap:wrap;align-items:flex-start;gap:8px 16px;padding:12px 0;display:flex}.share-way-words{flex-direction:column;flex:260px;gap:4px;min-width:0;display:flex}.share-way-words h3{margin:0;font-size:15px}.share-way-words p{color:var(--fg-muted);margin:0;font-size:13.5px}.share-way-action{flex:none}.exchange-counts{color:var(--fg-muted)}.dash-backup{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:16px 20px;display:flex}.dash-backup>.icon{flex:none;align-self:flex-start;margin-top:2px}.dash-backup-words{flex-direction:column;flex:360px;gap:4px;min-width:0;display:flex}.dash-backup h2{margin:0;font-size:15px;font-weight:600}.dash-backup p{color:var(--fg-muted);margin:0;line-height:1.45}.dash-site-data{border-color:var(--fg-muted)}.review-backup{border-top:1px solid var(--line-soft);color:var(--fg-muted);flex-wrap:wrap;align-items:center;gap:8px 12px;padding-top:14px;display:flex}.review-backup p{flex:320px;margin:0;line-height:1.45}.keep-it-steps{flex-direction:column;gap:14px;margin:0;padding-left:22px;display:flex}.keep-it-steps h3{margin:0 0 2px;font-size:14px;font-weight:600}.keep-it-steps p{color:var(--fg-muted);margin:0 0 6px;line-height:1.45}@media (pointer:coarse){.dash-backup .bar-action,.review-backup .bar-action,.keep-it-steps .bar-action{min-height:44px}}.modal.settings-modal{width:min(960px,100%);height:min(720px,100dvh - 32px);display:flex;overflow:hidden}.settings-dialog{outline:none;flex-direction:column;flex:1;min-width:0;display:flex}.settings-header{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 20px;display:flex}.settings-header h2{flex:1;margin:0;font-size:17px}.settings-back{align-items:center;gap:4px;margin-right:auto;display:inline-flex}.settings-tabs{flex:1;min-height:0;display:flex}.settings-tablist{border-right:1px solid var(--line);flex-direction:column;flex:none;gap:2px;width:200px;padding:12px 8px;display:flex;overflow-y:auto}.settings-tab{min-height:34px;color:var(--fg-muted);cursor:pointer;border-radius:7px;outline:none;align-items:center;gap:10px;padding:0 10px;display:flex}.settings-tab[data-hovered]{background:var(--hover)}.settings-tab[data-selected]{background:var(--raise);color:var(--fg)}.settings-tab[data-focus-visible]{outline:2px solid var(--fg);outline-offset:-2px}.settings-page{outline:none;flex:1;min-width:0;padding:16px 20px 24px;overflow-y:auto}.settings-page-title{margin:0 0 4px;font-size:15px}.settings-section{margin:12px 0 18px}.settings-section h4{color:var(--fg-muted);letter-spacing:.02em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:600}.settings-section p{margin:0 0 8px}.appearance-notation{max-width:360px;margin:2px 0 6px}.timing-window{gap:6px;padding-bottom:6px;display:grid}.settings-section .timing-window p{margin:0}.timing-window-scale{color:var(--fg-muted);font:11.5px/1 var(--font-num);grid-template-columns:1fr auto 1fr;display:grid}.timing-window-scale>:last-child{text-align:right}.settings-card{border:1px solid var(--line);border-radius:8px;margin:0 0 12px;padding:12px 14px}.settings-card h4{margin:0 0 6px;font-size:14px;font-weight:600}.settings-card p{margin:0 0 8px}.settings-card p:last-child{margin-bottom:0}.settings-actions{flex-wrap:wrap;gap:8px;display:flex}.settings-group{color:var(--fg-muted);letter-spacing:.02em;text-transform:uppercase;margin:18px 0 8px;font-size:12px;font-weight:600}.settings-card.settings-card-row{flex-wrap:wrap;align-items:center;gap:10px 20px;margin-bottom:8px;display:flex}.settings-card-body{flex:280px;min-width:0}.settings-card .settings-fine{color:var(--fg-muted);font-size:12px}.settings-row-action{flex:none;align-items:center;gap:6px;font-weight:600;display:inline-flex}.settings-card-title{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.settings-card-figure{font-variant-numeric:tabular-nums;font-weight:600}.bar-action.settings-filled{border-color:var(--fg);background:var(--fg);color:var(--bg)}@media (hover:hover){.bar-action.settings-filled:hover:not([data-disabled]){border-color:var(--primary-hover);background:var(--primary-hover)}}.settings-overlay:has(.settings-dialog[data-narrow]){padding:0}.modal.settings-modal:has(.settings-dialog[data-narrow]){border:none;border-radius:0;width:100%;height:100dvh;max-height:none}.settings-dialog[data-narrow] .settings-page{flex:1}.settings-list{margin:0;padding:8px;list-style:none}.settings-list-item{width:100%;min-height:48px;color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:0 12px;display:flex}.settings-list-item>:last-child{color:var(--fg-muted);margin-left:auto}.settings-list-item[data-focus-visible]{outline:2px solid var(--fg);outline-offset:-2px}@media (pointer:coarse){.settings-tab{min-height:44px}}.settings-click{max-width:440px;margin:12px 0}.sync-list{margin:8px 0;padding:0;list-style:none}.sync-list>li{border-top:1px solid var(--line);flex-direction:column;gap:2px;padding:6px 0;display:flex}.sync-list>li:first-child{border-top:0}.sync-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.sync-list>li.sync-row{flex-direction:row}.sync-row p{margin:2px 0 0}.sync-setup h5{margin:12px 0 4px;font-size:13px;font-weight:600}.sync-setup ul{margin:0 0 8px;padding-left:20px}.sync-counts{grid-template-columns:max-content 1fr;gap:4px 12px;margin:8px 0;display:grid}.sync-counts dt{color:var(--fg-muted)}.sync-counts dd{margin:0}.save-conflict{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.library{border-right:1px solid var(--line);background:var(--surface);min-height:0;color:var(--fg);flex-direction:column;grid-area:library;display:flex;overflow:hidden}.library ul{margin:0;padding:0;list-style:none}.library-head{align-items:center;gap:4px;padding:10px 8px 6px;display:flex}.library-search{flex:1;min-width:0;position:relative}.library-search>.icon{color:var(--fg-muted);pointer-events:none;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.library-search input,.library-field input,.library-field textarea{box-sizing:border-box;border:1px solid var(--line);background:var(--bg);width:100%;min-height:34px;color:var(--fg);font:inherit;border-radius:8px;padding:0 8px}.library-search input{padding:0 28px 0 30px}.library-search input:focus-visible,.library-field input:focus-visible,.library-field textarea:focus-visible{outline:2px solid var(--fg);outline-offset:1px}.library-key{border:1px solid var(--line);color:var(--fg-muted);font:11px var(--font-num);pointer-events:none;border-radius:4px;padding:0 5px;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.library-search[data-empty=false] .library-key{display:none}.library-field{gap:4px;margin:8px 0;display:grid}.library-scroll{flex:1;min-height:0;padding:4px 8px 12px;overflow-y:auto}.library-eyebrow{color:var(--fg-muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;font-weight:600}.library-create{gap:6px;padding:0 8px 4px;display:flex}.library-create-new,.library-create-import{border:1px solid var(--line);background:var(--raise);min-height:34px;color:var(--fg);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-weight:500;display:flex}.library-create-new{flex:1}.library-create-import{border-color:var(--line);background:0 0;padding:0 12px;font-weight:400}.library-create-new[data-hovered],.library-create-import[data-hovered]{background:var(--hover)}.library-create-new[data-focus-visible],.library-create-import[data-focus-visible]{outline:2px solid var(--fg);outline-offset:2px}@media (pointer:coarse){.library-create-new,.library-create-import{min-height:44px}}.library-section-head{margin-top:14px}.library-section-head .tree-name{color:var(--fg-muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.library-section-head .tree-open[aria-current=true] .tree-name{color:var(--fg)}.library-add{width:24px;height:24px}@media (pointer:coarse){.library-add{width:44px;height:44px}}.tree-row{padding-left:calc(var(--depth,0) * 14px);border-radius:6px;align-items:center;gap:2px;display:flex}.tree-twisty,.tree-twisty-space{flex:none;place-items:center;width:20px;height:28px;display:inline-grid}.tree-twisty{color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0}.tree-groove{padding-left:calc(var(--depth,0) * 14px + 22px)}.tree-open{min-width:0;min-height:30px;color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;align-items:center;gap:8px;padding:0 6px;font-size:14px;display:flex}.tree-open .icon{color:var(--fg-muted);flex:none}.tree-open[aria-current=true]{background:var(--raise)}@media (hover:hover){.tree-open:hover:not([aria-current=true]){background:var(--hover)}}.tree-open[data-focus-visible],.tree-twisty[data-focus-visible],.tree-star[data-focus-visible],.library-menu-button[data-focus-visible]{outline:2px solid var(--fg);outline-offset:-2px}.tree-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tree-path{color:var(--fg-muted);font-size:12px}.tree-count{color:var(--fg-muted);font:11px var(--font-num)}.new-chip{margin-left:6px}.tree-new{background:var(--fg);color:var(--bg);border-radius:999px;padding:0 6px;font-size:11px;font-weight:600;line-height:16px}.history-plan{border:1px solid var(--line);color:var(--fg-muted);white-space:nowrap;border-radius:4px;margin-left:8px;padding:0 6px;font-size:11px;font-weight:400}.tree-trail{flex:none;width:34px;margin-left:-8px}.tree-star{width:24px;height:24px;color:var(--fg-muted);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:4px;flex:none;place-items:center;padding:0;display:inline-grid}.tree-row:hover .tree-star,.tree-star[data-focus-visible],.tree-star[data-on]{opacity:1}.tree-star[data-on]{color:var(--fg)}.tree-more{opacity:0;min-width:24px;min-height:24px}.tree-row:hover .tree-more,.tree-row:focus-within .tree-more,.tree-more[data-pressed],.tree-more[aria-expanded=true]{opacity:1}@media (pointer:coarse){.tree-more{opacity:1;min-width:44px}.tree-trail{width:46px}}.tree-rename{flex:1;min-width:0}.tree-rename input{box-sizing:border-box;border:1px solid var(--fg);background:var(--bg);width:100%;height:26px;color:var(--fg);font:inherit;border-radius:5px;padding:0 6px;font-size:14px}[data-drop-target]{outline:2px solid var(--fg);outline-offset:-2px;background:var(--raise)}.library-menu-button{min-width:32px;min-height:32px;color:var(--fg);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;display:inline-grid}@media (pointer:coarse){.tree-open,.tree-twisty,.library-menu-button{min-height:44px}.tree-star{opacity:1;width:44px;height:44px}}.library-empty{color:var(--fg-muted);margin:6px 4px;font-size:13px}.library-foot{border-top:1px solid var(--line-soft);color:var(--fg-muted);gap:6px;padding:8px;font-size:12.5px;display:grid}.library-foot-row{align-items:flex-start;gap:6px;display:flex}.library-storage{flex:1;min-width:0}.library-foot p{margin:2px 0}.library-data-dialog{outline:none;gap:10px;width:260px;padding:8px;display:grid}.library-data-group{gap:2px;display:grid}.library-data-heading{color:var(--fg-muted);letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;font-size:11px;font-weight:600}.library-data-item{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:flex-start;gap:10px;padding:8px;display:flex}.library-data-item svg{flex:none;margin-top:2px}.library-data-item[data-hovered],.library-data-item[data-focus-visible]{background:var(--hover)}.library-data-item[data-focus-visible]{outline:2px solid var(--fg);outline-offset:-2px}.library-data-words{gap:1px;display:grid}.library-data-hint{color:var(--fg-muted);font-size:12px}.library[data-file-over],.folder-page[data-file-over]{outline:2px dashed var(--fg-muted);outline-offset:-6px}.library-more{margin-left:auto}.library-error{color:var(--fg);margin:4px;font-weight:600}.folder-page{align-content:start;gap:14px;width:min(1000px,100%);margin:0 auto;padding:24px 20px;display:grid}.folder-page-head{flex-wrap:wrap;align-items:baseline;gap:8px 12px;display:flex}.folder-page-head h2{overflow-wrap:anywhere;min-width:0;margin:0;font-size:22px}.folder-page-count{color:var(--fg-muted)}.folder-page-spacer{flex:1}.folder-page-menu{align-self:center}.folder-page-actions{flex-wrap:wrap;align-self:center;align-items:center;gap:8px;display:flex}.folder-page-head .bar-action{align-items:center;gap:6px;display:inline-flex}.folder-page-folders,.folder-page-tags{flex-wrap:wrap;gap:6px;display:flex}.folder-chip,.folder-tag{border:1px solid var(--line);min-height:30px;color:var(--fg);font:inherit;cursor:pointer;background:0 0;border-radius:15px;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}.folder-tag[aria-pressed=true]{border-color:var(--fg);background:var(--fg);color:var(--bg)}.folder-tag:focus-visible:not([data-focus-visible]){outline:none}.folder-chip[data-focus-visible],.folder-tag[data-focus-visible],.folder-sort[data-focus-visible],.folder-open[data-focus-visible],.folder-link[data-focus-visible]{outline:2px solid var(--fg);outline-offset:2px}.folder-table-box{border:1px solid var(--line);background:var(--surface);border-radius:10px;overflow-x:auto}.folder-table{border-collapse:collapse;width:100%;font-size:14px}.folder-table th,.folder-table td{border-bottom:1px solid var(--line-soft);text-align:left;white-space:nowrap;padding:10px 12px}.folder-table thead th{color:var(--fg-muted);font-size:12.5px;font-weight:500}.folder-table tbody tr:last-child>*{border-bottom:0}.folder-row{cursor:pointer}@media (hover:hover){.folder-row:hover{background:var(--hover)}}.folder-sort{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.folder-title{font-weight:500}.folder-star{vertical-align:middle;width:18px;display:inline-block}.folder-open{max-width:min(28em,55vw);color:var(--fg);font:inherit;text-align:left;text-overflow:ellipsis;vertical-align:bottom;cursor:pointer;background:0 0;border:0;padding:0;font-weight:500;overflow:hidden}.folder-path{text-overflow:ellipsis;vertical-align:bottom;max-width:min(16em,30vw);color:var(--fg-muted);margin-left:8px;font-size:12px;font-weight:400;display:inline-block;overflow:hidden}.folder-number{font-family:var(--font-num);font-variant-numeric:tabular-nums;text-align:right!important}.folder-table thead th.folder-number,.folder-end{font-family:var(--font-ui);text-align:right!important}.folder-meter{font-weight:600}.folder-actions{text-align:right;width:32px}.pattern{vertical-align:middle;fill:color-mix(in srgb, var(--fg-muted) 30%, transparent);display:inline-block}.pattern [data-on]{fill:var(--fg)}.pattern-none{color:var(--fg-muted)}.folder-page-empty{color:var(--fg-muted);text-align:center;margin:0;padding:28px}.folder-page-hint{color:var(--fg-muted);margin:0;font-size:13px}.folder-link{color:var(--fg);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.folder-page-loading{color:var(--fg-muted);padding:24px}.library-move-now{color:var(--fg-muted);margin:0 0 4px}.library-move-now strong{color:var(--fg)}.library-move-list{border:1px solid var(--line);border-radius:8px;outline:none;max-height:50vh;margin:8px 0;padding:4px;overflow:auto}.library-move-item{cursor:pointer;border-radius:6px;outline:none;align-items:center;gap:8px;min-height:34px;padding:4px 10px;display:flex}.library-move-item .icon{color:var(--fg-muted);flex:none}.library-move-name{flex:1}.library-move-current{border:1px solid var(--line);color:var(--fg-muted);border-radius:9px;padding:0 6px;font-size:11.5px}.library-move-check{place-items:center;width:16px;display:inline-grid}.library-move-item[data-hovered]{background:var(--hover)}.library-move-item[data-selected]{background:var(--raise);font-weight:600}.library-move-item[data-focus-visible]{outline:2px solid var(--fg);outline-offset:-2px}@media (pointer:coarse){.library-move-item{min-height:44px}}.history h3{color:var(--fg-muted);letter-spacing:.04em;text-transform:uppercase;margin:14px 0 4px;font-size:12px;font-weight:600}.history-summary{font-variant-numeric:tabular-nums;margin:4px 0}.history-rows{margin:0;padding:0;list-style:none}.history-rows li{border-top:1px solid var(--line);align-items:center;gap:4px;display:flex}.history-row{min-width:0;color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:auto;grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;gap:4px 12px;padding:10px 4px;display:grid}.history-row[data-hovered]{background:color-mix(in srgb, var(--fg) 6%, transparent)}.history-row[data-focus-visible]{outline:2px solid var(--fg);outline-offset:-2px}.history-row>svg{color:var(--fg-muted);grid-area:1/3/3;align-self:center}.history-row-when{grid-column:1;align-items:baseline;min-width:0;display:flex}.history-row-when>*{flex:none}.history-row-tempo{font-family:var(--font-num);grid-column:2;justify-self:end}.history-row-meta{color:var(--fg-muted);font-variant-numeric:tabular-nums;grid-column:1/3;font-size:13px}.history-editor{margin-top:18px}.history-editor summary{color:var(--fg-muted);cursor:pointer}.history-editor>.bar-action{margin-top:8px}.modal.new-groove-modal{width:min(680px,100%)}.new-groove-row{grid-template-columns:1fr 1fr;gap:12px 16px;display:grid}@media (width<=560px){.new-groove-row{grid-template-columns:1fr}}.new-groove-row .library-field{margin:0}.new-groove-row .library-field input,.new-groove-select{box-sizing:border-box;height:38px}.new-groove-select{width:100%;font-size:inherit;justify-content:space-between;align-items:center;padding:0 10px;display:flex}.new-groove-tempo{text-align:left;width:6em;padding:0 10px}.meter-chip[data-dimmed]{color:var(--fg-muted);border-style:dashed}.new-groove-foot .meter-hint{margin-right:auto}.new-groove-foot .bar-action{white-space:nowrap;flex:none}.history-row-static{cursor:default}.practice-history-name{font-weight:600}.history-row-when .practice-history-name{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.practice-history-kind{background:var(--raise);color:var(--fg-muted);white-space:nowrap;border-radius:4px;margin-left:8px;padding:0 6px;font-size:11px}.sessions-head{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.sessions-head h3{margin:0;font-size:15px}.sessions-summary{min-width:0;color:var(--fg-muted);font-variant-numeric:tabular-nums;flex:14em;font-size:13px}.sessions-fold{margin-left:auto}.sessions-body{gap:8px;display:grid}.sessions-body[hidden]{display:none}.timing-strip{margin:8px 0}.timing-strip svg{width:100%;height:auto;color:var(--fg);display:block}.timing-axis{stroke:var(--line);stroke-width:1px}.timing-centre{stroke:var(--fg-muted);stroke-width:1.5px}.timing-median{stroke:currentColor;stroke-width:2px;stroke-dasharray:4 3}.timing-hit{fill:currentColor;fill-opacity:.7;stroke:var(--surface);stroke-width:1.5px}.timing-strip figcaption{color:var(--fg-muted);justify-content:space-between;font-size:12px;display:flex}.timing-middle{fill:currentColor;fill-opacity:.12}.take-panel{color:var(--fg)}.panel .take-panel>h2,.panel .history>h2{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.take-panel h2{margin:0 0 6px;font-size:16px}.take-panel p{margin:6px 0}.take-muted{color:var(--fg-muted)}.take-notes{color:var(--fg-muted);margin:8px 0;padding-left:1.2em}.take-hits{font-variant-numeric:tabular-nums;margin:8px 0;font-size:13px}.take-hits summary{cursor:pointer}.take-hits table{border-collapse:collapse;margin-top:6px}.take-hits th,.take-hits td{text-align:left;padding:2px 12px 2px 0}.take-review{font-variant-numeric:tabular-nums;font-weight:600}.cell.has-mark{position:relative}.mark{pointer-events:none;position:absolute}.mark-missed{border:2px dashed var(--fg-muted);border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;top:50%;left:50%}.mark-tick{border-top:5px solid #0000;border-bottom:5px solid #0000;width:0;height:0;bottom:2px}.mark-tick.mark-early{border-right:7px solid var(--early);margin-left:-4px}.mark-tick.mark-late{border-left:7px solid var(--late);margin-left:-3px}.mark-tick.mark-near{background:var(--fg);border:0;border-radius:50%;width:5px;height:5px;margin-left:-2.5px;bottom:4px}.mark-extra{background:linear-gradient(var(--fg), var(--fg)) center / 9px 2px no-repeat, linear-gradient(var(--fg), var(--fg)) center / 2px 9px no-repeat;width:9px;height:9px;margin-left:-4.5px;top:2px;left:50%}.practice{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:-6px 0 16px;display:flex}.practice-hint{color:var(--fg-muted);margin:0;font-size:12.5px}.ramp-dialog{outline:none;gap:10px;max-width:340px;padding:8px;display:grid}.ramp-heading{margin:0;font-size:15px}.ramp-fields{gap:8px;display:grid}.ramp-field{justify-content:space-between}.ramp-error{margin:0;font-weight:600}.take-details{margin:6px 0 0;font-size:13px}.take-details>summary{cursor:pointer}.take-details-body{font-variant-numeric:tabular-nums;gap:14px;max-width:480px;margin:8px 0 4px;display:grid}.take-numbers{gap:2px;margin:0;display:grid}.take-numbers div{flex-wrap:wrap;gap:0 8px;display:flex}.take-numbers dt{min-width:8em;color:var(--fg-muted)}.take-numbers dd{margin:0}.take-chart-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.take-chart h4{margin:0;font-size:13px}.take-chart-figure{margin:6px 0 0}.take-chart-figure svg{width:100%;height:auto;color:var(--fg);display:block}.take-chart-label{fill:var(--fg);stroke:var(--surface);stroke-width:3px;paint-order:stroke;font-size:11px}.take-chart-range{stroke:currentColor;stroke-width:2px;stroke-linecap:round}.take-chart-overall{stroke-width:1.5px}.take-chart-figure figcaption{color:var(--fg-muted);gap:2px;font-size:12px;display:grid}.take-chart-axis{justify-content:space-between;display:flex}.take-table{border-collapse:collapse;margin-top:6px}.take-table th,.take-table td{text-align:left;padding:2px 12px 2px 0}.take-table tbody th{font-weight:400}.take-chart-trend{stroke:currentColor;stroke-width:2.5px;stroke-linecap:round}.take-chart-note{color:var(--fg-muted);margin:4px 0 0;font-size:12px}.take-not-listening{border:1px solid var(--line);border-radius:8px;padding:10px 12px}.take-not-listening p{margin:4px 0}.take-input{border-left:2px solid var(--fg-muted);color:var(--fg-muted);padding:6px 10px;font-size:13px}.last-hit{border:1px solid var(--line);background:var(--raise);border-radius:8px;gap:2px;min-height:92px;margin:8px 0;padding:10px 12px;display:grid}.last-hit-label{color:var(--fg-muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.last-hit-value{align-items:center;gap:8px;font-size:17px;font-weight:600;display:flex}.last-hit-place{color:var(--fg-muted);font:500 13px var(--font-num)}.last-hit-miss{color:var(--fg-muted);margin-top:4px;font-size:12.5px}.last-hit-mark{background:var(--fg);opacity:.45;border-radius:50%;flex:none;width:11px;height:11px}.last-hit-mark.mark-near{opacity:.3}.last-hit-mark.mark-early,.last-hit-mark.mark-late{opacity:.75}.last-hit-mark.mark-early{background:var(--early)}.last-hit-mark.mark-late{background:var(--late)}.take-scope{color:var(--fg-muted);font-size:12.5px}.practice-key{border-top:1px solid var(--line-soft);color:var(--fg-muted);flex-wrap:wrap;align-items:center;gap:6px 10px;padding:6px 12px 8px;font-size:12.5px;display:flex}.practice-key-none{min-height:40px}.practice-key-value{color:var(--fg);font-weight:600}.practice-key-levels{align-items:center;gap:2px;display:inline-flex}.practice-key-label{margin-right:4px}.practice-key-level{height:26px;color:var(--fg-muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:0 8px}.practice-key-level[data-selected]{border-color:var(--line);background:var(--raise);color:var(--fg)}.practice-key-level[data-focus-visible],.practice-key-more[data-focus-visible]{outline:2px solid var(--fg);outline-offset:1px}@media (pointer:coarse){.practice-key-level{height:44px}}.practice-key-marks,.practice-key-full{flex-wrap:wrap;gap:4px 9px;margin:0;padding:0;list-style:none;display:flex}.practice-key-marks li{color:var(--fg);align-items:center;gap:5px;display:inline-flex}.practice-key-more{color:var(--fg);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0;text-decoration:underline}.practice-key>.notation-size-choice{margin-left:auto}.practice-key:has(>.notation-size-choice)>.practice-key-more{margin-left:4px}@media (width<=1432.98px){.notation-practice .practice-key:has(>.notation-size-choice)>.practice-key-scope{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (pointer:coarse){.practice-key-more{min-height:44px}}.practice-key-popover{overflow:auto}.menu-choice{white-space:nowrap;align-items:center;gap:5px;min-height:44px;padding-inline:10px;display:inline-flex}.menu-choice-label{color:var(--fg-muted)}.menu-choice-value{color:var(--fg);font-weight:600}.practice-key-compact{gap:6px;padding:8px 10px}.practice-key-gap{flex:1}.practice-key-compact>.practice-key-off{flex-basis:100%}.practice-key-info{width:44px;height:44px}.practice-key-dialog>.practice-key-marks{margin-bottom:8px}.practice-key-dialog>.practice-key-off,.practice-key-dialog>.practice-key-scope{color:var(--fg-muted)}.practice-key-dialog{max-width:min(420px,100vw - 32px);color:var(--fg);outline:none;padding:12px 14px;font-size:13px}.practice-key-heading{margin:0 0 8px;font-size:15px}.practice-key-full{gap:8px;margin-bottom:10px;display:grid}.practice-key-full:focus-visible{outline:2px solid var(--fg);outline-offset:1px}.practice-key-full li{grid-template-columns:16px 1fr;align-items:start;gap:8px;display:grid}.practice-key-dialog p{margin:6px 0}.key-symbol{flex:none;width:20px;height:16px;overflow:visible}.key-head{fill:var(--fg)}.key-disc{stroke:none}.key-near{fill:var(--fg);opacity:.3}.key-extra{fill:var(--fg);opacity:.45}.key-early .key-head,.key-early .key-cue{fill:var(--early)}.key-late .key-head,.key-late .key-cue{fill:var(--late)}.key-cue{opacity:.55}.key-missed .key-head{opacity:.4}.key-ring{fill:none;stroke:var(--fg);stroke-width:1.2px}.key-sign{fill:none;stroke:var(--played-sign);stroke-width:1.4px;stroke-linecap:round}.live-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:12px 14px}.live-drum{align-content:start;gap:3px;display:grid}.live-drum-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.live-drum-head h3{margin:0;font-size:15px;font-weight:500}.live-drum-numbers{font:500 15px var(--font-num);white-space:nowrap}.live-drum .dot-strip{margin:6px 0 2px}.live-hint{color:var(--fg-muted);font-size:13px}.loop-bars{border-bottom:1px solid var(--line);align-items:flex-end;gap:3px;height:30px;margin-top:6px;display:flex}.loop-bar{background:color-mix(in srgb, var(--fg-muted) 55%, transparent);border-radius:2px;flex:1 1 0;max-width:14px}.loop-bar[data-all=true]{background:var(--fg)}.loop-bar[data-last]{outline:1.5px solid var(--fg);outline-offset:1px}.take-cards{gap:8px;display:grid}.take-practice{border-top:1px solid var(--line);justify-items:start;gap:8px;margin-top:16px;padding-top:12px;display:grid}.live-loops .live-drum-numbers{font-variant-numeric:tabular-nums;font-family:inherit}.live-loops .live-drum-head{flex-wrap:wrap}.checked-notes{gap:4px;display:grid}.checked-notes p{margin:0}.checked-notes-low{border-left:3px solid var(--late);color:var(--fg);padding-left:8px;font-size:13px;font-weight:500}.mark-unverified{border:1.5px solid var(--fg-muted);border-radius:50%;width:7px;height:7px;margin-left:-3.5px;bottom:3px;left:50%}.transport{border-top:1px solid var(--line);background:var(--surface);color:var(--fg)}.transport-row{align-items:center;gap:6px;min-height:58px;padding:8px 14px;display:flex;position:relative;overflow-x:clip}.transport-extra{align-items:center;display:inline-flex}.transport-extra:empty{display:none}.transport-row>*{flex:none}.transport-row>.transport-spacer{flex:1 1 0;min-width:0}.transport-row>.transport-extra[data-unseen]{visibility:hidden;pointer-events:none;position:absolute;top:0;left:0}.transport-play{background:var(--fg);width:40px;height:40px;color:var(--bg);font:inherit;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.transport-play[data-hovered]{background:var(--primary-hover)}.transport-play[data-focus-visible]{outline:2px solid var(--fg);outline-offset:2px}@media (pointer:coarse){.transport-play{width:48px;height:48px}}.transport-position{align-items:center;gap:8px;padding:0 6px;display:inline-flex}.transport-separator{background:var(--line);align-self:stretch;width:1px;margin:6px 4px}.transport-tempo{align-items:center;gap:6px;display:inline-flex}.transport-tempo-group{border:1px solid var(--line);border-radius:8px;align-items:center;height:36px;display:inline-flex}.transport-bpm{width:3.2em;color:var(--fg);font:500 17px var(--font-num);font-variant-numeric:tabular-nums;text-align:center;background:0 0;border:0}.transport-bpm:focus-visible{outline:2px solid var(--fg);outline-offset:1px}.transport-unit{color:var(--fg-muted);font-size:12px}.transport-toggle,.transport-select .bar-action,.transport .bar-action{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.transport-popover{max-width:min(420px,100vw - 16px)}.transport-dialog{outline:none;gap:10px;padding:10px;display:grid}.transport-more-dialog{flex-wrap:wrap;align-items:center;display:flex}@container centre (width<=899.98px){.transport-row{gap:4px;min-height:52px;padding:6px 8px}.transport-unit,.transport-separator{display:none}.transport .beat-indicator{min-width:0}}@media (pointer:coarse){@container centre (width<=1019.98px){.transport-unit,.transport-separator{display:none}}}@media (height<=500px){.transport-row{min-height:52px;padding:6px 8px}}@container centre (width<=1099.98px){.practice-summary{display:none}}.transport .bar-grid-picker,.transport .transport-swing{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.transport-swing{align-items:center;gap:8px;display:inline-flex}.transport-swing-amount{align-items:center;gap:8px;margin-left:10px;display:inline-flex}.transport-swing-amount .transport-volume-track{width:88px}.transport-swing-value{min-width:3ch;color:var(--fg-muted);font-family:var(--font-num);font-variant-numeric:tabular-nums}.transport-channel{align-items:center;gap:8px;display:inline-flex}.transport-channel-name{min-width:3.5em;font-weight:550}.transport-toggle{align-items:center;gap:7px;display:inline-flex}.transport-toggle:before{content:"";border:1.5px solid;border-radius:50%;flex:none;width:8px;height:8px}.transport-toggle:not([data-selected]){color:var(--fg-muted)}.transport-toggle[data-selected]{border-color:var(--fg-muted);background:color-mix(in srgb, var(--fg) 12%, transparent)}.transport-toggle[data-selected]:before{background:currentColor}.transport-volume{width:88px;margin:0 10px}.transport-volume-track{cursor:pointer;height:32px;position:relative}.transport-volume-track:before{content:"";background:var(--line);border-radius:2px;height:3px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.transport-volume-thumb{border:1.5px solid var(--fg);background:var(--bg);border-radius:50%;width:16px;height:16px;top:50%}.transport-volume-thumb[data-focus-visible]{outline:2px solid var(--fg);outline-offset:2px}@media (pointer:coarse){.transport-volume-track{height:44px}.transport-volume-thumb{width:24px;height:24px}}.beat-indicator{align-items:center;gap:8px;min-width:7em;display:inline-flex}.beat-light{border:1.5px solid var(--fg-muted);border-radius:50%;width:14px;height:14px}.beat-light[data-flash=pulse]{background:color-mix(in srgb, var(--fg-muted) 45%, transparent)}.beat-light[data-flash=beat]{background:var(--fg-muted)}.beat-light[data-flash=bar]{border-color:var(--fg);background:var(--fg)}.beat-label{color:var(--fg-muted);font-family:var(--font-num);font-variant-numeric:tabular-nums}.transport-message{color:var(--fg);margin:0;padding:6px 14px 0;font-size:12.5px}.timer-problem{flex-wrap:wrap;align-items:center;gap:8px 12px;padding-bottom:6px;display:flex}.timer-problem p{margin:0}.transport-timer{min-width:4ch;color:var(--fg-muted);font-size:13px;font-family:var(--font-num);font-variant-numeric:tabular-nums}.transport-ramp{color:var(--fg-muted);font-variant-numeric:tabular-nums}.click-control{align-items:stretch;display:inline-flex}.click-control>.transport-toggle:has(+.click-control-more){border-top-right-radius:0;border-bottom-right-radius:0}.click-control>.transport-toggle[data-selected]+.click-control-more{border-color:var(--fg-muted)}.click-control>.click-control-status{align-self:center;margin-right:8px}.click-control>.click-control-more{border-top-left-radius:0;border-bottom-left-radius:0;place-items:center;min-width:28px;margin-left:-1px;padding:0 6px;display:inline-grid}.click-settings{width:min(360px,100vw - 32px)}.click-settings-title{margin:0;font-size:15px;font-weight:600}.click-settings-body{gap:10px;display:grid}.click-settings-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;display:flex}.click-settings-label{color:var(--fg-muted);font-size:13px}.click-settings-hint{color:var(--fg-muted);margin:-4px 0 0;font-size:12.5px}.click-source{border-top:1px solid var(--line);gap:6px;padding-top:10px;display:grid}.click-source .click-settings-hint{margin:0}.click-source-actions{flex-wrap:wrap;gap:8px;display:flex}.click-presets{border:1px solid var(--line);border-radius:8px;display:inline-flex;overflow:hidden}.click-preset{height:32px;color:var(--fg-muted);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0 10px;font-size:13px}.click-preset+.click-preset{border-left:1px solid var(--line)}.click-preset[data-selected]{background:var(--raise);color:var(--fg);font-weight:600}.click-preset[data-focus-visible]{outline:2px solid var(--fg);outline-offset:-2px}@media (hover:hover){.click-preset:hover:not([data-selected]){background:var(--hover)}}.click-preview{border:1px solid var(--line);border-radius:8px;gap:6px;padding:8px 10px;display:grid}.click-preview-dots{flex-wrap:wrap;align-items:center;gap:5px;min-height:16px;display:flex}.click-dot{border:1.5px solid var(--fg);background:var(--fg);border-radius:50%;flex:none;width:7px;height:7px}.click-dot[data-level=beat]{width:10px;height:10px}.click-dot[data-level=bar]{width:14px;height:14px}.click-dot[data-silent]{border-color:var(--fg-muted);background:0 0}.click-dot[data-beat-start]{margin-left:6px}.click-levels{gap:2px;display:grid}.click-level{grid-template-columns:5.5em 1fr 3.5ch;align-items:center;gap:8px;display:grid}.click-level .transport-volume-track{margin:0 10px}.click-level[data-disabled] .transport-volume-track{opacity:.4}.click-level-value{color:var(--fg-muted);font-family:var(--font-num);font-variant-numeric:tabular-nums;text-align:right}.transport-channel>.click-control-more{place-items:center;padding:0 6px;display:inline-grid}@container centre (width<=419.98px){.transport-position,.transport-row>.click-control{display:none}}.kit-chip{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;max-width:16rem;margin-right:6px;display:inline-flex;overflow:hidden}.kit-chip-dot{border:1.5px solid var(--fg-muted);border-radius:50%;flex:none;width:8px;height:8px}.kit-chip[data-status=connected] .kit-chip-dot{border-color:var(--ok);background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 22%, transparent)}.kit-popover{border:1px solid var(--line);background:var(--surface);border-radius:10px;outline:none;width:min(340px,100vw - 16px);box-shadow:0 8px 24px #00000059}.kit-panel{outline:none;gap:12px;padding:14px 16px 16px;display:grid}.kit-panel .kit-message{margin:0}.kit-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.kit-panel-device{min-width:0}.kit-panel-device p{overflow-wrap:anywhere;margin:0}.kit-panel-name{font-size:15px;font-weight:600}.kit-panel-badge{border:1px solid color-mix(in srgb, var(--ok) 45%, transparent);color:var(--fg);border-radius:6px;flex:none;align-items:center;gap:6px;padding:2px 8px;font-size:12.5px;font-weight:600;display:inline-flex}.kit-panel-badge:before{content:"";background:var(--ok);border-radius:50%;width:7px;height:7px}.kit-panel-facts{border-top:1px solid var(--line);gap:6px;margin:0;padding-top:10px;display:grid}.kit-panel-facts div{justify-content:space-between;gap:12px;display:flex}.kit-panel-facts dt{color:var(--fg-muted)}.kit-panel-facts dd{text-align:right;margin:0}.kit-panel-hit{border:1px solid var(--line);border-radius:8px;margin:0;padding:10px 12px}.kit-panel-actions{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid}.kit-panel-actions .bar-action{justify-content:center}.kit-dialog{outline:none;padding:16px 20px 20px}.kit-message{margin:12px 0 8px;display:block}.kit-message p{margin:0 0 10px}.kit-action{font-weight:600}.kit-devices{gap:6px;display:grid}.kit-muted{color:var(--fg-muted)}.kit-keys{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:14px 0;display:flex}.kit-key-list{flex-wrap:wrap;gap:4px 12px;display:flex}.kit-key{white-space:nowrap}.kit-monitor-fold{border:1px solid var(--line);border-radius:8px;margin:16px 0 4px;padding:8px 12px}.kit-monitor-fold summary{cursor:pointer;font-weight:600}.kit-monitor>.kit-muted:first-child{margin:8px 0 4px}.kit-last-hit{font-variant-numeric:tabular-nums;margin:0 0 10px}.kit-controller{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.kit-meter{font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:inline-flex}.kit-meter meter{width:128px}.kit-filters{border:1px solid var(--line);border-radius:6px;flex-wrap:wrap;gap:4px 14px;margin:12px 0 8px;padding:8px 10px;display:flex}.kit-filters legend{color:var(--fg-muted);padding:0 4px;font-size:12px}.kit-warning{margin:6px 0;font-weight:600}.kit-log-actions{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.kit-recording{border-color:var(--fg)}.kit-log-scroll{border:1px solid var(--line);border-radius:6px;max-height:320px;overflow:auto}.kit-log{border-collapse:collapse;width:100%;font-size:12.5px;font-family:var(--font-num);font-variant-numeric:tabular-nums}.kit-log caption{color:var(--fg-muted);text-align:left;padding:6px 8px}.kit-log th,.kit-log td{border-top:1px solid var(--line);text-align:left;white-space:nowrap;padding:3px 8px}.kit-log th{background:var(--surface);font-weight:600;position:sticky;top:0}.kit-log-gap td{font-weight:600}.kit-mapping-header{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:12px 0 8px;display:flex}.kit-mapping-header .bar-grid-picker{align-items:center;gap:8px;display:inline-flex}.kit-mapping-scroll{border:1px solid var(--line);border-radius:6px;margin-top:8px;overflow-x:auto}.kit-mapping-table{border-collapse:collapse;width:100%;font-size:13px}.kit-mapping-table th,.kit-mapping-table td{border-top:1px solid var(--line);text-align:left;white-space:nowrap;padding:4px 10px}.kit-mapping-table thead th{color:var(--fg-muted);border-top:none;font-size:12px;font-weight:600}.kit-mapping-table tbody th{font-weight:500}.kit-mapping-note,.kit-mapping-last{font-family:var(--font-num);font-variant-numeric:tabular-nums}.kit-mapping-last{color:var(--fg-muted)}.kit-mapping-table tr[data-unmapped] th{font-style:italic}.kit-mapping-table tr[data-unmapped] .kit-mapping-choice .bar-action{border-style:dashed}.kit-mapping-table tr[data-lit] th,.kit-mapping-table tr[data-lit] td{background:var(--fg);color:var(--bg)}.kit-mapping-table tr[data-lit] .bar-action{border-color:var(--bg);color:var(--bg)}.kit-last-name{font-size:20px;font-weight:600}.kit-notices{border-left:3px solid var(--fg);margin:8px 0;padding:6px 10px;display:block}.kit-notices p{margin:0}.kit-hihat{border:1px solid var(--line);border-radius:6px;margin:14px 0;padding:10px 12px}.kit-hihat h4{color:var(--fg-muted);letter-spacing:.02em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:600}.kit-hihat p{margin:0 0 8px}.kit-hihat-actions{flex-wrap:wrap;gap:8px;margin:4px 0 8px;display:flex}.kit-hihat-step-title{font-weight:600}.kit-hihat-problem{border-left:3px solid var(--fg);padding:6px 10px}.kit-hihat-view{gap:10px;max-width:640px;display:grid}.kit-hihat-view p{margin:0}.kit-hihat-back{justify-self:start}.kit-hihat-view-title{margin:0;font-size:15px;font-weight:600}.kit-hihat-waiting{border:1px dashed var(--line);color:var(--fg-muted);text-align:center;border-radius:8px;padding:16px 12px}.kit-hihat-meter{margin-top:6px}.kit-hihat-now{font-variant-numeric:tabular-nums;margin:0 0 8px;font-size:18px;font-weight:600}.kit-hihat-now .kit-muted{white-space:nowrap;font-size:13px;font-weight:400}.kit-hihat-track{background:var(--raise);border-radius:8px;height:28px;position:relative}.kit-hihat-edge{border-left:2px dashed var(--fg-muted);margin-left:-1px;position:absolute;top:0;bottom:0}.kit-hihat-band{background:color-mix(in srgb, var(--fg) 12%, transparent);position:absolute;top:0;bottom:0;transform:translate(-50%)}.kit-hihat-mark{background:var(--fg-muted);width:2px;height:12px;margin-left:-1px;position:absolute;top:8px}.kit-hihat-position{background:var(--fg);border-radius:4px;width:8px;height:36px;margin-left:-4px;position:absolute;top:-4px}.kit-hihat-labels{height:26px;color:var(--fg-muted);margin-top:4px;font-size:12.5px;position:relative}.kit-hihat-labels span{white-space:nowrap;padding-top:6px;position:absolute;transform:translate(-50%)}.kit-hihat-end:before{content:"";background:var(--fg);width:2px;height:5px;margin-left:-1px;position:absolute;top:0;left:50%}.kit-hihat-labels .kit-hihat-min{left:0;transform:none}.kit-hihat-labels .kit-hihat-max{right:0;transform:none}.kit-hihat-caption{margin-top:4px;font-size:12px}.kit-hihat-last{border:1px solid var(--line);border-radius:8px;padding:8px 12px}.kit-hihat-learn{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.kit-check{justify-items:start;gap:8px;margin:10px 0;display:grid}.kit-check p{margin:0}.kit-clock{font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:12.5px}.check-dialog p{margin:10px 0}.check-progress{margin:16px 0}.check-dialog .meter-grouping{margin:12px 0}.check-hits{font-variant-numeric:tabular-nums;margin:4px 0 10px;font-size:13px}.check-hits summary{cursor:pointer}.check-hits ol{columns:2;margin:6px 0 0;padding-left:2.5em}.kit-log-scroll:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.kit-troubleshooting{border:1px solid var(--line);border-radius:8px;margin:4px 0 12px;padding:8px 12px}.kit-troubleshooting summary{cursor:pointer;font-weight:600}.kit-troubleshooting ol{color:var(--fg-muted);gap:6px;margin:8px 0 4px;padding-left:20px;display:grid}.kit-technical{color:var(--fg-muted);margin-top:8px;font-size:12.5px}.kit-technical summary{cursor:pointer;min-height:32px}.kit-setup{gap:8px;margin:8px 0 0;display:grid}.kit-setup p{margin:0}.kit-picker{justify-items:start;gap:6px;display:grid}.kit-picker-label{font-weight:600}.kit-picker-header{color:var(--fg-muted);letter-spacing:.08em;text-transform:uppercase;padding:6px 10px 2px;font-size:11.5px;font-weight:600}.kit-pad-check{gap:6px;display:grid}.kit-pad-check p{margin:0}.kit-pad-check-list{flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;list-style:none;display:flex}.kit-pad-check-list li{color:var(--fg-muted)}.kit-pad-check-list li[data-seen]{color:var(--ok);font-weight:500}.kit-pad-check-actions{flex-wrap:wrap;gap:8px;display:flex}.kit-setup-note{color:var(--fg);margin:0;font-weight:500}.app{--library-width:264px;--panel-width:336px;--row:32px;grid-template:"top""centre"minmax(0,1fr)/minmax(0,1fr);height:100dvh;display:grid}.app[data-library]{grid-template-columns:var(--library-width) minmax(0, 1fr);grid-template-areas:"top top""library centre"}.app[data-panel]{grid-template-columns:minmax(0, 1fr) var(--panel-width);grid-template-areas:"top top""centre panel"}.app[data-library][data-panel]{grid-template-columns:var(--library-width) minmax(0, 1fr) var(--panel-width);grid-template-areas:"top top top""library centre panel"}@media (width<=1259.98px){.app{--panel-width:312px}}.icon-button{width:32px;height:32px;color:var(--fg);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:none;place-items:center;padding:0;display:inline-grid}@media (hover:hover){.icon-button:hover:not(:disabled,[data-disabled]){background:var(--hover)}}.icon-button.has-update{position:relative}.update-dot{background:var(--fg);width:7px;height:7px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;position:absolute;top:4px;right:4px}.icon-button[data-selected],.icon-button[data-pressed],.icon-button[aria-expanded=true]{background:var(--raise)}.icon-button:disabled,.icon-button[data-disabled]{color:var(--fg-muted);opacity:.5;cursor:default}.icon-button:focus-visible,.icon-button[data-focus-visible]{outline:2px solid var(--fg);outline-offset:1px}@media (pointer:coarse){.icon-button{width:44px;height:44px}}.card{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin-bottom:12px}.card-head{border-bottom:1px solid var(--line-soft);align-items:center;gap:8px;min-height:38px;padding:2px 6px 2px 14px;display:flex}.card-hint{color:var(--fg-muted);font-size:13px}.card-spacer,.topbar-spacer,.title-spacer,.tool-spacer,.transport-spacer{flex:1}.chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.chip{border:1px solid var(--line);height:26px;color:var(--fg-muted);white-space:nowrap;border-radius:6px;align-items:center;padding:0 9px;font-size:13px;display:inline-flex}.chip-number{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:12px}kbd{border:1px solid var(--line);font:11px var(--font-num);border-radius:4px;padding:0 4px}@media (hover:none){button kbd,.bar-panel-key,.library-key{display:none}}.topbar{border-bottom:1px solid var(--line);background:var(--bg);grid-area:top;align-items:center;gap:8px;min-width:0;min-height:48px;padding:0 10px;display:flex}.brand{min-height:36px;color:var(--fg);border-radius:8px;flex:none;align-items:center;gap:8px;padding:0 6px;font-weight:650;text-decoration:none;display:inline-flex}@media (hover:hover){.brand:hover{background:var(--hover)}}.brand:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.brand-mark{flex:none;width:22px;height:22px}.brand-stage{color:var(--fg-muted);letter-spacing:.08em;text-transform:uppercase;margin-left:-2px;font-size:10px;font-weight:600;line-height:1}.brand-head{fill:none;stroke:currentColor}.brand-line{stroke:var(--fg-muted);stroke-linecap:round}.brand-early{fill:var(--early)}.brand-late{fill:var(--late)}.brand-wordmark{fill:currentColor;width:auto;display:inline-block}.crumbs{min-width:0;color:var(--fg-muted);white-space:nowrap;align-items:center;gap:6px;display:flex;overflow:hidden}.crumb{align-items:center;gap:6px;display:inline-flex}.crumb-link{color:var(--fg-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.crumb-link[data-hovered]{color:var(--fg)}.crumb-link[data-focus-visible]{outline:2px solid var(--fg);outline-offset:2px}.crumb-title{color:var(--fg);text-overflow:ellipsis;font-weight:550;overflow:hidden}.topbar .kit-chip{margin-right:0}.topbar-language{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.topbar-language .icon{color:var(--fg-muted)}@media (width<=899.98px){.topbar-language-name{display:none}}.topbar-more-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:4px 0;padding:4px 0}.topbar-practice{background:var(--fg);height:32px;color:var(--bg);font:inherit;cursor:pointer;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex}.topbar-practice[data-hovered]{background:var(--primary-hover)}.topbar-practice[data-focus-visible]{outline:2px solid var(--fg);outline-offset:2px}@media (pointer:coarse){.topbar-practice{height:44px}}.kit-chip-icon,.kit-chip-short{display:none}@media (width<=599.98px){.kit-chip-icon,.kit-chip-short{display:inline-grid}.topbar .kit-chip{gap:4px;padding:0 8px}.topbar-practice{padding:0 10px}}@media (width<=374.98px){.topbar-practice .icon,.kit-chip-icon{display:none}}.app-centre{grid-area:centre;grid-template-rows:minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid;container:centre/inline-size}.work-area{min-height:0;position:relative}.workspace{color:var(--fg);padding:16px 20px 20px;position:absolute;inset:0;overflow:auto}.title-row{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}@media (width>=1000px){.title-row{flex-wrap:nowrap}.groove-title{flex:0 auto}}.groove-title{letter-spacing:-.01em;min-width:0;max-width:100%;margin:0;font-size:24px;font-weight:650;overflow:hidden}.title-button{max-width:calc(100% + 8px);color:inherit;font:inherit;letter-spacing:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;background:0 0;border:0;border-radius:6px;margin:0 -4px;padding:0 4px;display:block;overflow:hidden}@media (hover:hover){.title-button:hover{background:var(--hover)}}.title-button[data-focus-visible]{outline:2px solid var(--fg);outline-offset:1px}.title-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.title-input{border:1px solid var(--line);background:var(--bg);width:min(28em,70vw);color:var(--fg);font:650 24px/1.3 var(--font-ui);border-radius:6px;padding:0 6px}.save-status{color:var(--fg-muted);font-size:13px}.title-chips{display:none}.chips-row{margin:8px 0 14px}.editor-head{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;display:grid}.editor-head .editor-tools{grid-column:1/-1}.editor-head>.editor-repeat{border-right:1px solid var(--line);grid-area:1/2;margin-right:6px;padding:0 12px 0 8px}.editor-head>.grid-toggle{grid-area:1/3;margin-right:6px}.editor-card[data-hidden] .card-head{border-bottom:0}.grid-hidden-label{color:var(--fg-muted);font-size:13px}.workspace:has(>.editor-card[data-hidden]){flex-direction:column;display:flex}.workspace:has(>.editor-card[data-hidden])>.notation{flex-direction:column;flex:0 auto;min-height:min(260px,60vh);display:flex}.workspace:has(>.editor-card[data-hidden])>.notation>*{flex-shrink:0}.workspace:has(>.editor-card[data-hidden])>.notation>.notation-box{flex:auto;min-height:0;max-height:none}.editor-tools{white-space:nowrap;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 10px;display:flex}.editor-tools .bar-grid-picker{align-items:center;gap:6px;display:inline-flex}.bar-action-name{color:var(--fg-muted)}.tools-break{flex-basis:100%;height:0}.tool-separator{background:var(--line);align-self:stretch;width:1px;margin:6px 4px}.editor-hint{border-top:1px solid var(--line-soft);color:var(--fg-muted);flex-wrap:wrap;align-items:center;gap:6px 18px;margin:0;padding:8px 12px;font-size:12px;display:flex}.editor-hint[data-selection]{background:color-mix(in srgb, var(--fg) 5%, transparent);color:var(--fg)}.hint-item{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.panel{border-left:1px solid var(--line);background:var(--surface);min-height:0;color:var(--fg);flex-direction:column;grid-area:panel;display:flex}.panel-tabs{flex-direction:column;flex:1;min-height:0;display:flex}.panel-head{border-bottom:1px solid var(--line);align-items:center;gap:4px;padding:8px;display:flex}.panel-tablist{flex:1;gap:2px;display:flex}.panel-tab{height:30px;color:var(--fg-muted);cursor:pointer;border-radius:7px;outline:none;align-items:center;padding:0 10px;display:inline-flex}.panel-tab[data-selected]{background:var(--raise);color:var(--fg)}.panel-tab[data-focus-visible]{outline:2px solid var(--fg);outline-offset:-2px}@media (pointer:coarse){.panel-tab{height:44px}}.panel-body{outline:none;flex:1;min-height:0;padding:12px 14px;overflow:auto}.panel-body[data-focus-visible]{outline:2px solid var(--fg);outline-offset:-2px}.panel-sheet{z-index:20;border:1px solid var(--line);border-radius:14px 14px 0 0;height:min(70%,640px);position:absolute;bottom:0;left:0;right:0;box-shadow:0 -12px 40px #00000073}.groove-details{gap:14px;display:grid}.details-field{gap:4px;display:grid}.details-label,.details-section h3{color:var(--fg-muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;font-weight:600}.details-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;display:flex}.details-input{box-sizing:border-box;border:1px solid var(--line);background:var(--bg);width:100%;color:var(--fg);font:inherit;border-radius:8px;padding:6px 8px}.details-input:focus-visible,.details-tag-add input:focus-visible{outline:2px solid var(--fg);outline-offset:1px}.details-notes{resize:vertical;min-height:84px}.details-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.details-tag{border:1px solid var(--line);background:var(--raise);border-radius:13px;align-items:center;gap:2px;height:26px;padding:0 4px 0 10px;font-size:13px;display:inline-flex}.details-tag-remove{width:24px;height:24px;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.details-tag-remove[data-hovered],.details-tag-remove[data-focus-visible]{background:color-mix(in srgb, var(--fg) 12%, transparent);color:var(--fg)}@media (pointer:coarse){.details-tag{border-radius:22px;height:44px}.details-tag-remove{border-radius:999px;width:36px;height:44px}}.details-tag-add input{box-sizing:border-box;border:1px dashed var(--line);width:96px;height:26px;color:var(--fg);font:inherit;background:0 0;border-radius:13px;padding:0 8px;font-size:13px}.details-section{border-top:1px solid var(--line);gap:8px;padding-top:12px;display:grid}.details-kv{grid-template-columns:auto 1fr;gap:6px 12px;margin:0;display:grid}.details-kv dt{color:var(--fg-muted)}.details-kv dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.details-wide{justify-content:center;width:100%}.take-summary{border:0;border-top:1px solid var(--line);background:var(--raise);min-height:40px;color:var(--fg);font:inherit;text-align:left;white-space:nowrap;cursor:pointer;align-items:center;gap:10px;padding:8px 16px;font-size:13.5px;display:flex;overflow:hidden}.take-summary-counts{min-width:0;color:var(--fg-muted);font-family:var(--font-num);text-overflow:ellipsis;align-items:center;gap:6px;font-size:12.5px;display:inline-flex;overflow:hidden}.take-summary-open{align-items:center;gap:4px;margin-left:auto;display:inline-flex}.take-summary[data-focus-visible]{outline:2px solid var(--fg);outline-offset:-2px}.drawer-overlay{z-index:60;background:#00000059;position:fixed;inset:0}.drawer{outline:none;width:min(320px,100%);position:fixed;top:0;bottom:0;left:0;box-shadow:0 12px 40px #00000073}.drawer-dialog{outline:none;height:100%}.drawer-dialog>.library{height:100%}@media (height<=880px) and (width>=1000px){.app{--row:29px}.workspace{padding-top:10px;padding-bottom:10px}.card:last-child{margin-bottom:0}.title-row{flex-wrap:nowrap;margin-bottom:10px}.groove-title{flex:0 auto;font-size:21px}.title-chips{flex:0 100 auto;min-width:0;display:block;overflow:hidden}.title-chips .chips{flex-wrap:nowrap}.chips-row{display:none}.card{margin-bottom:10px;position:relative}.notation .card-head{z-index:2;border:0;min-height:0;padding:0;position:absolute;top:4px;right:6px}.notation .card-hint{display:none}@container centre (width>=1290px){.editor-head{align-items:center;display:flex}.editor-head>.grid-toggle{flex:none}.editor-head .bar-strip{flex:auto;min-width:0}.editor-tools{flex-wrap:nowrap;flex:none}.editor-head>.editor-repeat{flex:none;padding:0 10px 0 0}}.editor-tools{padding:4px 8px}.bar-menu-section,.editor-hint{display:none}}@media (width<=1099.98px){.workspace{padding:12px 16px 16px}.editor-hint{display:none}}@media (width<=599.98px){.workspace{padding:12px}.groove-title{font-size:20px}.brand-name,.brand-stage,.crumbs{display:none}.topbar{gap:4px;padding:0 6px}.card-hint{display:none}.narrow-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.brushes{border:1px solid var(--line);border-radius:8px;gap:2px;padding:2px;display:inline-flex}.brush{height:28px;color:var(--fg-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 8px;font-size:13px;display:inline-flex}.brush[data-selected]{background:var(--raise);color:var(--fg)}@media (hover:hover){.brush:hover:not([data-selected]){background:var(--hover)}}.brush[data-focus-visible]{outline:2px solid var(--fg);outline-offset:-2px}.brush-glyph{place-items:center;width:18px;height:18px;display:inline-grid}.brush-glyph .note-glyph{width:16px;height:16px}@media (pointer:coarse){.brush{height:40px}}@container centre (width<=1199.98px){.brush-name{display:none}}@media (height<=880px) and (width>=1000px){@container centre (width<=1609.98px){.brush-name{display:none}}}.lanes-button{align-items:center;gap:6px;display:inline-flex}.lanes-detail{color:var(--fg-muted);margin-left:auto;padding-left:12px;font-size:12px}.note-menu-header{max-width:280px}@font-face{font-family:Instrument Sans;src:url(/assets/InstrumentSans-Variable-tWV223Ma.woff2)format("woff2");font-weight:400 700;font-stretch:75% 100%;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-Regular-BQaDgvhP.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-Medium-3S3k2nMz.woff2)format("woff2");font-weight:500;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1012;--surface:#14171a;--raise:#21262c;--hover:#262c33;--line:#2a3037;--line-soft:#1f242a;--fg:#e8eaed;--fg-muted:#a7aeb7;--primary-hover:color-mix(in srgb, var(--fg) 88%, var(--bg));--early:#4f94ec;--late:#e4733a;--played-sign:#b57de3;--ok:#4fb477;--danger:#ff6b6b;--font-ui:"Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-num:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme:light){:root[data-theme=system]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f4f6;--surface:#fbfbfc;--raise:#e8eaed;--hover:#e2e5e9;--line:#d9dde2;--line-soft:#e6e9ec;--fg:#16191d;--fg-muted:#4a525c;--early:#2a72d0;--late:#c4501a;--played-sign:#8a3fc0;--ok:#23854a;--danger:#b8262b}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f4f6;--surface:#fbfbfc;--raise:#e8eaed;--hover:#e2e5e9;--line:#d9dde2;--line-soft:#e6e9ec;--fg:#16191d;--fg-muted:#4a525c;--early:#2a72d0;--late:#c4501a;--played-sign:#8a3fc0;--ok:#23854a;--danger:#b8262b}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:14px/1.4 var(--font-ui);-webkit-font-smoothing:antialiased}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.announcer{top:0;left:0}.modal-overlay{z-index:100;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{overflow-wrap:break-word;border:1px solid var(--line);background:var(--surface);width:min(560px,100%);max-height:calc(100dvh - 32px);color:var(--fg);border-radius:10px;overflow:auto;box-shadow:0 12px 40px #0006}.confirm-dialog{outline:none;padding:16px 20px 20px}.confirm-dialog h2{margin:0 0 8px;font-size:17px}.confirm-dialog ul{margin:4px 0 12px;padding-left:20px}.confirm-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.about-section{border-top:1px solid var(--line-soft);margin:14px 0 0;padding-top:12px}.about-section h3{margin:0 0 6px;font-size:14px}.about-section p{margin:0 0 8px;line-height:1.5}.about-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.public-links ul{flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;list-style:none;display:flex}.public-links a{color:var(--fg);text-underline-offset:3px}.public-links a:hover,.about-dialog a:hover{text-decoration-thickness:2px}.public-links a:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.new-tab-link{align-items:center;gap:5px;display:inline-flex}.new-tab-link .icon{color:var(--fg-muted)}.about-support{margin-bottom:4px}.about-links{margin:14px 0 0}.about-foot{border-top:1px solid var(--line-soft);color:var(--fg-muted);flex-wrap:wrap;justify-content:space-between;gap:2px 24px;margin-top:14px;padding-top:10px;font-size:12.5px;line-height:1.5;display:flex}.about-foot p{margin:0}.about-dialog a{color:var(--fg);text-underline-offset:3px}.about-dialog a:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.confirm-primary{border-color:var(--fg);font-weight:600}.topbar-button{border:1px solid var(--line);min-height:32px;color:var(--fg);font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:0 12px}.topbar-button[data-hovered]{background:var(--hover)}.topbar-button[data-focus-visible]{outline:2px solid var(--fg);outline-offset:2px}@media (pointer:coarse){.topbar-button{min-height:44px}}.reload-problems{margin:0 0 12px;padding-left:1.2em}.reload-problems li+li{margin-top:6px}.meter-fields{flex-wrap:wrap;gap:16px;margin:8px 0 12px;display:flex}.meter-field{gap:4px;display:grid}.meter-grouping{flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.meter-grouping>label:first-child{flex-basis:100%}.meter-radio{cursor:pointer;align-items:center;gap:6px;min-height:32px;display:flex}.meter-radio:before{content:"";border:1.5px solid var(--fg-muted);border-radius:50%;width:14px;height:14px}.meter-radio[data-selected]:before{border:4.5px solid var(--fg)}.meter-radio[data-focus-visible]{outline:2px solid var(--fg);outline-offset:2px}.meter-custom-input{border:1px solid var(--line);background:var(--bg);width:10em;min-height:32px;color:var(--fg);font:inherit;border-radius:6px;padding:0 8px}.meter-error{color:var(--fg);font-size:12.5px}.meter-preview{min-height:1.4em;color:var(--fg-muted);margin:12px 0 0}.meter-preview p{margin:0}.meter-changes{gap:4px;margin:0;padding:0;list-style:none;display:grid}.meter-changes li{align-items:center;gap:8px;display:flex}.meter-changes li[data-warn]{color:var(--fg);font-weight:500}@media (pointer:coarse){.meter-radio,.meter-custom-input{min-height:44px}}.error-page{max-width:560px;color:var(--fg);margin:48px auto;padding:0 16px}.error-page h1{font-size:20px}.support-link{min-height:24px;color:var(--fg);text-underline-offset:3px;white-space:nowrap;align-items:center;gap:5px;font-size:13px;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.support-link:hover{text-decoration-thickness:2px}.support-link:focus-visible{outline:2px solid var(--fg);outline-offset:2px;border-radius:3px}.support-link .icon{color:var(--fg-muted);flex:none}.shortcuts-dialog{outline:none;padding:16px 20px 20px}.shortcuts-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.shortcuts-header h2{margin:0;font-size:17px}.shortcuts-group h3{color:var(--fg-muted);letter-spacing:.02em;text-transform:uppercase;margin:18px 0 6px;font-size:12px;font-weight:600}.shortcuts-note{color:var(--fg-muted);margin:0 0 6px;font-size:13px}.shortcuts-group table{border-collapse:collapse;width:100%}.shortcuts-group th,.shortcuts-group td{border-top:1px solid var(--line);text-align:left;vertical-align:top;padding:5px 0;font-weight:400}.shortcuts-group th{width:42%;padding-right:12px}kbd{font:12.5px/1.4 ui-monospace,Menlo,Consolas,monospace}.about-dialog{position:relative}.about-close{position:absolute;top:14px;right:16px}.about-dialog .about-head{text-align:center;justify-items:center;gap:2px;margin:8px 0 18px;display:grid}.about-mark{width:56px;height:56px;color:var(--fg);margin-bottom:8px}.about-dialog .about-head h2{margin:0}.about-wordmark{margin-bottom:8px;font-size:30px;display:block}.about-dialog .about-tagline{color:var(--fg-muted);margin:0}.about-dialog .about-how{justify-self:center;margin-top:4px}.dashboard{flex-direction:column;gap:16px;width:100%;max-width:1168px;margin:0 auto;padding:24px 24px 32px;display:flex}@media (width<=600px){.dashboard{padding:12px 4px 28px}.dash-intro h1{font-size:21px}.dash-pick>p,.dash-create>p{display:none}}.dash-starters:not([data-all]) .dash-starter-field[data-extra]{display:none}.dash-intro h1{letter-spacing:-.01em;text-wrap:balance;margin:0 0 6px;font-size:24px;font-weight:600}.dash-intro p{max-width:760px;color:var(--fg-muted);margin:0;font-size:15px;line-height:1.5}.dash-how-space{min-height:calc(min(100vw - 80px,1120px)/2 - 39px)}@media (width<=841px){.dash-how-space{min-height:calc(50vw + 179px)}}@media (width<=600px){.dash-how-space{min-height:calc(50vw + 275px)}}.dash-start,.dash-middle{flex-wrap:wrap;gap:16px;display:flex}.dash-start-area{flex-direction:column;gap:16px;display:flex}.dash-start:empty{display:none}.dash-lower{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);align-items:start;gap:16px;display:grid}@media (width<=841px){.dash-lower{grid-template-columns:minmax(0,1fr)}}.dash-lower-main{flex-direction:column;gap:16px;min-width:0;display:flex}.dash-list .dash-card-head h2{flex:1 0 auto}.dash-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;gap:10px;min-width:0;padding:18px 20px;display:flex}.dash-card h2{margin:0;font-size:16px;font-weight:600}.dash-card p{margin:0;line-height:1.45}.dash-continue,.dash-today{flex:340px}.dash-pick,.dash-create{flex:250px}.dash-pick-first{flex:1.6 420px}.dash-create p,.dash-pick p{color:var(--fg-muted);font-size:13px}.dash-create-actions,.dash-pick>.dash-button{margin-top:auto}.dash-create-actions{flex-wrap:wrap;gap:10px;display:flex}.dash-create-actions .dash-button{flex:160px}.dash-create p.dash-create-hint{text-align:right;margin:0;font-size:12px}.dash-create p.dash-create-hint[data-wide]{text-align:left}.dash-eyebrow{color:var(--fg-muted);font-size:12px}.dash-continue-groove{align-items:center;gap:16px;display:flex}.dash-continue-title{font-size:19px;font-weight:600}.dash-continue-title,.dash-row-title,.dash-plan-name>span{overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.dash-actions{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:auto;display:flex}.dash-button{border:1.5px solid var(--fg);min-height:40px;color:var(--fg);font:inherit;cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;display:inline-flex}.dash-primary{border-color:var(--fg);background:var(--fg);color:var(--bg)}.dash-button[data-hovered]{background:var(--hover)}.dash-primary[data-hovered]{border-color:var(--primary-hover);background:var(--primary-hover)}.dash-button[data-focus-visible],.dash-starter[data-focus-visible],.dash-link[data-focus-visible]{outline:2px solid var(--fg);outline-offset:2px}.dash-hint,.dash-muted{color:var(--fg-muted);font-size:13px}.dash-starters{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.dash-starter{border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:center;gap:12px;min-height:48px;padding:8px 12px;display:flex}.dash-starter[data-hovered]:not([data-selected]){border-color:var(--fg-muted)}.dash-starter[data-selected]{border:1.5px solid var(--fg);background:var(--raise)}.dash-row-name{flex-direction:column;gap:2px;min-width:0;display:flex}.dash-row-title{font-weight:500}.dash-row-meta{color:var(--fg-muted);font-size:12px}.dash-dots{--dot:minmax(0, 1fr);flex:none;grid-auto-rows:3px;gap:1px;width:72px;display:inline-grid}.dash-dots[data-large]{grid-auto-rows:5px;gap:2px;width:112px}.dash-dots i{background:color-mix(in srgb, var(--fg-muted) 22%, transparent);border-radius:1px}.dash-dots i[data-level="1"]{background:color-mix(in srgb, var(--fg-muted) 55%, transparent)}.dash-dots i[data-level="2"]{background:var(--fg-muted)}.dash-dots i[data-level="3"]{background:var(--fg)}.dash-dots-none{height:11px}.dash-sketch{border:1px solid var(--line-soft);background:var(--bg);color:var(--fg-muted);border-radius:8px;grid-auto-rows:14px;gap:3px;margin:4px 0;padding:12px;font-size:10px;line-height:14px;display:grid}.dash-sketch i{background:var(--line-soft);border-radius:2px}.dash-sketch i[data-on]{background:var(--fg-muted)}.dash-more{align-self:flex-start}.dash-activity{flex:560px}.dash-announcement{flex:0 300px}.dash-card-head{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.dash-card-head h2{flex:1}.dash-figures{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;display:grid}.dash-figures div{background:var(--bg);border-radius:8px;padding:10px 12px}.dash-figures dt{color:var(--fg-muted);font-size:12px}.dash-figures dd{font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:19px;font-weight:500}.dash-figures dd .dash-muted{font-weight:400}@media (width<=560px){.dash-figures{grid-template-columns:repeat(2,minmax(0,1fr))}}.dash-calendar-box{flex-wrap:wrap;gap:16px 24px;display:flex;container-type:inline-size}.dash-calendar{--cell:clamp(14px, calc((100cqw - 40px) / 13 - 4px), 24px);flex:none;gap:6px;display:flex}.dash-weekdays{grid-template-rows:14px repeat(7, var(--cell));color:var(--fg-muted);font:10.5px var(--font-num);align-items:center;gap:4px;display:grid}.dash-weekdays:before{content:""}.dash-calendar-main{flex-direction:column;gap:4px;display:flex}.dash-months{grid-template-columns:repeat(13, var(--cell));height:14px;color:var(--fg-muted);white-space:nowrap;gap:4px;font-size:11px;display:grid}.dash-grid{outline:none;flex-direction:column;gap:4px;display:flex}.dash-grid-row{grid-template-columns:repeat(13, var(--cell));gap:4px;display:grid}.dash-day{width:var(--cell,16px);height:var(--cell,16px);background:color-mix(in srgb, var(--fg-muted) 9%, transparent);cursor:pointer;border-radius:4px;outline:none;place-items:center;display:grid}.dash-day i{background:color-mix(in srgb, var(--fg-muted) 28%, transparent);border-radius:2px;width:26%;height:26%;display:block}.dash-day[data-level="0"] i{display:none}.dash-day[data-level="1"] i{background:color-mix(in srgb, var(--fg-muted) 60%, transparent);width:42%;height:42%}.dash-day[data-level="2"] i{background:var(--fg-muted);width:62%;height:62%}.dash-day[data-level="3"] i{background:color-mix(in srgb, var(--fg) 75%, var(--fg-muted));width:80%;height:80%}.dash-day[data-level="4"] i{background:var(--fg);border-radius:4px;width:100%;height:100%}.dash-day[data-future]{cursor:default;background:0 0}.dash-day[data-future] i{display:none}.dash-day[aria-selected=true]{box-shadow:0 0 0 1.5px var(--fg)}.dash-day:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.dash-day-detail{flex-direction:column;flex:200px;justify-content:flex-end;gap:6px;min-width:0;display:flex}.dash-day-name{font-weight:600}.dash-legend{color:var(--fg-muted);flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:6px;font-size:11px;display:flex}.dash-legend-step{align-items:center;gap:5px;display:inline-flex}.dash-legend .dash-day{--cell:14px;cursor:default}.dash-footnote{font-size:12px}.dash-activity-empty{background:0 0;border-style:dashed;flex-direction:row;align-items:center;gap:16px;padding:12px 20px}.dash-empty-grid{flex:none;grid-template-columns:repeat(7,8px);grid-auto-rows:8px;gap:3px;display:grid}.dash-empty-words{flex:1 1 0;font-size:14px}.dash-card .dash-empty-words h2{font-size:14px;font-weight:500;display:inline}.dash-empty-grid i{background:color-mix(in srgb, var(--fg-muted) 12%, transparent);border-radius:2px}.dash-list ul{margin:0;padding:0;list-style:none}.dash-row{border-top:1px solid var(--line-soft);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 0;display:flex}.dash-row .dash-row-name{flex:200px}.dash-row-actions{gap:6px;display:flex}.dash-link{color:var(--fg);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.dash-link[data-hovered]{text-decoration-thickness:2px}.dash-link.dash-last-session{font-size:inherit}.dash-day-detail>.dash-link{align-self:flex-start}.dash-day-sessions{gap:2px;margin:0;padding:0;list-style:none;display:grid}.dash-day-session{width:100%;min-height:36px;color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:4px 6px;font-size:13px;display:grid}.dash-day-session[data-hovered]{background:var(--hover)}.dash-day-session[data-focus-visible]{outline:2px solid var(--fg);outline-offset:-2px}.dash-day-session-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dash-day-session .icon{color:var(--fg-muted)}@media (pointer:coarse){.dash-day-session{min-height:44px}}.dash-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 24px;display:flex}.dash-foot .dash-storage{flex:420px;min-width:0}.dash-support{flex:none;font-size:12.5px}.dash-pages{flex:100%;order:3;min-width:0;font-size:12.5px}.dash-storage{color:var(--fg-muted);align-items:flex-start;gap:8px;margin:0;font-size:12.5px;line-height:1.5;display:flex}.dash-storage>.icon{margin-top:calc(.5lh - 7px)}.dash-storage .dash-link{margin-left:4px}@media (pointer:coarse){.dash-button,.dash-row-actions .bar-action{min-height:44px}.dash-calendar{--cell:clamp(18px, calc((100cqw - 40px) / 13 - 4px), 28px)}}.dash-research{gap:16px;display:grid}.dash-research-card{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"main actions hide";align-items:center;gap:8px 24px;padding:14px 16px 14px 18px;display:grid}.dash-research-main{flex-direction:column;grid-area:main;gap:4px;min-width:0;display:flex}.dash-research-hidden{margin:0}.dash-research-hidden:focus-visible{outline:2px solid var(--fg);outline-offset:3px;border-radius:3px}.dash-research-card h2{margin:0;font-size:15px}.dash-research-card p{color:var(--fg);margin:0;font-size:13.5px;line-height:1.5}.dash-research-note{max-width:64ch}.dash-research-card p.dash-research-waiting{color:var(--fg-muted);font-size:12.5px}.dash-research-actions{flex-wrap:wrap;grid-area:actions;justify-content:flex-end;gap:8px;display:flex}.dash-research-hide{color:var(--fg-muted);grid-area:hide;align-self:start;margin:-6px -8px 0}@media (width<=900px){.dash-research-card{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main hide""actions actions"}.dash-research-actions{justify-content:flex-start}}.dash-button-quiet{border:1px solid var(--line);font-weight:500}.dash-button-tonal{border:1px solid var(--line);background:var(--raise);font-weight:500}@media (width<=600px){.dash-research-actions{flex-direction:column;align-items:stretch}.dash-research-actions .dash-button{min-height:44px}}.dash-today-plans{gap:4px;margin:0;padding:0;list-style:none;display:grid}.dash-today-eyebrow{align-items:center;gap:6px;display:inline-flex}.dash-plan-name{max-width:100%;color:var(--fg);font:inherit;text-align:left;background:0 0;border:0;align-self:flex-start;align-items:center;gap:4px;padding:0;font-size:19px;font-weight:600;display:inline-flex}button.dash-plan-name{cursor:pointer}.dash-plan-name .icon{color:var(--fg-muted);flex:none}.dash-plan-name[data-hovered]>span{text-underline-offset:3px;text-decoration:underline}.dash-plan-name[data-focus-visible]{outline:2px solid var(--fg);outline-offset:2px;border-radius:4px}.dash-day[data-planned] i{box-shadow:inset 0 0 0 1.5px var(--fg-muted)}.dash-figure-split{flex-direction:column;margin-top:2px;font-size:12px;font-weight:400;display:flex}.dash-list-actions{flex-wrap:wrap;gap:8px;display:flex}.dash-button-small{min-height:34px;padding:0 12px;font-size:14px}.dash-list-more{align-self:flex-start;margin-top:4px}.dash-ways{flex-direction:column;gap:10px;min-width:0;display:flex}.dash-ways-head{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.dash-ways-head h2{margin:0;font-size:16px;font-weight:600}.dash-ways-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.dash-ways[data-layout=row] .dash-ways-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.dash-ways-list>li{min-width:0;display:flex}.dash-way{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--fg);font:inherit;text-align:left;cursor:pointer;border-radius:12px;flex:1;align-items:center;gap:12px;padding:14px 16px;display:flex}.dash-ways[data-layout=row] .dash-way{padding:18px 20px}.dash-way[data-hovered]{background:var(--hover)}.dash-way[data-focus-visible]{outline:2px solid var(--fg);outline-offset:2px}.dash-way-body{flex-direction:column;flex:1;align-self:stretch;gap:8px;min-width:0;display:flex}.dash-way-head{align-items:center;gap:10px;min-height:24px;font-weight:600;display:flex}.dash-way-go{color:var(--fg-muted);flex:none;align-items:center;display:flex}.dash-ways[data-layout=row] .dash-way-go{align-self:flex-start;height:24px}.dash-way-words{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.dash-way .dash-row-meta{margin-top:auto}.dash-way-what{color:var(--fg-muted);font-size:14px;line-height:1.45}.dash-way .dash-row-meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dash-ways-space{min-height:190px}@media (width<=600px){.dash-ways-list,.dash-ways[data-layout=row] .dash-ways-list{grid-template-columns:minmax(0,1fr);gap:8px}.dash-ways[data-layout=row] .dash-way{padding:14px 16px}.dash-ways[data-layout=row] .dash-way-go{align-self:center;height:auto}.dash-way-what,.dash-ways-head .dash-muted{display:none}.dash-ways-space{min-height:270px}}.dash-continue-staff{flex:none;width:180px}.dash-continue-staff .rhythm-staff{padding:4px 6px}.dash-continue-kind{color:var(--fg-muted);align-items:center;gap:6px;margin-bottom:2px;font-size:12px;font-weight:500;display:flex}.dash-continue{container:continue/inline-size}@container continue (width<=479.98px){.dash-continue-stack{flex-direction:column;align-items:stretch;gap:12px}.dash-continue-stack .dash-continue-staff{width:auto}}