@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Playfair+Display:wght@600;700&display=swap";.page-shell{background:linear-gradient(135deg, var(--bg-start), var(--bg-end));min-height:100vh;color:var(--frost);padding-bottom:80px;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);width:100vw;max-width:100vw;overflow-x:hidden}.holiday-hero{text-align:center;flex-direction:column;align-items:center;gap:32px;padding:40px 20px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:1;max-width:540px;margin-left:auto;margin-right:auto}.hero-kicker{text-transform:uppercase;letter-spacing:.3em;color:var(--champagne);margin-bottom:8px;font-size:.8rem}.holiday-hero h1{margin:0 0 12px;font-family:Playfair Display,serif;font-size:clamp(2.6rem,6vw,3.8rem)}.hero-subtitle{color:#f4f7fbd9;max-width:420px;margin:0 0 24px;line-height:1.5}.hero-cta{background:linear-gradient(135deg, var(--cranberry), var(--champagne));color:#0b0d1c;cursor:pointer;border:none;border-radius:999px;padding:14px 28px;font-weight:600;box-shadow:0 10px 25px #0003}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.hero-secondary{color:var(--frost);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:999px;padding:14px 28px;font-weight:600;transition:background .2s}.hero-secondary:hover{background:#fff3}.hero-ornament{background:radial-gradient(circle,#ffffff4d,#0000 55%);border-radius:50%;width:240px;max-width:100%;height:240px;animation:6s ease-in-out infinite glow;position:relative}.ornament-inner{background:linear-gradient(145deg,#ffffffe6,#ffffff1a);border-radius:50%;width:70%;height:70%;margin:15%}@keyframes glow{0%,to{opacity:.8;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}}.festive-suggestions{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;width:100vw;max-width:100vw;margin-bottom:32px;padding:0 clamp(24px,5vw,80px);display:grid}.suggestion-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;align-items:center;gap:16px;max-width:100%;padding:18px;transition:transform .2s,background .2s;display:flex}.suggestion-card:hover{background:#ffffff1a;transform:translateY(-2px)}.suggestion-card h3{margin:0 0 6px;font-size:1.1rem}.suggestion-card p{color:#f4f7fbbf;word-wrap:break-word;overflow-wrap:break-word;margin:0}.suggestion-emoji{font-size:1.8rem}.content-container{width:100vw;max-width:100vw;margin:0 auto;padding:0 16px}.desktop-only{display:none}.song-list h2{margin-top:0;font-family:Playfair Display,serif;font-size:2rem}.song-list-search input{box-sizing:border-box;color:#fff;appearance:none;background:#0003;border:1px solid #fff3;border-radius:999px;width:100%;padding:10px 16px;font-size:16px}.song-filter-row{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.filter-pill{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #0000;border-radius:999px;padding:6px 14px;transition:border .2s,transform .2s}.filter-pill.active{border-color:var(--champagne);color:var(--champagne)}.song-items{flex-direction:column;gap:12px;margin-top:12px;display:flex}.song-item{cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;transition:transform .2s,border .2s;display:flex}@media (hover:hover){.song-item:hover{border-color:#ffffff40}}.song-item.selected{border-color:var(--champagne);background:#ffffff14}.song-info{flex:1;min-width:0}.song-info h3{margin:0;font-size:1.05rem}.song-subtle{color:#f4f7fb99;margin:4px 0 0;font-size:.9rem}.add-to-playlist-button{color:#fff;white-space:nowrap;background:#ffffff14;border:1px solid #0000;border-radius:999px;flex-shrink:0;align-items:center;min-height:44px;padding:6px 12px;display:flex}.add-to-playlist-button.added{background:#0f6c4de6;border-color:#fff3}.lyric-viewer{background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;min-height:400px;padding:clamp(20px,5vw,40px);position:relative;box-shadow:0 4px 24px #0000001a}.lyric-viewer-header{border-bottom:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px;padding-bottom:24px;display:flex}.pill-button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff6;border-radius:999px;padding:8px 18px;transition:all .2s}.pill-button:hover{background:#ffffff1a}.pill-button.active{background:var(--evergreen);border-color:#0000}.lyric-floating-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#0b0d1cd9;border:1px solid #fff3;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-left:auto;padding:14px 28px;font-weight:600;transition:all .2s cubic-bezier(.2,.8,.2,1);display:flex;position:sticky;bottom:24px;box-shadow:0 8px 32px #0006}.lyric-floating-button:hover{background:#0b0d1cf2;transform:translateY(-2px);box-shadow:0 12px 40px #00000080}.lyric-floating-button.active{background:var(--evergreen);border-color:#0000;box-shadow:0 8px 32px #0f6c4d66}.lyric-floating-button.active:hover{background:#0b5d41}.lyric-viewer h2{margin:0;font-family:Playfair Display,serif;font-size:2.4rem;line-height:1.1}.lyrics-content{color:#f4f7fbf2;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;margin-bottom:40px;font-size:1.15rem;line-height:1.8}.lyrics-content p{margin-bottom:1.5em}.developer-info{color:#f4f7fbbf;border-top:1px solid #ffffff1a;margin-top:32px;padding-top:24px}.developer-link{color:var(--champagne);text-decoration:none}.playlist-page-header{padding:24px 24px 16px}.playlist-page-header h2{color:var(--champagne);margin:0;font-family:Playfair Display,serif;font-size:1.8rem}.playlist-builder{background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;padding:24px;position:relative}.playlist-builder h3{margin-top:0;font-family:Playfair Display,serif}.playlist-inline-fields{flex-wrap:wrap;gap:12px;display:flex}.playlist-field{flex-direction:column;flex:1;gap:6px;min-width:180px;display:flex}.playlist-field input,.playlist-field textarea,.playlist-field select{color:#fff;appearance:none;background:#00000040;border:1px solid #ffffff26;border-radius:12px;padding:10px 12px;font-size:16px}.playlist-songs ul{margin:0;padding:0;list-style:none}.playlist-songs li{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.playlist-songs li span{word-wrap:break-word;overflow-wrap:break-word;flex:1;min-width:0}.playlist-filter{color:#fff;appearance:none;background:#0003;border:1px solid #ffffff1a;border-radius:12px;width:100%;margin:8px 0;padding:8px 12px;font-size:16px}.playlist-reorder-button{color:#fff;background:#ffffff12;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.primary-button{background:linear-gradient(135deg, var(--evergreen), var(--cranberry));color:#fff;cursor:pointer;border:none;border-radius:12px;padding:10px 18px}.link-button{color:var(--champagne);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:inline-flex}.link-button:hover{background:#ffffff1a}.status-message{color:var(--champagne)}.playlist-share-bar{background:#0000004d;border:1px solid #ffffff1a;border-radius:20px;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:14px;display:flex}.share-info{flex:1;min-width:0;overflow:hidden}.share-url{white-space:nowrap;text-overflow:ellipsis;color:var(--champagne);background:#0003;border-radius:6px;margin-top:4px;padding:4px 8px;font-family:monospace;font-size:.85rem;display:block;overflow:hidden}.muted-text{color:#f4f7fba6}.share-actions{align-items:center;gap:12px;display:flex}.share-floating-capsule{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;align-self:flex-end;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;display:flex;position:sticky;bottom:20px}.share-floating-capsule .primary-button{width:auto;padding:6px 14px}.playlist-indicator{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#ffffff14;border:1px solid #fff3;border-radius:16px;align-items:center;gap:10px;padding:10px 16px;display:flex;position:fixed;top:auto;bottom:20px;right:20px}.playlist-indicator span{background:linear-gradient(135deg, var(--cranberry), var(--champagne));color:#0b0d1c;aspect-ratio:1;border-radius:50%;justify-content:center;align-items:center;min-width:2rem;min-height:2rem;padding:4px;font-weight:600;display:flex}.playlist-indicator p{margin:0;font-weight:500}.playlist-share{color:var(--frost);padding:clamp(16px,5vw,32px)}.playlist-share-song{background:#ffffff0a;border:1px solid #ffffff0d;border-radius:20px;margin-bottom:16px;padding:20px}.playlist-share-actions{flex-wrap:wrap;gap:12px;margin:12px 0 24px;display:flex}.outline-button{color:#fff;background:0 0;border:1px solid #fff6;border-radius:999px;padding:8px 16px;text-decoration:none}.playlist-add-search{margin-bottom:16px;position:relative}.search-results-dropdown{background:var(--bg-end);z-index:10;border:1px solid #ffffff1a;border-radius:8px;max-height:200px;margin:4px 0 0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000004d}.search-results-dropdown li{border-bottom:1px solid #ffffff0d}.search-results-dropdown li:last-child{border-bottom:none}.search-results-dropdown button{text-align:left;width:100%;color:var(--frost);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:12px 16px;display:flex}.search-results-dropdown button:hover{background:#ffffff0d}.search-results-dropdown button span{color:var(--champagne);font-size:1.2em;font-weight:700}.playlist-sheet{z-index:100;box-sizing:border-box;background:#070b1dfa;border-top:1px solid #ffffff1a;border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;width:100%;max-height:85vh;padding:16px;transition:transform .3s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -10px 40px #0009}.playlist-sheet.open{transform:translateY(0)}.playlist-sheet-header{border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.playlist-sheet .playlist-builder{background:0 0;border:none;border-radius:0;flex-grow:1;padding:0 0 40px;overflow-y:auto}.playlist-navigation{background:#f5f5f5;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:12px;display:flex}.playlist-position{color:#666;text-align:center;flex-grow:1;font-size:.9rem;font-weight:500}.nav-button{color:#333;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:20px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px 16px;font-size:.9rem;transition:all .2s;display:flex}.nav-button:disabled{opacity:.5;cursor:not-allowed;background:0 0;border-color:#0000}.nav-button:not(:disabled):hover{background:#eee;border-color:#ccc}@media (prefers-color-scheme:dark){.playlist-navigation{background:#2a2a2a}.playlist-position{color:#aaa}.nav-button{color:#eee;background:#333;border-color:#444}.nav-button:not(:disabled):hover{background:#444;border-color:#555}}.full-screen-lyrics{background:linear-gradient(135deg, var(--bg-start), var(--bg-end));color:var(--frost);padding:24px;padding-left:max(24px, env(safe-area-inset-left));padding-right:max(24px, env(safe-area-inset-right));z-index:50;-webkit-overflow-scrolling:touch;box-sizing:border-box;width:100vw;max-width:100vw;padding-bottom:120px;position:fixed;inset:0;overflow:hidden auto}.full-screen-lyrics *{max-width:100%}.lyrics-header-actions{z-index:60;margin-top:-24px;margin-bottom:24px;margin-left:calc(-1 * max(24px, env(safe-area-inset-left)));margin-right:calc(-1 * max(24px, env(safe-area-inset-right)));padding:8px 0;padding-top:max(8px, env(safe-area-inset-top));padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));pointer-events:none;background:0 0;justify-content:space-between;align-items:center;max-width:none;display:flex;position:sticky;top:0}.lyrics-header-actions button,.lyrics-header-actions .pill-button,.lyrics-header-actions .back-button{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--frost);cursor:pointer;background:#0b0d1cd9;border:1px solid #fff3;border-radius:999px;justify-content:center;align-items:center;min-height:44px;margin-bottom:0;padding:8px 12px;font-weight:500;transition:transform .2s,background .2s;display:inline-flex;box-shadow:0 4px 12px #0000004d}.lyrics-header-actions button:hover{background:#0b0d1cf2;transform:translateY(-1px)}.lyrics-header-actions .pill-button.active{background:var(--evergreen);border-color:#0000}.full-screen-lyrics h2{color:var(--champagne);margin-bottom:24px;font-family:Playfair Display,serif;font-size:2rem}.sheet-backdrop{z-index:15;background:#0006;width:100%;height:100%;position:fixed;inset:0}.playlist-songs-controls{align-items:center;gap:8px;display:flex}.playlist-selector{background:#fff;border:1px solid #eee;border-radius:12px;margin-bottom:24px;padding:16px;box-shadow:0 4px 12px #0000000d}.playlist-list{flex-direction:column;gap:8px;max-height:300px;margin-top:16px;display:flex;overflow-y:auto}.playlist-item{cursor:pointer;text-align:left;background:#f9f9f9;border:1px solid #eee;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:12px;display:flex}.playlist-item:hover{background:#f0f0f0}.playlist-item.active{background:#e6f7ff;border-color:#1890ff}.playlist-title{font-weight:500}.playlist-count{color:#666;font-size:.85rem}.outline-button.small{padding:4px 12px;font-size:.85rem}.full-width{width:100%}.playlist-viewer{background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;padding:24px}.playlist-viewer-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.playlist-title-large{color:var(--champagne);margin:0 0 8px;font-family:Playfair Display,serif;font-size:2rem}.playlist-meta{color:#f4f7fb99;margin:0;font-size:.9rem}.playlist-actions-row{margin-bottom:24px}.play-button{justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:1.1rem;display:flex}.song-list-view{flex-direction:column;gap:8px;display:flex}.song-item-view{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:16px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.song-item-view:hover{background:#ffffff1a;transform:translate(4px)}.song-number{color:#f4f7fb66;text-align:center;width:24px;font-family:monospace;font-size:1.1rem}.chevron{color:#f4f7fb4d;font-size:1.5rem;font-weight:300}.empty-state{text-align:center;color:#f4f7fb99;padding:40px 0}.font-size-controls{justify-content:flex-end;gap:8px;margin-top:-8px;margin-bottom:16px;display:flex}.font-size-button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s;display:flex}.font-size-button:hover{background:#fff3}.font-size-button:active{background:#ffffff4d}@media (prefers-color-scheme:dark){.playlist-selector{background:#2a2a2a;border-color:#333}.playlist-item{color:#eee;background:#333;border-color:#444}.playlist-item:hover{background:#444}.playlist-item.active{background:#1a3a5a;border-color:#1890ff}.playlist-count{color:#aaa}}.app-footer{text-align:center;border-top:1px solid #ffffff1a;margin-top:2rem;padding:2rem 0}.app-footer a{color:var(--frost);opacity:.6;font-size:.9rem;text-decoration:none;transition:opacity .2s}.app-footer a:hover{opacity:1;text-decoration:underline}:root{--bg-start:#070b1d;--bg-end:#1a2844;--cranberry:#d6456b;--evergreen:#0f6c4d;--champagne:#f5d08a;--frost:#f4f7fb;color:#f4f7fb;-webkit-text-size-adjust:100%;background-color:#070b1d;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:100%;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{color:#f4f7fb;background-color:#070b1d;width:100vw;min-width:320px;max-width:100vw;min-height:100vh;margin:0;position:relative;overflow-x:hidden!important}html,#root{width:100vw;max-width:100vw;overflow-x:hidden!important}