:root{color:#24211d;background:#f1eadd;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-synthesis:none;--ink: #24211d;--paper: #f1eadd;--sheet: #fbf7ef;--red: #d4563f;--rule: #cbc0ae;--muted: #766e62}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{color:inherit}.eyebrow{margin:0 0 .45rem;color:var(--red);font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.brand-mark{display:grid;width:64px;height:64px;place-items:center;border:2px solid currentColor;font-family:Georgia,serif;font-size:1.15rem;font-weight:700;transform:rotate(-2deg)}.brand-mark.small{width:42px;height:42px;flex:none;font-size:.82rem}.error{color:#a02d20;font-size:.85rem}.primary-button,.new-note{border:0;background:var(--red);color:#fff;cursor:pointer;font-weight:750;padding:.85rem 1.1rem}.primary-button:disabled{opacity:.55}.text-button{border:0;padding:.25rem 0;background:none;cursor:pointer;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.loading-screen{display:grid;min-height:100vh;place-content:center;justify-items:center;gap:1rem}.auth-shell{display:grid;min-height:100vh;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr)}.auth-intro{display:flex;flex-direction:column;justify-content:center;padding:clamp(3rem,8vw,9rem);border-right:1px solid var(--rule);background-image:linear-gradient(rgba(36,33,29,.05) 1px,transparent 1px);background-size:100% 32px}.auth-intro .eyebrow{margin-top:4rem}.auth-intro h1{max-width:850px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.6rem,8vw,8rem);font-weight:400;line-height:.88;letter-spacing:-.065em}.auth-intro .lede{max-width:560px;margin:2.5rem 0 0 auto;font-family:Georgia,serif;font-size:1.25rem;line-height:1.5}.auth-card{display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:clamp(2rem,5vw,5rem);background:var(--sheet)}.auth-card h2{margin:0 0 1rem;font:400 2.2rem Georgia,serif}.auth-card label{display:grid;gap:.45rem;color:var(--muted);font-size:.78rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.auth-card input{width:100%;border:0;border-bottom:1px solid var(--ink);outline:none;background:transparent;padding:.75rem .1rem;color:var(--ink);font-size:1rem;text-transform:none}.auth-card input:focus{border-color:var(--red);box-shadow:0 2px 0 var(--red)}.auth-explanation{margin:0 0 .5rem;color:var(--muted);line-height:1.55}.google-button{display:flex;align-items:center;justify-content:center;gap:.75rem;border:1px solid var(--ink);background:#fff;color:var(--ink);padding:.85rem 1.1rem;font-weight:750;text-decoration:none}.google-button:hover,.google-button:focus-visible{border-color:var(--red);outline:none;box-shadow:3px 3px 0 var(--red)}.google-button svg{width:20px;height:20px}.app-shell{display:grid;min-height:100vh;grid-template-columns:280px minmax(0,1fr);transition:grid-template-columns .2s ease}.app-shell.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}.sidebar{display:flex;position:sticky;top:0;height:100vh;flex-direction:column;padding:1.5rem;border-right:1px solid #39352f;background:var(--ink);color:var(--paper)}.sidebar-header{display:flex;position:relative;align-items:center;gap:.9rem;margin-bottom:2.5rem}.sidebar-header .eyebrow{margin-bottom:.15rem;color:#dca08f}.sidebar-header label{min-width:0}.sidebar-header select{width:100%;border:0;outline:none;background:var(--ink);color:#fff;font-weight:700}.add-workspace-button{width:28px;height:28px;flex:none;border:1px solid #6c645a;background:transparent;color:#d2c8ba;cursor:pointer;font-size:1.15rem;line-height:1}.add-workspace-button:hover,.add-workspace-button:focus-visible{border-color:#dca08f;outline:none;color:#fff}.sidebar-toggle{display:grid;position:absolute;top:7px;right:-2.4rem;z-index:2;width:28px;height:28px;place-items:center;border:1px solid #5a534a;border-radius:50%;background:var(--ink);color:#d2c8ba;cursor:pointer;padding:6px}.sidebar-toggle:hover,.sidebar-toggle:focus-visible{border-color:#dca08f;outline:none;color:#fff}.sidebar-toggle svg{width:100%;fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.7}.sidebar-content{display:flex;min-height:0;flex:1;flex-direction:column}.sidebar-collapsed .sidebar{padding-inline:15px}.sidebar-collapsed .sidebar-header{justify-content:center}.sidebar-collapsed .sidebar-header label,.sidebar-collapsed .add-workspace-button,.sidebar-collapsed .sidebar-content{display:none}.sidebar-collapsed .sidebar-toggle{right:-2rem;transform:rotate(180deg)}.new-note{width:100%;margin-bottom:.65rem;text-align:left}.manage-tags-button,.invite-button,.admin-button{width:100%;margin:0 0 .65rem;border:1px solid #6c645a;background:transparent;color:#d2c8ba;cursor:pointer;padding:.65rem;text-align:left}.manage-tags-button:hover,.manage-tags-button:focus-visible,.invite-button:hover,.invite-button:focus-visible,.admin-button:hover,.admin-button:focus-visible{border-color:#dca08f;outline:none;color:#fff}.admin-button{border-color:#a85a49;color:#f0b4a7}.remove-workspace-button{width:100%;margin:-.35rem 0 1rem;border:0;background:transparent;color:#dca08f;cursor:pointer;padding:.35rem 0;text-align:left;font-size:.72rem;text-decoration:underline;text-underline-offset:3px}.remove-workspace-button:hover,.remove-workspace-button:focus-visible{outline:none;color:#fff}.sidebar-error{color:#f0a392}.note-list{display:flex;overflow-y:auto;flex-direction:column;margin-right:-1.5rem}.note-list button{display:grid;grid-template-columns:2rem minmax(0,1fr);border:0;border-bottom:1px solid #4a453e;background:transparent;color:#bdb4a6;cursor:pointer;padding:1rem 1.5rem 1rem 0;text-align:left}.note-list .note-number{color:#6e665b;font-family:ui-monospace,monospace;font-size:.7rem}.note-list-copy{display:grid;min-width:0;gap:.25rem}.note-list-copy strong,.note-list-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-list-copy strong{font-size:.88rem;font-weight:600}.note-list-copy small{color:#8f877b;font-size:.7rem;line-height:1.3}.note-tags{display:flex;min-width:0;flex-wrap:wrap;gap:.25rem;margin-top:.15rem}.note-tag{overflow:hidden;max-width:100%;border:1px solid var(--tag-color);border-radius:999px;background:color-mix(in srgb,var(--tag-color) 18%,#332f2a);color:#eee5d8;padding:.12rem .4rem;font-size:.58rem;font-weight:650;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.note-list button.selected{color:#fff}.note-list button.selected .note-number{color:var(--red)}.note-list button.selected strong{font-weight:700}.note-list button.selected small{color:#c9c0b3}.note-list button.selected .note-tag{background:color-mix(in srgb,var(--tag-color) 28%,#3c302a);color:#fff}.sidebar footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:1rem;color:#9d9589}.sidebar footer .text-button{color:#d2c8ba}.connection-status{display:flex;align-items:center;gap:.4rem}.connection-status.connected{color:#79bda9}.connection-status.offline{color:#ef8b77}.connection-status .status-dot{background:currentColor}.workspace{display:flex;min-width:0;height:100vh;overflow:hidden;flex-direction:column;background:var(--sheet)}.note-header{display:flex;align-items:center;gap:1rem;padding:2.5rem clamp(1.5rem,6vw,6rem) 1rem}.note-title{display:flex;min-width:0;flex:1;align-items:center;gap:.65rem}.note-heading-fields{display:grid;position:relative;min-width:0;flex:1;gap:.15rem}.note-heading-fields>input:first-child{width:auto;min-width:0;max-width:100%;field-sizing:content;border:0;outline:none;background:transparent;color:var(--ink);font:400 clamp(1.35rem,2vw,1.75rem)/1.2 Georgia,serif;letter-spacing:-.025em}.note-heading-fields .note-description{width:100%;border:0;border-bottom:1px solid transparent;outline:none;background:transparent;color:var(--muted);padding:.1rem 0;font-size:.78rem}.note-heading-fields .note-description:hover,.note-heading-fields .note-description:focus{border-bottom-color:var(--rule)}.note-heading-fields .note-description:focus{color:var(--ink)}.note-heading-fields .note-description::placeholder{color:#9b9286}.note-tag-picker{position:relative;width:max-content;color:var(--red);font-size:.68rem}.note-tag-picker summary{cursor:pointer;font-weight:700;list-style-position:inside}.tag-picker-menu{display:grid;position:absolute;top:calc(100% + .35rem);left:0;z-index:8;width:210px;gap:.2rem;border:1px solid var(--rule);background:var(--sheet);box-shadow:0 8px 24px #24211d29;color:var(--ink);padding:.55rem}.tag-picker-menu label{display:flex;align-items:center;gap:.45rem;cursor:pointer;padding:.3rem;font-size:.72rem}.tag-picker-menu label:hover{background:#eee5d8}.tag-picker-menu input{accent-color:var(--red)}.tag-colour{width:.65rem;height:.65rem;flex:none;border-radius:50%}.tag-picker-menu button{margin-top:.25rem;border:0;border-top:1px solid var(--rule);background:transparent;color:var(--red);cursor:pointer;padding:.55rem .3rem .2rem;text-align:left;font-size:.68rem;font-weight:700}.random-title-button{display:grid;width:2rem;height:2rem;flex:none;place-items:center;border:1px solid var(--rule);background:transparent;color:var(--muted);cursor:pointer;padding:.4rem}.random-title-button:hover,.random-title-button:focus-visible{border-color:var(--red);outline:none;color:var(--red)}.random-title-button svg{width:100%;fill:currentColor}.random-title-button svg rect{fill:none;stroke:currentColor;stroke-width:1.5}.column-layout{display:flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.68rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.column-layout select{border:1px solid var(--rule);outline:none;background:transparent;color:var(--ink);cursor:pointer;padding:.35rem 1.45rem .35rem .45rem;font-weight:700}.column-layout select:focus-visible{border-color:var(--red)}.delete-button{border:0;background:none;color:var(--muted);cursor:pointer;font-size:.75rem;text-transform:uppercase}.editor-columns{display:grid;min-height:0;flex:1;overflow-x:auto}.editor-columns.columns-1{grid-template-columns:minmax(280px,1fr)}.editor-columns.columns-2{grid-template-columns:repeat(2,minmax(280px,1fr))}.editor-columns.columns-3{grid-template-columns:repeat(3,minmax(280px,1fr))}.note-page{position:relative;min-width:0;overflow-y:auto;container-type:inline-size;padding:0 clamp(1.5rem,4vw,4rem) 5rem}.note-page+.note-page{border-left:1px solid var(--rule)}.editor-columns.columns-1 .note-page{width:100%;max-width:1050px;margin:0 auto}.editor-columns.columns-2 .note-page,.editor-columns.columns-3 .note-page{padding-inline:clamp(.75rem,1.5vw,1.5rem)}.status-dot{width:7px;height:7px;border-radius:50%;background:#b8aa97}.formatting-bar{display:flex;position:sticky;z-index:4;top:0;align-items:center;gap:.15rem;margin:0 0 1.25rem;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:#fbf7eff0;padding:.35rem 0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.formatting-bar button{min-width:2rem;border:0;background:transparent;color:var(--muted);cursor:pointer;padding:.4rem .5rem;font:650 .7rem/1 Inter,ui-sans-serif,system-ui,sans-serif}.formatting-bar button:hover,.formatting-bar button:focus-visible{color:var(--ink);background:#ece3d5;outline:none}.formatting-bar button.active{background:var(--ink);color:var(--sheet)}.formatting-bar button:disabled{background:transparent;color:var(--rule);cursor:default}.formatting-spacer{min-width:.5rem;flex:1}.toolbar-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.6}.editor-content{min-height:36vh}.tiptap{min-height:36vh;outline:none;font:1.2rem/1.45 Georgia,Times New Roman,serif}.tiptap p{margin:0}.tiptap>*:first-child{margin-top:0}.tiptap h1,.tiptap h2,.tiptap h3{margin:1.25em 0 .35em;line-height:1.08;letter-spacing:-.025em}.tiptap h1{font-size:2.2em}.tiptap h2{font-size:1.65em}.tiptap h3{font-size:1.25em}.tiptap ul,.tiptap ol{margin:.45rem 0;padding-left:1.5em}.tiptap li::marker{color:var(--red)}.tiptap li p{margin:.15rem 0}.tiptap pre{position:relative;overflow-x:auto;margin:.9rem 0;border:1px solid #3c3832;border-left:4px solid var(--red);background:#292621;color:#f3eadc;padding:1.8rem 1rem 1rem;tab-size:2}.tiptap pre:before{position:absolute;top:.45rem;left:1rem;color:#a99f90;content:"lyrics";font:650 .58rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}.tiptap pre code{border-radius:0;background:none;color:inherit;padding:0;font:.82rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.tiptap hr{margin:1.5rem 0;border:0;border-top:1px solid var(--rule)}.tiptap p.is-editor-empty:first-child:before{float:left;height:0;color:#a59b8c;content:attr(data-placeholder);pointer-events:none}.collaboration-caret__caret{position:relative;margin-left:-1px;border-left:1px solid;border-right:1px solid;word-break:normal;pointer-events:none}.collaboration-caret__label{position:absolute;top:-1.5em;left:-1px;border-radius:2px 2px 2px 0;color:#fff;font:600 11px sans-serif;padding:.1rem .3rem;white-space:nowrap}.embedded-audio{margin:.9rem 0;border:1px solid var(--rule);border-left:3px solid var(--red);background:#f4ede1;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.embedded-audio.selected,.guitar-tab.selected,.embed-group.selected{border-color:var(--red);outline:none}.embedded-audio-header{display:flex;min-width:0;min-height:36px;align-items:stretch;gap:.6rem;border-bottom:1px solid var(--rule)}.audio-drag-handle{display:grid;width:28px;flex:none;place-items:center;border-right:1px solid var(--rule);color:var(--muted);cursor:grab;line-height:1;-webkit-user-select:none;user-select:none}.audio-drag-handle span{width:7px;height:16px;background:radial-gradient(circle,currentColor 1px,transparent 1.5px) 0 0 / 5px 5px}.audio-drag-handle:active{cursor:grabbing}.embedded-audio-label{display:flex;min-width:0;flex:1;align-items:center;gap:.6rem}.clip-type-toggle{width:3rem;height:22px;flex:none;align-self:center;border:1px solid var(--rule);background:var(--sheet);color:var(--muted);cursor:pointer;padding:0 .3rem;font:750 .54rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em}.clip-type-toggle.practice{border-color:var(--red);background:var(--red);color:#fff}.clip-type-toggle:hover,.clip-type-toggle:focus-visible{border-color:var(--red);outline:none;color:var(--red)}.clip-type-toggle.practice:hover,.clip-type-toggle.practice:focus-visible{color:#fff;filter:brightness(.92)}.clip-name-input{min-width:4rem;flex:1;border:0;border-bottom:1px solid transparent;outline:0;background:transparent;color:var(--ink);font-size:.72rem;font-weight:700;line-height:1.15;padding:.15rem 0}.clip-name-input:hover{border-bottom-color:var(--rule)}.clip-name-input:focus{border-bottom-color:var(--red)}.embedded-audio-meta{display:flex;flex:none;gap:.4rem;color:var(--muted);font:600 .56rem/1.15 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}.embedded-audio-meta span+span:before{margin-right:.4rem;color:var(--rule);content:"/"}.embedded-audio-content{display:grid;min-height:48px;align-items:center;gap:.35rem;padding:.65rem .7rem .7rem}.audio-loading{align-self:center;color:var(--muted);font-size:.72rem}.live-recording{display:grid;min-width:0;grid-template-columns:10px minmax(80px,1fr) auto;align-items:center;gap:.65rem;color:var(--red)}.live-recording-dot{width:9px;height:9px;border-radius:50%;background:currentColor;animation:pulse 1s infinite}.live-waveform{display:flex;height:38px;align-items:center;gap:1px;overflow:hidden;border-right:1px solid rgba(36,33,29,.12);border-left:1px solid rgba(36,33,29,.12)}.live-waveform i{min-width:1px;flex:1 1 0;background:currentColor;transition:height .07s linear}.live-recording time{min-width:34px;color:var(--muted);font:650 .62rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}.audio-actions{display:flex;position:relative;flex:none;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.3rem .55rem;padding-right:.6rem}.audio-actions>button,.clip-download>summary{display:grid;width:26px;height:34px;place-items:center;border:0;background:none;color:var(--muted);cursor:pointer;padding:0}.audio-actions>button:hover,.audio-actions>button:focus-visible,.clip-download>summary:hover,.clip-download>summary:focus-visible{color:var(--red);outline:none}.audio-actions>button.active{color:var(--red)}.audio-actions button:disabled{cursor:wait;opacity:.55}.audio-actions .clip-trim-button:disabled{cursor:default}.clip-download summary{list-style:none}.clip-download summary::-webkit-details-marker{display:none}.clip-download-menu{display:grid;position:absolute;z-index:5;top:calc(100% + .35rem);right:0;min-width:130px;border:1px solid var(--ink);background:var(--sheet);box-shadow:3px 3px #24211d29;padding:.25rem .5rem}.clip-download-menu button{display:block;width:100%;height:auto;padding:.4rem 0;text-align:left;white-space:nowrap}.clip-download-menu button+button{border-top:1px solid var(--rule)}.clip-error{color:#a02d20;font-size:.68rem}.waveform-player{display:grid;min-width:0;grid-template-columns:30px minmax(80px,1fr) auto;align-items:center;gap:.3rem .5rem}.waveform-player audio{display:none}.waveform-play{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--ink);border-radius:50%;background:var(--ink);color:var(--sheet);cursor:pointer}.waveform-play:disabled{cursor:wait;opacity:.5}.play-icon{width:0;height:0;margin-left:2px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor}.pause-icon{width:8px;height:10px;border-right:3px solid currentColor;border-left:3px solid currentColor}.waveform-track{position:relative;min-width:0}.waveform{position:relative;height:32px;overflow:hidden;margin-top:13px;border-right:1px solid rgba(36,33,29,.15);border-left:1px solid rgba(36,33,29,.15);cursor:crosshair;outline:none;background-image:linear-gradient(to right,rgba(36,33,29,.08) 1px,transparent 1px),linear-gradient(to bottom,transparent 49%,rgba(36,33,29,.14) 50%,transparent 51%);background-size:25% 100%,100% 100%}.waveform:focus-visible{box-shadow:0 0 0 2px var(--red)}.waveform-bars{display:flex;position:absolute;inset:3px 0;align-items:center;gap:1px;color:#9c9181}.waveform-bars i{min-width:0;flex:1 1 0;background:currentColor}.waveform.loading .waveform-bars i{animation:waveform-loading 1.2s ease-in-out infinite alternate}.waveform-played{position:absolute;z-index:1;inset:0 auto 0 0;overflow:hidden;color:var(--red);pointer-events:none}.waveform-played .waveform-bars{color:inherit}.waveform-cursor{position:absolute;z-index:2;top:0;bottom:0;width:1px;background:var(--ink);pointer-events:none}.waveform-trimmed{position:absolute;z-index:2;top:0;bottom:0;background:#24211d61;pointer-events:none}.waveform-trimmed-start{left:0}.waveform-trimmed-end{right:0}.waveform-trim-marker{position:absolute;z-index:3;top:0;bottom:0;width:24px;margin-left:-12px;border:0;outline:0;background:transparent;color:var(--red);cursor:ew-resize;padding:0;font:750 .45rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;touch-action:none}.waveform-trim-marker:before{position:absolute;top:0;left:3px;width:18px;height:10px;background:var(--red);color:var(--sheet);content:attr(data-label);font:750 .42rem/7px ui-monospace,SFMono-Regular,Consolas,monospace;clip-path:polygon(0 0,100% 0,100% 7px,50% 100%,0 7px)}.waveform-trim-marker:after{position:absolute;top:10px;bottom:0;left:11px;width:2px;background:var(--red);content:""}.waveform-trim-marker:focus-visible:before{box-shadow:0 0 0 2px var(--sheet),0 0 0 4px var(--red)}.waveform-trim-marker-start{transform:translate(1px)}.waveform-trim-marker-end{transform:translate(-1px)}.waveform-time{min-width:68px;color:var(--muted);font:600 .58rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}@keyframes waveform-loading{to{opacity:.3;transform:scaleY(.45)}}.guitar-tab{margin:.9rem 0;border:1px solid var(--rule);border-left:3px solid var(--red);background:#f4ede1;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.tab-header{display:flex;height:34px;align-items:center;gap:.6rem;border-bottom:1px solid var(--rule);color:var(--muted);font-size:.62rem;text-transform:uppercase}.tab-name-input{min-width:4rem;flex:1;border:0;border-bottom:1px solid transparent;outline:none;background:transparent;color:var(--ink);padding:.15rem 0;font-size:.72rem;font-weight:700;letter-spacing:.02em;text-transform:none}.tab-name-input:hover{border-bottom-color:var(--rule)}.tab-name-input:focus{border-bottom-color:var(--red)}.tab-header button{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:.6rem;padding:.4rem .6rem;text-transform:uppercase}.tab-header .tab-remove-button{display:grid;width:30px;height:100%;margin-left:auto;place-items:center;padding:0}.tab-header button:hover,.tab-header button:focus-visible{color:var(--red);outline:none}.title-action-icon{width:14px;height:14px;fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.5}.embedded-audio-header .embed-collapse-button,.tab-header .embed-collapse-button,.embed-group-header .embed-collapse-button{display:grid;width:20px;height:100%;flex:none;place-items:center;border:0;background:transparent;color:var(--muted);cursor:pointer;padding:0}.embedded-audio-header .embed-collapse-button{height:auto;align-self:stretch}.embed-collapse-button:before{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;content:"";transform:rotate(45deg) translate(-1px,-1px);transition:transform .15s ease}.embed-collapse-button[aria-expanded=false]:before{transform:rotate(-45deg) translate(-1px,-1px)}.embedded-audio-header .embed-collapse-button:hover,.embedded-audio-header .embed-collapse-button:focus-visible,.tab-header .embed-collapse-button:hover,.tab-header .embed-collapse-button:focus-visible,.embed-group-header .embed-collapse-button:hover,.embed-group-header .embed-collapse-button:focus-visible{color:var(--red);outline:none}.embed-group{margin:1rem 0;border:1px solid var(--rule);background:#e8ddcb;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.embed-group-header{display:flex;height:36px;align-items:center;gap:.6rem;border-bottom:1px solid var(--rule);background:#e8ddcb}.group-drag-handle{display:grid;width:28px;height:100%;flex:none;place-items:center;border-right:1px solid var(--rule);color:var(--muted);cursor:grab}.group-drag-handle span{width:7px;height:16px;background:radial-gradient(circle,currentColor 1px,transparent 1.5px) 0 0 / 5px 5px}.group-drag-handle:active{cursor:grabbing}.group-name-input{min-width:4rem;flex:1;border:0;border-bottom:1px solid transparent;outline:none;background:transparent;color:var(--ink);padding:.15rem 0;font-size:.72rem;font-weight:750}.group-name-input:hover{border-bottom-color:var(--muted)}.group-name-input:focus{border-bottom-color:var(--red)}.group-delete-button{display:grid;width:36px;height:100%;place-items:center;border:0;background:transparent;color:var(--muted);cursor:pointer;padding:0}.group-delete-button:hover,.group-delete-button:focus-visible{color:var(--red);outline:none}.embed-group-content{display:block;min-height:3.5rem;padding:.1rem .7rem}.embed-group-content>.embedded-audio,.embed-group-content>.guitar-tab{margin:.65rem 0}.embed-group-content>p:only-child:empty,.embed-group-content>p:only-child:has(>br.ProseMirror-trailingBreak:only-child){min-height:2.5rem;padding-top:.8rem}.embed-group-content>p:only-child:empty:before,.embed-group-content>p:only-child:has(>br.ProseMirror-trailingBreak:only-child):before{color:var(--muted);content:"Drop clips or tabs here";font:600 .68rem/1 Inter,ui-sans-serif,system-ui,sans-serif;pointer-events:none}.embed-group.collapsed>.embed-group-content{display:none}.tab-drag-handle{display:grid;width:28px;height:100%;place-items:center;border-right:1px solid var(--rule);cursor:grab}.tab-drag-handle span{width:7px;height:16px;background:radial-gradient(circle,currentColor 1px,transparent 1.5px) 0 0 / 5px 5px}.tab-drag-handle:active{cursor:grabbing}.tab-scroll{overflow-x:auto;padding:.65rem .7rem .7rem}.tab-grid{width:100%}.tab-row{display:grid;width:100%;align-items:center}.tab-string{width:100%;height:21px;border:0;outline:none;background:transparent;color:var(--muted);padding:0 4px 0 0;text-align:left;font:700 .68rem/21px ui-monospace,SFMono-Regular,Consolas,monospace}.tab-string:focus{color:var(--red)}.tab-cell{z-index:1;width:100%;height:21px;border:0;border-right:1px solid rgba(36,33,29,.05);border-radius:0;outline:none;background:linear-gradient(transparent 10px,rgba(118,110,98,.38) 10px,rgba(118,110,98,.38) 11px,transparent 11px);color:var(--ink);padding:0;text-align:center;text-shadow:-1.5px 0 #f4ede1,1.5px 0 #f4ede1,0 -1.5px #f4ede1,0 1.5px #f4ede1;font:700 .7rem/21px ui-monospace,SFMono-Regular,Consolas,monospace}.tab-cell:last-child{border-right:0}.tab-cell.cell-selected,.tab-cell:focus{background:var(--red);color:#fff;box-shadow:0 0 0 1px var(--red);text-shadow:none}.tab-cell.cell-selected{z-index:2;caret-color:transparent}.tab-cell.cell-selected.cell-caret-visible{caret-color:auto}.tab-cell.cell-selected::selection{background:transparent;color:#fff}.audio-controls{display:flex;align-items:center;gap:1rem;margin-top:2rem}.record-button{display:flex;align-items:center;gap:.55rem;border:1px solid var(--ink);background:transparent;cursor:pointer;padding:.65rem .85rem;font-size:.78rem;font-weight:750;text-transform:uppercase}.record-button span{width:10px;height:10px;border-radius:50%;background:var(--red)}.record-button.active{border-color:var(--red);color:var(--red)}.record-button.active span{animation:pulse 1s infinite}.clip-upload-input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.upload-button{border:1px solid var(--rule);background:transparent;cursor:pointer;padding:.65rem .85rem;font-size:.78rem;font-weight:750;text-transform:uppercase}.upload-button:hover,.upload-button:focus-visible{border-color:var(--red);color:var(--red)}.formatting-bar .audio-controls{flex:none;margin:0}.formatting-bar .record-button,.formatting-bar .upload-button{padding:.4rem .6rem}.formatting-bar .record-button{border:1px solid var(--ink)}.formatting-bar .record-button.active{border-color:var(--red);color:var(--red)}@keyframes pulse{50%{opacity:.25}}.empty-state{display:grid;min-height:80vh;place-content:center;justify-items:start}.empty-state h1{margin:0 0 2rem;font:400 4rem Georgia,serif}.tag-manager-backdrop{display:grid;position:fixed;z-index:20;inset:0;place-items:center;background:#24211d9e;padding:1rem}.tag-manager{width:min(520px,100%);max-height:min(680px,90vh);overflow-y:auto;border:1px solid var(--ink);background:var(--sheet);box-shadow:8px 8px #24211d47;padding:1.5rem}.tag-manager>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.tag-manager h2{margin:0;font:400 2rem Georgia,serif}.tag-manager>header>button{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:1.8rem;line-height:1}.tag-manager>.primary-button{margin-bottom:1rem}.tag-manager-list{display:grid;border-top:1px solid var(--rule)}.tag-manager-row{display:grid;grid-template-columns:2rem minmax(0,1fr) auto auto;align-items:center;gap:.65rem;border-bottom:1px solid var(--rule);padding:.75rem 0}.tag-manager-row input[type=color]{width:2rem;height:2rem;border:1px solid var(--rule);background:transparent;cursor:pointer;padding:.12rem}.tag-manager-row span{overflow:hidden;font-size:.85rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.tag-manager-row button{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:.25rem;font-size:.68rem;text-transform:uppercase}.tag-manager-row button:hover,.tag-manager-row button:focus-visible{color:var(--ink);outline:none}.tag-manager-row .tag-delete:hover,.tag-manager-row .tag-delete:focus-visible{color:var(--red)}.tag-manager-empty{color:var(--muted);font-size:.85rem}.admin-backdrop{display:grid;position:fixed;z-index:25;inset:0;place-items:center;overflow-y:auto;background:#24211dad;padding:1rem}.admin-panel{width:min(760px,100%);max-height:92vh;overflow-y:auto;border:1px solid var(--ink);background:var(--sheet);box-shadow:8px 8px #24211d4d;padding:1.5rem}.admin-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--rule);padding-bottom:1rem}.admin-panel h2{margin:0;font:400 2rem Georgia,serif}.admin-panel>header>button{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:1.8rem;line-height:1}.admin-section{padding:1.25rem 0 .5rem}.admin-section+.admin-section{border-top:1px solid var(--rule)}.admin-section h3{margin:0;font:400 1.35rem Georgia,serif}.admin-section>p{margin:.35rem 0 1rem;color:var(--muted);font-size:.82rem;line-height:1.5}.admin-add-user{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;margin-bottom:1rem}.admin-add-user input{min-width:0;border:1px solid var(--rule);outline:none;background:#fff;padding:.75rem}.admin-add-user input:focus{border-color:var(--red)}.admin-list{display:grid;border-top:1px solid var(--rule)}.admin-user-row,.admin-workspace-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.8rem;border-bottom:1px solid var(--rule);padding:.8rem 0}.admin-user-row>span,.admin-workspace-row>span{display:grid;min-width:0;gap:.15rem}.admin-user-row strong,.admin-workspace-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-row small,.admin-workspace-row small{color:var(--muted)}.admin-user-row button{border:0;background:transparent;color:var(--red);cursor:pointer;font-size:.7rem;text-transform:uppercase}.admin-user-row button:disabled{color:var(--muted);cursor:default}.admin-workspace-row{grid-template-columns:minmax(0,1fr) minmax(150px,auto)}.admin-workspace-row select{border:1px solid var(--rule);background:#fff;padding:.55rem}@container (max-width: 560px){.formatting-bar{flex-wrap:wrap}.formatting-bar .audio-controls{width:100%;margin-left:0;gap:.35rem;border-top:1px solid var(--rule);padding-top:.35rem}.formatting-bar .record-button,.formatting-bar .upload-button{flex:1;justify-content:center}.embedded-audio-meta span:last-child{display:none}.embedded-audio-meta span+span:before{content:none}}@container (max-width: 340px){.embedded-audio-meta{display:none}.audio-actions{gap:.3rem}.waveform-player{grid-template-columns:30px minmax(0,1fr)}.waveform-time{grid-column:2}}@media(max-width:760px){.auth-shell{grid-template-columns:1fr}.auth-intro{min-height:52vh;padding:2rem;border-right:0;border-bottom:1px solid var(--rule)}.auth-intro .eyebrow{margin-top:3rem}.auth-intro h1{font-size:clamp(3.4rem,16vw,5rem)}.auth-intro .lede{margin-top:1.5rem;font-size:1rem}.auth-card{padding:3rem 2rem}.app-shell,.app-shell.sidebar-collapsed{display:block}.workspace{height:auto;min-height:calc(100vh - 74px);overflow:visible}.sidebar{position:static;height:auto;min-height:0;padding:1rem}.sidebar-header{margin-bottom:1rem}.sidebar-content{height:auto}.sidebar-toggle{top:7px;right:0}.sidebar-collapsed .sidebar{padding:.65rem 1rem}.sidebar-collapsed .sidebar-header{justify-content:flex-start;margin:0}.sidebar-collapsed .sidebar-toggle{right:0;transform:rotate(-90deg)}.note-list{flex-direction:row;margin:.5rem -1rem 0}.note-list button{min-width:150px;border-right:1px solid #4a453e;border-bottom:0;padding:.8rem 1rem}.sidebar footer{display:none}.note-header{flex-wrap:wrap;padding-top:1.5rem}.note-title{flex-basis:100%}.editor-columns{min-height:70vh}.note-page{max-height:calc(100vh - 150px)}.formatting-bar{overflow-x:auto}.formatting-bar button{flex:none}.embedded-audio-meta span:last-child{display:none}.embedded-audio-meta span+span:before{content:none}}