html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;text-rendering:optimizeLegibility}code{font-family:SF Mono,Menlo,Monaco,Consolas,Courier New,monospace}:root{--scarlet:#c41309;--naples-yellow:#f5d547;--eerie-black:#181f1c;--chocolate-cosmos:#4f000b;--delft-blue:#122b54;--burnt-sienna:#d7816a;--dark-moss-green:#0f5c00;--razzmatazz:#db3069;--bg:#121716;--bg-elev:#181f1c;--surface:#1e2724;--surface-2:#26312d;--surface-3:#2f3b36;--border:#ffffff12;--border-strong:#ffffff24;--text:#ecebe6;--text-2:#ecebe6a3;--text-3:#ecebe666;--text-on-accent:#1c110d;--accent:#d7816a;--accent-strong:#e9967f;--accent-soft:#d7816a24;--accent-line:#d7816a73;--danger:#e5675c;--danger-soft:#e5675c24;--spotify:#1db954;--youtube:#ff4e45;--radius-s:6px;--radius-m:10px;--radius-l:14px;--shadow-1:0 1px 2px #00000059,0 10px 30px #00000059;--shadow-2:0 2px 4px #0006,0 24px 60px #00000080;--ring:0 0 0 3px #d7816a59;--font-ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-display:"Fraunces","Iowan Old Style","Palatino Linotype",Georgia,serif;--font-mono:"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--sidebar-w:288px;--now-playing-h:64px;--content-max:760px;--ease:cubic-bezier(0.2,0.7,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#181f1c;background-color:var(--bg-elev);color:#ecebe6;color:var(--text)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-ui);font-size:15px;line-height:1.5}a{color:#d7816a;color:var(--accent);text-decoration:none}a:hover{color:#e9967f;color:var(--accent-strong)}:focus-visible{outline:2px solid #d7816a;outline:2px solid var(--accent);outline-offset:2px}::selection{background:#d7816a24;background:var(--accent-soft);color:#ecebe6;color:var(--text)}*{scrollbar-color:#ffffff24 #0000;scrollbar-width:thin}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-thumb{background-color:#ffffff24;border-radius:3px}::-webkit-scrollbar-track{background:#0000}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}button{background:none;border:none;color:inherit;cursor:pointer;font:inherit}button:disabled{cursor:default}.btn,.button--blue,.button--green,.button--red{-webkit-tap-highlight-color:transparent;align-items:center;background-color:#26312d;background-color:var(--surface-2);border:1px solid #0000;border-radius:8px;color:#ecebe6;color:var(--text);display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;height:36px;justify-content:center;line-height:1;padding:0 14px;transition:background-color .15s cubic-bezier(.2,.7,.2,1),color .15s cubic-bezier(.2,.7,.2,1),border-color .15s cubic-bezier(.2,.7,.2,1),transform .1s cubic-bezier(.2,.7,.2,1),opacity .15s;transition:background-color .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease),transform .1s var(--ease),opacity .15s;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn:disabled,.button--green:disabled{opacity:.5;transform:none}.btn--primary,.button--green{background-color:#d7816a;background-color:var(--accent);color:#1c110d;color:var(--text-on-accent)}.btn--primary:hover,.button--green:hover{background-color:#e9967f;background-color:var(--accent-strong)}.btn--secondary,.button--blue{background-color:#26312d;background-color:var(--surface-2);border-color:#ffffff24;border-color:var(--border-strong)}.btn--secondary:hover,.button--blue:hover{background-color:#2f3b36;background-color:var(--surface-3)}.btn--ghost{background-color:initial;color:#ecebe6a3;color:var(--text-2)}.btn--ghost:hover{background-color:#26312d;background-color:var(--surface-2);color:#ecebe6;color:var(--text)}.btn--danger,.button--green.button--red,.button--red{background-color:#e5675c24;background-color:var(--danger-soft);border-color:#e5675c40;color:#e5675c;color:var(--danger)}.btn--danger:hover,.button--red:hover{background-color:#e5675c38}.btn--dashed{background-color:initial;border:1px dashed #ffffff24;border:1px dashed var(--border-strong);color:#ecebe6a3;color:var(--text-2)}.btn--dashed:hover{background-color:#d7816a24;background-color:var(--accent-soft);border-color:#d7816a73;border-color:var(--accent-line);color:#d7816a;color:var(--accent)}.btn--sm{font-size:.8rem;height:30px;padding:0 10px}.btn--icon{border-radius:8px;height:34px;padding:0;width:34px}.btn--icon.btn--sm{height:30px;width:30px}.btn--block,.button--stretch{width:100%}.form-group input,.form-group textarea,.input,.lyrics-textarea,.note-entry-div input,.note-entry-div textarea{background-color:#ffffff0a;border:1px solid #ffffff24;border:1px solid var(--border-strong);border-radius:8px;color:#ecebe6;color:var(--text);font:inherit;font-size:.925rem;outline:none;padding:9px 12px;transition:border-color .15s cubic-bezier(.2,.7,.2,1),box-shadow .15s cubic-bezier(.2,.7,.2,1),background-color .15s;transition:border-color .15s var(--ease),box-shadow .15s var(--ease),background-color .15s;width:100%}.form-group input::placeholder,.input::placeholder,.lyrics-textarea::placeholder,.note-entry-div input::placeholder,.note-entry-div textarea::placeholder{color:#ecebe666;color:var(--text-3)}.form-group input:focus,.form-group textarea:focus,.input:focus,.lyrics-textarea:focus,.note-entry-div input:focus,.note-entry-div textarea:focus{background-color:#ffffff0f;border-color:#d7816a73;border-color:var(--accent-line);box-shadow:0 0 0 3px #d7816a59;box-shadow:var(--ring)}.app-layout{background-color:#181f1c;background-color:var(--bg-elev);display:flex;flex-direction:row;height:100vh;height:100dvh;width:100%}.main-content{color:#ecebe6;color:var(--text);flex:1 1;min-width:0;overflow-y:auto;padding:24px 48px calc(104px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(var(--now-playing-h) + 40px + env(safe-area-inset-bottom, 0px));position:relative}.main-content-header{align-items:center;display:flex;justify-content:flex-end;margin-bottom:24px}.user-badge{align-items:center;background-color:#1e2724;background-color:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:999px;color:#ecebe6a3;color:var(--text-2);display:inline-flex;font-size:.8rem;font-weight:500;gap:8px;height:32px;padding:0 12px 0 6px;transition:background-color .15s,color .15s,border-color .15s}.user-badge:hover{background-color:#26312d;background-color:var(--surface-2);border-color:#ffffff24;border-color:var(--border-strong);color:#ecebe6;color:var(--text)}.user-badge__avatar{background-color:#d7816a24;background-color:var(--accent-soft);border-radius:50%;color:#d7816a;color:var(--accent);display:inline-flex;font-family:Fraunces,Iowan Old Style,Palatino Linotype,Georgia,serif;font-family:var(--font-display);font-size:.85rem;font-style:italic;font-weight:600;height:22px;width:22px}.user-badge__avatar,.welcome-view{align-items:center;justify-content:center}.welcome-view{color:#ecebe666;color:var(--text-3);display:flex;flex-direction:column;gap:10px;min-height:60%;padding:40px 0;text-align:center}.welcome-view__mark{border-radius:16px;height:56px;margin-bottom:8px;opacity:.85;width:56px}.welcome-view h2{color:#ecebe6a3;color:var(--text-2);font-family:Fraunces,Iowan Old Style,Palatino Linotype,Georgia,serif;font-family:var(--font-display);font-size:1.6rem;font-style:italic;font-weight:500}.welcome-view p{font-size:.9rem;line-height:1.55;max-width:34ch}.standalone-page{color:#ecebe6;color:var(--text);margin:64px auto;max-width:440px;padding:0 20px}.standalone-page h1{color:#ecebe6;color:var(--text);font-family:Fraunces,Iowan Old Style,Palatino Linotype,Georgia,serif;font-family:var(--font-display);font-size:2rem;font-style:italic;font-weight:500;margin-bottom:6px}.standalone-page .page-lede{color:#ecebe666;color:var(--text-3);font-size:.9rem;margin-bottom:24px}.standalone-page hr{border:none;border-top:1px solid #ffffff12;border-top:1px solid var(--border);margin:20px 0}.card{background-color:#1e2724;background-color:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-l);padding:22px}.card+.card{margin-top:14px}.card__title{color:#ecebe666;color:var(--text-3);font-size:.75rem;font-weight:600;letter-spacing:.08em;margin-bottom:12px;text-transform:uppercase}.card p{color:#ecebe6a3;color:var(--text-2);font-size:.9rem}.text-muted{color:#ecebe666;color:var(--text-3);font-size:.8rem}.return-home{color:#ecebe6a3;color:var(--text-2);display:inline-block;font-size:.875rem;margin-top:20px}.return-home:hover{color:#d7816a;color:var(--accent)}.margin-bottom-10{margin-bottom:10px}.center{margin:auto}.padding-10{padding:10px}.max-width-400{max-width:400px}.flex-col{display:flex;flex-direction:column}.main-view{max-width:760px;max-width:var(--content-max);width:100%}.main-view,h1{color:#ecebe6;color:var(--text)}.searchContainer{align-items:center;background-color:#ffffff0a;border:1px solid #ffffff24;border:1px solid var(--border-strong);border-radius:8px;color:#ecebe666;color:var(--text-3);display:flex;gap:10px;height:38px;padding:0 12px;transition:border-color .15s cubic-bezier(.2,.7,.2,1),box-shadow .15s cubic-bezier(.2,.7,.2,1);transition:border-color .15s var(--ease),box-shadow .15s var(--ease);width:100%}.searchContainer:focus-within{border-color:#d7816a73;border-color:var(--accent-line);box-shadow:0 0 0 3px #d7816a59;box-shadow:var(--ring);color:#ecebe6a3;color:var(--text-2)}.searchContainer .search-icon{flex-shrink:0;font-size:.8rem}.searchContainer__input{background:#0000;border:none;color:#ecebe6;color:var(--text);flex:1 1;font:inherit;font-size:.9rem;min-width:0;outline:none}.searchContainer__input::placeholder{color:#ecebe666;color:var(--text-3)}.modal{display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:200}.modal .overlay{animation:fade-in .15s cubic-bezier(.2,.7,.2,1);animation:fade-in .15s var(--ease);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background-color:#080a0ab3;inset:0;position:fixed}.modal-container{animation:rise-in .18s cubic-bezier(.2,.7,.2,1);animation:rise-in .18s var(--ease);background-color:#1e2724;background-color:var(--surface);border:1px solid #ffffff24;border:1px solid var(--border-strong);border-radius:14px;border-radius:var(--radius-l);box-shadow:0 2px 4px #0006,0 24px 60px #00000080;box-shadow:var(--shadow-2);max-height:calc(100vh - 40px);overflow-y:auto;padding:22px 24px 24px;position:relative;width:min(580px,100%);z-index:1}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.modal-header h2{color:#ecebe6;color:var(--text);font-family:Fraunces,Iowan Old Style,Palatino Linotype,Georgia,serif;font-family:var(--font-display);font-size:1.5rem;font-style:italic;font-weight:500}.modal-header hr{display:none}.close-modal{align-items:center;border-radius:8px;color:#ecebe6a3;color:var(--text-2);display:inline-flex;font-size:.95rem;height:32px;justify-content:center;width:32px}.close-modal:hover{background-color:#26312d;background-color:var(--surface-2);color:#ecebe6;color:var(--text)}.modal-content{width:100%}.spotify-search-container{margin-bottom:18px;position:relative;width:100%;z-index:5}.spotify-search-results{background-color:#26312d;background-color:var(--surface-2);border:1px solid #ffffff24;border:1px solid var(--border-strong);border-radius:10px;border-radius:var(--radius-m);box-shadow:0 1px 2px #00000059,0 10px 30px #00000059;box-shadow:var(--shadow-1);display:none;flex-direction:column;left:0;overflow:hidden;padding:4px;position:absolute;right:0;top:calc(100% + 6px)}.spotify-result{border-radius:8px;padding:6px 8px;text-align:left;width:100%}.spotify-result:hover{background-color:#2f3b36;background-color:var(--surface-3)}.spotify-result-div{align-items:center;display:flex;gap:12px}.spotify-result-div img{border-radius:6px;flex-shrink:0;height:40px;object-fit:cover;width:40px}.spotify-result-div .track-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.result-title{color:#ecebe6;color:var(--text);font-size:.875rem;font-weight:500}.result-sub,.result-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-sub{font-size:.775rem}.form-divider,.result-sub{color:#ecebe666;color:var(--text-3)}.form-divider{align-items:center;display:flex;font-size:.7rem;gap:12px;letter-spacing:.08em;margin:4px 0 14px;text-transform:uppercase}.form-divider:after,.form-divider:before{border-top:1px solid #ffffff12;border-top:1px solid var(--border);content:"";flex:1 1}.new-song-form{color:#ecebe6;color:var(--text);width:100%}.form-grid{grid-row-gap:10px;grid-column-gap:14px;align-items:center;column-gap:14px;display:grid;grid-template-columns:110px 1fr;row-gap:10px}.form-group{display:contents}.form-group>label{color:#ecebe6a3;color:var(--text-2);font-size:.8rem;font-weight:500;text-align:right;white-space:nowrap}.form-group input{margin:0}.modal-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.modal-buttons .btn,.modal-buttons .button--blue,.modal-buttons .button--green{min-width:100px;width:auto}.login-google-logo{height:18px;width:18px}.auth-btn{align-items:center;border-radius:10px;display:inline-flex;font-size:.9rem;font-weight:500;gap:10px;height:42px;justify-content:center;transition:transform .1s cubic-bezier(.2,.7,.2,1),filter .15s;transition:transform .1s var(--ease),filter .15s;width:100%}.auth-btn:hover{filter:brightness(1.06)}.auth-btn:active{transform:translateY(1px)}.auth-btn--google{background-color:#fff;color:#1f1f1f}.auth-btn--spotify{background-color:#1db954;background-color:var(--spotify);color:#06210f}.status-line{align-items:center;color:#ecebe6a3;color:var(--text-2);display:flex;font-size:.9rem;gap:8px}.status-dot{background-color:#1db954;background-color:var(--spotify);border-radius:50%;box-shadow:0 0 0 3px #1db9542e;height:8px;width:8px}.login-user{color:#ecebe6;color:var(--text);font-weight:600}.login-email{color:#ecebe666;color:var(--text-3);font-size:.85rem}.card-actions{display:flex;gap:10px;margin-top:16px}.mobile-menu-btn{display:none}.yt-dock{height:158px;left:-9999px;position:fixed;top:0;width:280px;z-index:120}.yt-dock--open{animation:rise-in .18s cubic-bezier(.2,.7,.2,1);animation:rise-in .18s var(--ease);aspect-ratio:16/9;background-color:#000;border:1px solid #ffffff24;border:1px solid var(--border-strong);border-radius:12px;bottom:calc(84px + env(safe-area-inset-bottom, 0px));bottom:calc(var(--now-playing-h) + 20px + env(safe-area-inset-bottom, 0px));box-shadow:0 2px 4px #0006,0 24px 60px #00000080;box-shadow:var(--shadow-2);height:auto;left:auto;overflow:hidden;right:20px;top:auto;width:min(360px,calc(100vw - 40px))}.yt-dock__frame{inset:0;position:absolute}.yt-dock__frame iframe{border:0;display:block;height:100%;width:100%}.yt-dock__close{align-items:center;background-color:#0009;border-radius:50%;color:#fff;display:inline-flex;height:26px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .15s;width:26px}.yt-dock--open:hover .yt-dock__close,.yt-dock__close:focus-visible{opacity:1}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.main-content{padding:14px 16px calc(96px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(var(--now-playing-h) + 32px + env(safe-area-inset-bottom, 0px))}.mobile-menu-btn{align-items:center;background-color:#1e2724;background-color:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:10px;color:#ecebe6a3;color:var(--text-2);display:inline-flex;font-size:1.1rem;height:38px;justify-content:center;width:38px}.main-content-header{justify-content:space-between;margin-bottom:16px}.main-view{min-width:0;width:100%}.modal{align-items:end;padding:12px}.modal-container{max-height:calc(100vh - 24px);padding:18px 16px 20px}.form-grid{grid-template-columns:1fr;row-gap:6px}.form-group>label{margin-top:6px;text-align:left}.modal-buttons .btn,.modal-buttons .button--blue,.modal-buttons .button--green{flex:1 1}.standalone-page{margin:32px auto}}.page-loading{color:var(--text-3);font-size:.9rem;padding:40px 0}.song-page-header{align-items:center;display:flex;flex-direction:row;gap:22px;margin:0 0 8px}.song-album-art{background-color:var(--surface-2);border-radius:12px;box-shadow:var(--shadow-1);flex-shrink:0;height:116px;object-fit:cover;width:116px}.song-album-art--mono{align-items:center;border:1px solid var(--border);color:var(--text-3);display:flex;font-family:var(--font-display);font-size:2.4rem;font-style:italic;justify-content:center}.song-header-info{flex:1 1;flex-direction:column;min-width:0}.song-header-info,.song-title-row{align-items:flex-start;display:flex}.song-title-row{gap:12px;justify-content:space-between;width:100%}.song-title{color:var(--text);font-family:var(--font-display);font-size:2.35rem;font-style:italic;font-weight:500;letter-spacing:-.01em;line-height:1.1;margin:0 0 6px;min-width:0;overflow-wrap:anywhere}.song-artist-subtitle{color:var(--text-2);font-size:1rem;font-weight:500}.song-meta{color:var(--text-3);font-size:.82rem;margin-top:2px}.song-menu{flex-shrink:0;margin-top:4px;position:relative}.song-menu-btn{color:var(--text-3)}.song-menu-dropdown{animation:rise-in .14s var(--ease);background-color:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-m);box-shadow:var(--shadow-1);min-width:160px;padding:4px;position:absolute;right:0;top:calc(100% + 6px);z-index:10}.song-menu-item{align-items:center;border-radius:7px;color:var(--text);display:flex;font-size:.85rem;gap:10px;padding:8px 10px;text-align:left;width:100%}.song-menu-item:hover{background-color:var(--surface-3)}.song-menu-item--danger{color:var(--danger)}.song-menu-item--danger:hover{background-color:var(--danger-soft)}.song-page-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}.notes-section{max-width:640px}.notes-header{align-items:baseline;border-bottom:1px solid var(--border);display:flex;gap:10px;margin-bottom:4px;padding-bottom:10px}.notes-heading{color:var(--text);font-family:var(--font-display);font-size:1.35rem;font-style:italic;font-weight:500}.notes-count{font-feature-settings:"tnum";color:var(--text-3);font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:500}.notes-empty{color:var(--text-3);font-size:.9rem;line-height:1.55;padding:22px 4px}.song-notes-list{display:flex;flex-direction:column}.song-note{align-items:flex-start;border-radius:8px;display:flex;gap:14px;padding:10px 6px 10px 2px;transition:background-color .15s var(--ease)}.song-note:hover{background-color:hsla(0,0%,100%,.025)}.song-note+.song-note{border-radius:0;border-top:1px solid var(--border)}.song-note-timestamp{font-feature-settings:"tnum";align-items:center;background-color:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--text-2);display:inline-flex;flex-shrink:0;font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:500;height:26px;justify-content:center;letter-spacing:.02em;margin-top:1px;transition:background-color .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease);width:58px}.song-note-timestamp:disabled{cursor:default}.song-note-timestamp--empty{background-color:initial;border-style:dashed;color:var(--text-3)}.song-note-timestamp--clickable{background-color:var(--accent-soft);border-color:var(--accent-line);color:var(--accent);cursor:pointer}.song-note-timestamp--clickable:hover{background-color:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.song-note-text{color:var(--text);flex:1 1;font-size:.95rem;line-height:1.6;min-width:0;overflow-wrap:anywhere;padding-top:1px;white-space:pre-wrap}.edit-button{color:var(--text-3);flex-shrink:0;opacity:0;transition:opacity .15s var(--ease),background-color .15s,color .15s}.edit-button--visible,.edit-button:focus-visible,.song-note:hover .edit-button{opacity:1}.add-song-note-btn{margin-top:14px}.note-entry-div{animation:rise-in .16s var(--ease);background-color:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-m);display:flex;flex-direction:column;gap:10px;margin:10px 0 6px;padding:14px}.note-entry-fields{align-items:flex-start;display:flex;gap:10px}.note-entry-div .note-entry__time{font-feature-settings:"tnum";flex-shrink:0;font-variant-numeric:tabular-nums;font-weight:500;text-align:center;width:82px}.note-entry-div .note-entry__text{flex:1 1;line-height:1.55;min-height:96px;resize:vertical}.note-entry-actions{align-items:center;display:flex;gap:8px}.note-entry-actions .note-delete-button{margin-left:auto}.lyrics-panel{animation:slide-in-right .22s var(--ease);background-color:var(--surface);border-left:1px solid var(--border-strong);box-shadow:-20px 0 60px #00000059;display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:100vw;padding:20px 22px;padding-bottom:calc(var(--now-playing-h) + 20px + env(safe-area-inset-bottom, 0px));position:fixed;right:0;top:0;width:440px;z-index:150}@keyframes slide-in-right{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}.lyrics-panel-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.lyrics-heading{color:var(--text);font-family:var(--font-display);font-size:1.35rem;font-style:italic;font-weight:500}.lyrics-panel-header-actions{align-items:center;display:flex;gap:2px}.lyrics-display{color:var(--text-2);flex:1 1;font-size:.925rem;line-height:1.75;overflow-y:auto;padding:6px 4px;white-space:pre-wrap}.lyrics-placeholder{color:var(--text-3);font-style:italic}.lyrics-textarea{flex:1 1;line-height:1.7;resize:none}.lyrics-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}@media (max-width:768px){.song-page-header{align-items:flex-start;gap:16px}.song-album-art{border-radius:10px;height:84px;width:84px}.song-album-art--mono{font-size:1.8rem}.song-title{font-size:1.7rem}.song-artist-subtitle{font-size:.925rem}.edit-button{opacity:1}.song-note{gap:10px}.note-entry-fields{flex-direction:column}.note-entry-div .note-entry__time{width:110px}.note-entry-actions{flex-wrap:wrap}.lyrics-panel{padding:16px;padding-bottom:calc(var(--now-playing-h) + 16px + env(safe-area-inset-bottom, 0px));width:100%}}.player-widget{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);margin:20px 0 28px;max-width:640px;padding:16px 18px 14px}.player-alert{align-items:flex-start;background-color:var(--danger-soft);border:1px solid #e5675c4d;border-radius:var(--radius-m);display:flex;gap:12px;margin-bottom:14px;padding:12px 14px}.player-alert__icon{color:var(--danger);flex-shrink:0;margin-top:2px}.player-alert__body{display:flex;flex-direction:column;gap:4px;min-width:0}.player-alert__title{color:var(--text);font-size:.85rem;font-weight:600}.player-alert__text{color:var(--text-2);font-size:.8rem;line-height:1.5}.player-alert__link{color:var(--accent);font-size:.8rem;font-weight:500;margin-top:2px}.player-fallback-note{color:var(--text-3);font-size:.72rem}.player-controls{align-items:center;display:flex;gap:16px}.player-play-btn{align-items:center;background-color:var(--accent);border-radius:50%;box-shadow:0 6px 18px #d7816a40;color:var(--text-on-accent);display:flex;height:46px;justify-content:center;min-width:46px;transition:background-color .15s var(--ease),transform .1s var(--ease);width:46px}.player-play-btn:hover{background-color:var(--accent-strong)}.player-play-btn:active{transform:scale(.96)}.player-play-icon{margin-left:2px}.player-right{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.player-waveform{align-items:center;cursor:pointer;display:flex;gap:2px;height:52px;padding-bottom:10px;position:relative}.waveform-bar{background-color:#ffffff24;border-radius:2px;flex:1 1;min-width:0;transition:background-color .15s var(--ease)}.waveform-bar--played{background-color:var(--accent)}.player-waveform:hover .waveform-bar:not(.waveform-bar--played){background-color:#ffffff38}.waveform-note-dot{background-color:var(--text);border:2px solid var(--surface);border-radius:50%;bottom:0;box-shadow:0 0 0 1px var(--accent-line);height:7px;pointer-events:none;position:absolute;transform:translateX(-50%);width:7px}.player-times{display:flex;justify-content:space-between}.player-time{font-feature-settings:"tnum";color:var(--text-3);font-size:.72rem;font-variant-numeric:tabular-nums}.player-badge-row{align-items:center;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;padding-top:12px}.source-chip{align-items:center;background-color:var(--surface-2);border:1px solid var(--border);border-radius:999px;color:var(--text-2);display:inline-flex;font-size:.72rem;font-weight:500;gap:7px;height:24px;letter-spacing:.01em;padding:0 10px 0 8px}.source-chip__dot{background-color:var(--accent);border-radius:50%;height:7px;width:7px}.source-chip--spotify .source-chip__dot{background-color:var(--spotify)}.source-chip--youtube .source-chip__dot{background-color:var(--youtube)}.source-chip--preview .source-chip__dot{background-color:var(--accent)}.player-itunes-link{color:var(--text-3);font-size:.75rem;text-decoration:underline;text-underline-offset:3px}.player-itunes-link:hover{color:var(--text)}.player-hint{color:var(--text-3);font-size:.72rem;font-style:italic;margin-left:auto}.player-launch{align-items:center;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);display:flex;gap:14px;margin:20px 0 28px;max-width:640px;padding:14px 18px}.player-launch__text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.player-launch__title{font-size:.9rem;font-weight:500}.player-launch__sub{color:var(--text-3);font-size:.78rem}.player-launch--empty{color:var(--text-3);font-size:.875rem}@media (max-width:768px){.player-launch,.player-widget{max-width:100%}.player-hint{display:none}}.youtube-input-container{position:relative;width:100%}.youtube-input-container input{width:100%}.youtube-search-results{background-color:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-m);box-shadow:var(--shadow-1);left:0;max-height:300px;overflow-y:auto;padding:4px;position:absolute;right:0;top:calc(100% + 6px);z-index:20}.youtube-search-result{align-items:center;border-radius:8px;color:var(--text);display:flex;gap:10px;padding:6px 8px;text-align:left;width:100%}.youtube-result-thumb,.youtube-search-result:hover{background-color:var(--surface-3)}.youtube-result-thumb{border-radius:5px;flex-shrink:0;height:36px;object-fit:cover;width:64px}.youtube-result-info{flex:1 1;min-width:0;overflow:hidden}.youtube-result-title{font-size:.825rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.youtube-result-channel{color:var(--text-3);font-size:.72rem}.sidebar{background-color:var(--bg);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;height:100dvh;min-width:var(--sidebar-w);overflow:hidden;width:var(--sidebar-w)}.sidebar-brand{align-items:center;color:var(--text);display:flex;gap:10px;padding:18px 20px 12px}.sidebar-brand__mark{border-radius:7px;height:26px;width:26px}.sidebar-brand__name{font-family:var(--font-display);font-size:1.15rem;font-style:italic;font-weight:500;letter-spacing:.01em}.sidebar-search{padding:4px 16px 10px}.sidebar-section-label{align-items:center;color:var(--text-3);display:flex;font-size:.7rem;font-weight:600;justify-content:space-between;letter-spacing:.08em;padding:6px 22px;text-transform:uppercase}.sidebar-count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:0}.sidebar-songs{flex:1 1;overflow-y:auto;padding:0 10px 12px}.sidebar-empty{color:var(--text-3);font-size:.85rem;padding:24px 12px;text-align:center}.sidebar-song-link{align-items:center;border-radius:10px;color:var(--text);display:flex;gap:12px;margin-bottom:2px;padding:8px 10px;position:relative;transition:background-color .15s var(--ease)}.sidebar-song-link:hover{background-color:var(--surface);color:var(--text)}.sidebar-song-link--active,.sidebar-song-link--active:hover{background-color:var(--accent-soft)}.sidebar-song-link--active:before{background-color:var(--accent);border-radius:3px;bottom:10px;content:"";left:0;position:absolute;top:10px;width:3px}.sidebar-song-art{background-color:var(--surface-2);border-radius:7px;flex-shrink:0;height:40px;object-fit:cover;width:40px}.sidebar-song-art--mono{align-items:center;border:1px solid var(--border);color:var(--text-3);display:flex;font-family:var(--font-display);font-size:1.1rem;font-style:italic;justify-content:center}.sidebar-song-text{flex:1 1;min-width:0}.sidebar-song-title{font-size:.9rem;font-weight:500}.sidebar-song-artist,.sidebar-song-title{line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-song-artist{color:var(--text-3);font-size:.78rem}.sidebar-song-link--active .sidebar-song-artist{color:var(--text-2)}.sidebar-eq{align-items:flex-end;display:inline-flex;flex-shrink:0;gap:2px;height:14px;margin-right:2px}.sidebar-eq i{animation:eq-bounce .9s ease-in-out infinite;background-color:var(--accent);border-radius:2px;display:block;width:3px}.sidebar-eq i:first-child{animation-delay:0s;height:60%}.sidebar-eq i:nth-child(2){animation-delay:.2s;height:100%}.sidebar-eq i:nth-child(3){animation-delay:.4s;height:45%}@keyframes eq-bounce{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.sidebar-footer{border-top:1px solid var(--border);padding:12px 16px calc(16px + env(safe-area-inset-bottom, 0px))}@media (max-width:768px){.sidebar{box-shadow:none;left:0;min-width:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s var(--ease);width:min(var(--sidebar-w),86vw);z-index:300}.sidebar--open{box-shadow:var(--shadow-2);transform:translateX(0)}.sidebar-backdrop{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#0000008c;inset:0;position:fixed;z-index:290}}.now-playing-bar{align-items:center;animation:np-rise .22s var(--ease);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);background-color:#121716d1;border-top:1px solid var(--border-strong);bottom:0;display:flex;gap:14px;left:var(--sidebar-w);min-height:var(--now-playing-h);padding:10px 20px calc(10px + env(safe-area-inset-bottom, 0px));position:fixed;right:0;z-index:100}@keyframes np-rise{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.now-playing-info{align-items:center;color:inherit;display:flex;flex-shrink:0;gap:10px;min-width:0;width:220px}.now-playing-info:hover .now-playing-title{color:var(--accent)}.now-playing-art{background-color:var(--surface-2);border-radius:7px;box-shadow:0 2px 8px #0006;flex-shrink:0;height:42px;object-fit:cover;width:42px}.now-playing-art--mono{align-items:center;color:var(--text-3);display:flex;font-family:var(--font-display);font-style:italic;justify-content:center}.now-playing-text{display:flex;flex-direction:column;min-width:0}.now-playing-title{color:var(--text);font-size:.85rem;font-weight:500;transition:color .15s}.now-playing-artist,.now-playing-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing-artist{color:var(--text-3);font-size:.75rem}.now-playing-play-btn{align-items:center;background-color:var(--accent);border-radius:50%;color:var(--text-on-accent);display:inline-flex;height:36px;justify-content:center;min-width:36px;transition:background-color .15s var(--ease),transform .1s var(--ease),opacity .15s;width:36px}.now-playing-play-btn:hover{background-color:var(--accent-strong)}.now-playing-play-btn:active{transform:scale(.95)}.now-playing-play-btn:disabled{opacity:.45}.now-playing-play-icon{margin-left:2px}.now-playing-waveform{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:2px;height:30px;min-width:0}.np-waveform-bar{background-color:#ffffff24;border-radius:2px;flex:1 1;min-width:0;transition:background-color .15s var(--ease)}.np-waveform-bar--played{background-color:var(--accent)}.now-playing-waveform:hover .np-waveform-bar:not(.np-waveform-bar--played){background-color:#ffffff38}.now-playing-time{font-feature-settings:"tnum";color:var(--text-2);flex-shrink:0;font-size:.75rem;font-variant-numeric:tabular-nums;min-width:84px;text-align:right}.now-playing-time__total,.now-playing-video{color:var(--text-3)}.now-playing-video{align-items:center;border-radius:8px;display:inline-flex;flex-shrink:0;height:30px;justify-content:center;transition:background-color .15s,color .15s;width:30px}.now-playing-video--on,.now-playing-video:hover{background-color:var(--surface-2);color:var(--text)}.now-playing-close{align-items:center;border-radius:8px;color:var(--text-3);display:inline-flex;flex-shrink:0;height:30px;justify-content:center;transition:background-color .15s,color .15s;width:30px}.now-playing-close:hover{background-color:var(--surface-2);color:var(--text)}@media (max-width:768px){.now-playing-bar{gap:10px;left:0;padding:8px 14px calc(8px + env(safe-area-inset-bottom, 0px))}.now-playing-info{flex:1 1;width:auto}.now-playing-waveform{display:none}.now-playing-time{min-width:0}.now-playing-time__total{display:none}}
/*# sourceMappingURL=main.f2470f4d.css.map*/