@import url(https://fonts.googleapis.com/css2?family=Blinker:wght@700&family=Montserrat:wght@500&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media print{@page{size:letter portrait;margin:.75in}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}body{background:#fff}.app-container{display:block;min-height:auto;padding:0}.document-container{zoom:1;box-shadow:none;max-width:100%;width:100%}.app-toolbar,.global-toolbar,.print-btn{display:none}.tippy-box{display:none!important}.annotated-line{break-inside:avoid;page-break-inside:avoid}h2{break-after:avoid;page-break-after:avoid}}.login-page{align-items:center;background:var(--color-bg-page);display:flex;justify-content:center;min-height:100vh}.login-card{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000014;max-width:380px;padding:48px 40px;text-align:center;width:100%}.login-title{color:#3f3f46;font-family:"Blinker",var(--font-ui);font-size:32px;font-weight:700;margin-bottom:8px}.login-tagline{color:var(--color-text-secondary);margin-bottom:32px}.login-google-btn,.login-tagline{font-family:var(--font-ui);font-size:14px}.login-google-btn{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:8px;color:#3c4043;cursor:pointer;display:inline-flex;font-weight:500;gap:10px;padding:10px 24px;transition:background .15s,box-shadow .15s}.login-google-btn:hover{background:#f7f8f8;box-shadow:0 1px 3px #0000001a}.google-icon{flex-shrink:0}.loading-screen{align-items:center;color:var(--color-text-secondary);display:flex;font-family:var(--font-ui);justify-content:center;min-height:100vh}.global-toolbar{align-items:center;background:#fff;border-bottom:1px solid var(--color-border);display:flex;gap:16px;justify-content:space-between;padding:10px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.global-toolbar-left{align-items:center;display:flex;min-width:120px}.global-toolbar-center{align-items:center;display:flex;gap:12px}.global-toolbar-right{align-items:center;display:flex;gap:10px;justify-content:flex-end;min-width:120px}.toolbar-app-name{color:var(--color-text-primary);font-family:"Blinker",var(--font-ui);font-size:18px;font-weight:700}.toolbar-back-link{color:var(--color-text-secondary);font-family:var(--font-ui);font-size:14px;text-decoration:none;transition:color .15s}.toolbar-back-link:hover{color:var(--color-text-primary)}.toolbar-avatar{border-radius:50%;height:28px;width:28px}.toolbar-user-name{font-family:var(--font-ui);font-size:13px}.toolbar-btn,.toolbar-user-name{color:var(--color-text-secondary)}.toolbar-btn{border:1px solid var(--color-border);padding:5px 14px;transition:background .15s,color .15s,border-color .15s}.toolbar-btn:hover{background:var(--color-bg-page);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.toolbar-btn-signout{border:none;color:var(--color-text-secondary);padding:5px 8px}.toolbar-btn-signout:hover{background:none;color:var(--color-text-primary)}.save-indicator{color:var(--color-text-secondary);font-family:var(--font-ui);font-size:12px}@media print{.global-toolbar{display:none}}.song-browser-page{background:var(--color-bg-page);min-height:100vh}.song-browser-content{margin:0 auto;max-width:960px;padding:32px 24px}.song-browser-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.song-browser-title{color:var(--color-text-primary);font-family:var(--font-ui);font-size:20px;font-weight:600}.new-song-btn{background:var(--color-chord);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:var(--font-ui);font-size:14px;font-weight:500;padding:8px 20px;transition:opacity .15s}.new-song-btn:hover{opacity:.9}.song-browser-status{padding:40px}.song-browser-empty,.song-browser-status{color:var(--color-text-secondary);font-family:var(--font-ui);font-size:14px;text-align:center}.song-browser-empty{padding:60px 20px}.song-browser-empty .new-song-btn{margin-top:16px}.song-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.song-card{background:#fff;border:1px solid var(--color-border);border-radius:10px;cursor:pointer;padding:20px;position:relative;transition:border-color .15s,box-shadow .15s}.song-card:hover{border-color:var(--color-chord);box-shadow:0 2px 8px #8217e71a}.song-card-title{color:var(--color-text-primary);font-family:var(--font-ui);font-size:15px;font-weight:600;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-card-date{color:var(--color-text-secondary);font-family:var(--font-ui);font-size:12px}.song-card-delete{background:none;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;font-size:18px;line-height:1;opacity:0;padding:2px 6px;position:absolute;right:8px;top:8px;transition:opacity .15s,color .15s}.song-card:hover .song-card-delete{opacity:1}.song-card-delete:hover{background:#fef2f2;color:#dc2626}.annotation-toolbar{zoom:.6667;align-items:center;background:#1a1a1a;border-radius:8px;box-shadow:0 4px 16px #0003,0 1px 4px #0000001a;display:flex;gap:2px;padding:4px 6px}.toolbar-btn{align-items:center;background:none;border:none;border-radius:6px;color:#e0e0e0;cursor:pointer;display:flex;font-family:var(--font-ui);font-size:13px;gap:4px;padding:6px 10px;transition:background .15s,color .15s;white-space:nowrap}.toolbar-btn:hover{background:#ffffff1f;color:#fff}.toolbar-btn.is-active{background:#ffffff2e;color:#fff}.btn-icon{font-size:14px;line-height:1}.btn-label{font-size:12px;font-weight:500}.toolbar-divider{background:#ffffff26;height:20px;margin:0 2px;width:1px}.toolbar-input-group{align-items:center;display:flex;gap:4px}.toolbar-input{background:#ffffff1f;border:1px solid #fff3;border-radius:4px;color:#fff;font-family:var(--font-annotations);font-size:13px;min-width:60px;outline:none;padding:5px 8px}.toolbar-input:focus{background:#ffffff2e;border-color:var(--color-accent)}.toolbar-input::placeholder{color:#fff6}.toolbar-input-label{color:#fff9;font-size:11px;font-weight:500;letter-spacing:.5px;margin-right:4px;text-transform:uppercase}.toolbar-submit-btn{background:var(--color-accent);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:var(--font-ui);font-size:12px;font-weight:600;padding:5px 10px;transition:background .15s}.toolbar-submit-btn:hover{background:var(--color-accent-hover)}.toolbar-cancel-btn{background:none;border:none;border-radius:4px;color:#ffffff80;cursor:pointer;font-size:18px;line-height:1;padding:5px 8px;transition:color .15s}.toolbar-cancel-btn:hover{color:#fffc}.section-selector{display:flex;flex-wrap:wrap;gap:4px;max-width:340px}.section-btn{background:#ffffff14;border:1px solid #ffffff26;border-radius:4px;color:#e0e0e0;cursor:pointer;font-family:var(--font-ui);font-size:12px;padding:4px 10px;transition:background .15s,color .15s}.section-btn:hover{background:#ffffff2e;color:#fff}.section-btn.repeat-btn{border-color:#9664ff66;color:#c4a0ff}.section-btn.repeat-btn:hover{background:#9664ff33;color:#d9c0ff}.style-selector{display:flex;gap:2px}.style-option{background:#ffffff14;border:1px solid #ffffff26;border-radius:3px;color:#e0e0e0;cursor:pointer;font-family:var(--font-ui);font-size:11px;padding:3px 8px;transition:background .15s}.style-option:hover{background:#ffffff2e}.style-option.selected{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.lyric-editor{flex:1 1}.lyric-editor .tiptap{font-feature-settings:"liga" off,"clig" off;color:#000;font-family:Montserrat,sans-serif;font-size:11px;font-style:normal;font-weight:500;line-height:225%;min-height:500px;outline:none;padding:var(--document-padding)}.document-body:after{background:#d0d0d4;bottom:25px;content:"";pointer-events:none;position:absolute;right:25%;top:70px;width:1px}.lyric-editor .tiptap p{margin:0}.lyric-editor .tiptap h1{font-feature-settings:"liga" off,"clig" off;color:#3f3f46;font-family:Blinker,sans-serif;font-size:22px;font-style:normal;font-weight:700;line-height:120%;margin:0 0 16px}.lyric-editor .tiptap h2{font-size:22px;font-weight:700;line-height:1.3;margin:16px 0 8px}.lyric-editor .tiptap h3{font-size:18px;font-weight:700;line-height:1.4;margin:12px 0 6px}.lyric-editor .tiptap h1.song-title.is-empty:before{color:var(--color-text-placeholder);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.lyric-editor .tiptap .react-renderer.is-empty:first-child .annotated-line:before,.lyric-editor .tiptap h1+.react-renderer.is-empty .annotated-line:before{color:var(--color-text-placeholder);content:"Start typing lyrics...";font-family:var(--font-lyrics);font-size:var(--font-size-lyrics);left:0;line-height:var(--line-height-lyrics);pointer-events:none;position:absolute;top:0;white-space:nowrap}.lyric-editor .tiptap ::selection{background:#06c3}.lyric-content-wrapper{flex-shrink:1;min-width:0;position:relative}.react-renderer.is-empty .lyric-content-wrapper{flex:1 1}.lyric-content{display:inline;position:relative}.chord-overlay{height:0;overflow:visible;pointer-events:none;position:relative;-webkit-user-select:none;user-select:none}.chord-positioned{bottom:-6px;color:var(--color-chord);cursor:pointer;font-family:var(--font-annotations);font-size:var(--font-size-chord);font-weight:500;line-height:1;pointer-events:auto;position:absolute;white-space:nowrap}.chord-positioned:hover{color:var(--color-accent)}.leader-bridge{border-bottom:1px dashed var(--color-leader-dots);flex:1 1 60px;min-width:24px;position:relative;top:3px}.right-annotation-column{align-self:flex-start;flex:0 0 calc(25% - var(--document-padding)/2);height:0;overflow:visible;position:relative}.right-annotation-text{font-weight:400;left:6px;overflow-wrap:break-word;position:absolute;top:4px;white-space:normal;width:calc(100% - 6px)}.right-annotation-text.style-rest,.right-annotation-text.style-special{font-weight:700}.note-inline-input{background:none;border:none;border-bottom:1px solid var(--color-right-annotation);color:var(--color-right-annotation);font-family:var(--font-ui);font-size:var(--font-size-right-note);font-weight:500;outline:none;padding:0;width:100%}.note-inline-input::placeholder{color:color-mix(in srgb,var(--color-right-annotation) 40%,#0000)}.word-hover-highlight{background-color:#f2e5ff;border-radius:2px;cursor:pointer}:root{--color-chord:#8217e7;--color-section-marker:#1a1a1a;--color-right-annotation:#8217e7;--color-right-annotation-rest:#c33;--color-right-annotation-special:#ff4081;--color-leader-dots:#bca8d1;--color-sticking:#555;--color-counting:#888;--color-repeat-ref:#666;--color-accent:#06c;--color-accent-hover:#0052a3;--color-bg-page:#f9fbfd;--color-bg-document:#fff;--color-bg-toolbar:#fafafa;--color-border:#e0e0e0;--color-text-primary:#1a1a1a;--color-text-secondary:#666;--color-text-placeholder:#aaa;--font-lyrics:"Montserrat",sans-serif;--font-annotations:"Montserrat",sans-serif;--font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-size-title:22px;--font-size-lyrics:11px;--font-size-chord:10px;--font-size-right-note:10px;--font-size-section-marker:11px;--font-size-sticking:10px;--font-size-counting:10px;--line-height-lyrics:200%;--document-max-width:816px;--document-padding:25px;--annotation-right-min-width:200px}.chord-annotation-widget{display:inline-block;overflow:visible;position:relative;vertical-align:initial;width:0}.chord-label{bottom:calc(100% + 2px);color:var(--color-chord);cursor:pointer;font-family:var(--font-annotations);font-size:var(--font-size-chord);font-weight:700;left:0;line-height:1;pointer-events:auto;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.chord-label:hover{color:var(--color-accent)}.annotated-line{align-items:baseline;display:flex;position:relative}.lyric-content{flex:1 1;min-width:0}.right-annotation-area{align-items:baseline;display:flex;flex-shrink:0;margin-left:8px;max-width:var(--annotation-right-min-width)}.leader-dots{border-bottom:1.5px dotted var(--color-leader-dots);flex:1 1;margin:0 8px 3px;min-width:20px}.right-annotation-text{color:var(--color-right-annotation);cursor:pointer;font-family:var(--font-ui);font-size:var(--font-size-right-note)}.right-annotation-text:hover{text-decoration:underline}.right-annotation-text.style-rest{color:var(--color-right-annotation-rest);font-weight:600;text-transform:uppercase}.right-annotation-text.style-special{color:var(--color-right-annotation-special);font-weight:600;text-transform:uppercase}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-page);font-family:var(--font-ui)}.app-container{align-items:center;display:flex;flex-direction:column;min-height:calc(100vh - 49px);padding:40px 20px}.document-container{zoom:1.5;background:var(--color-bg-document);box-shadow:0 0 5px #0000001a;display:flex;flex-direction:column;flex-shrink:0;min-height:1056px;width:var(--document-max-width)}.document-body{flex:1 1;position:relative}.app-toolbar{display:flex;justify-content:flex-end;max-width:var(--document-max-width);padding:0 0 8px;width:100%}.print-btn{background:none;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-ui);font-size:13px;padding:6px 16px;transition:background .15s,color .15s,border-color .15s}.print-btn:hover{background:var(--color-bg-document);border-color:var(--color-text-secondary);color:var(--color-text-primary)}
/*# sourceMappingURL=main.8884738d.css.map*/