:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#eaf3fa;--surface:#f7fbfff2;--text:#273e55;--secondary:#47637c;--muted:#617b91;--accent:#286e9e;--on-accent:#fff;--accent-soft:#dfedf8;--accent-border:#a4c1d8;--chip:#e5f0f8;--line:#cbdde9;--hero:#e8f2fa;--hero-border:#aecbdf;--dot:#5f9dc0;--pink:#e8b5ad;--pink-dark:#a95156;--pink-soft:#fff0eb;--pink-line:#e8cac5;--gold:#bf9c45;--favorite:#95adc1;--ambient:#c4e0f280;--ambient-pink:#fff2e680;--shadow:#355a8110;--page-wash:#eaf3fa1f;--hero-veil:#e8f2fa;--hero-veil-soft:#e8f2fad9;--scene-opacity:1;--catalog-panel:#eff7ff33;--song-panel:#f9fcff8f;--song-hover:#f3faffdc;--support-panel:#f2f8ffb8;--text-edge:#fff6;--scene-image:url(/assets/background-day-CnBium1b.webp);--page-scene-position:center 55%;--hero-scene-position:center 58%;--mobile-scene-position:43% 57%;--scroll-track:#a4c5dd4d;--scroll-start:#93c8e2;--scroll-end:#5487ae;--scroll-outline:#f7fbff;--glass-panel:#f7fbffed;--glass-card:#ffffffb3;--glass-hover:#fffffff0;--glass-border:#9bbbd3;--glass-line:#b2cbde;--glass-highlight:#ffffffd9;--glass-shadow:#355a8112;--glass-mint:#b7dff13b;--glass-pink:#f5d8cd3d;--glass-selected:#e2f1fc;--song-glass-border:#a4bdd0;--song-glass-hover-border:#5383a8;--paper-veil:#f7fbffed;--paper-card:#ffffffa6}:root[data-theme=night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#192f50;--surface:#203b5ef2;--text:#edf4fd;--secondary:#c4d6eb;--muted:#a6bdd6;--accent:#c5dfa6;--on-accent:#223d3f;--accent-soft:#304d60;--accent-border:#607d94;--chip:#354f65;--line:#465f7c;--hero:#244568;--hero-border:#6985a1;--dot:#b4d794;--pink:#e5b8cc;--pink-dark:#f0c2d0;--pink-soft:#4d435e;--pink-line:#7b6586;--gold:#f1db91;--favorite:#93adc6;--ambient:#4b74b340;--ambient-pink:#a0b97c20;--shadow:#06132b26;--page-wash:#192f5026;--hero-veil:#244568;--hero-veil-soft:#244568d9;--scene-opacity:1;--catalog-panel:#18355933;--song-panel:#122a4c9e;--song-hover:#203e60e8;--support-panel:#192f50c7;--text-edge:#10233c80;--scene-image:url(/assets/background-night-BRCjjHIs.webp);--page-scene-position:center 45%;--hero-scene-position:center 37%;--mobile-scene-position:center 42%;--scroll-track:#8aa7ca38;--scroll-start:#a7c9bf;--scroll-end:#7292b2;--scroll-outline:#192f50;--glass-panel:#203b5eed;--glass-card:#355172b3;--glass-hover:#476582e6;--glass-border:#829bb6;--glass-line:#6887a8;--glass-highlight:#d6e8ff2e;--glass-shadow:#06132b26;--glass-mint:#b9d69b26;--glass-pink:#ddafca26;--glass-selected:#3b586c;--song-glass-border:#718eaa;--song-glass-hover-border:#c5dfa6;--paper-veil:#203b5ef5;--paper-card:#355172b3}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:none;scroll-padding-top:28px;overflow-x:clip}html::-webkit-scrollbar{width:0;height:0;display:none}.page-scrollbar{z-index:6;touch-action:none;cursor:pointer;outline:none;width:18px;height:calc(100% - 24px);position:fixed;top:12px;right:0}.scrollbar-track{fill:var(--scroll-track)}.scrollbar-gradient-start{stop-color:var(--scroll-start)}.scrollbar-gradient-end{stop-color:var(--scroll-end)}.scrollbar-thumb{fill:url(#page-scrollbar-gradient);stroke:var(--scroll-outline);stroke-width:1px;transition:filter .18s}.scrollbar-glint{fill:#ffffff42;pointer-events:none}.page-scrollbar:hover .scrollbar-thumb,.page-scrollbar.is-dragging .scrollbar-thumb{filter:brightness(.92)}.page-scrollbar:focus-visible .scrollbar-thumb{stroke:var(--accent);stroke-width:2px}.page-scrollbar:focus-visible{outline:none}.page-scrollbar.is-dragging{cursor:grabbing}@media (width<=760px){.page-scrollbar{width:12px;right:1px}}@media (forced-colors:active){.scrollbar-track{fill:canvas;stroke:graytext}.scrollbar-thumb{fill:highlight;stroke:canvastext}.scrollbar-glint{fill:highlighttext}}body{color:var(--text);background:var(--background);-webkit-font-smoothing:antialiased;isolation:isolate;margin:0;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-size:14px}body:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(var(--page-wash), var(--page-wash)), var(--scene-image) var(--page-scene-position) / cover no-repeat;position:fixed;inset:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button,a,input,select,textarea{outline-offset:4px}:focus-visible{outline:2px solid var(--accent)}svg{flex-shrink:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10;background:var(--surface);border-radius:10px;padding:12px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:12px}.site-shell{max-width:1180px;margin:auto;padding:0 32px}.topbar{justify-content:space-between;align-items:center;gap:20px;height:96px;display:flex}.desktop-brand{display:none}.brand{align-items:center;gap:12px;display:flex}.brand-icon{background:var(--accent-soft);color:var(--accent);border-radius:16px 16px 16px 5px;place-items:center;width:45px;height:45px;display:grid;transform:rotate(-5deg)}.brand strong{letter-spacing:1px;font-size:19px;font-weight:750;display:block}.brand small{letter-spacing:2.2px;color:var(--muted);margin-top:4px;font-size:8px;font-weight:700;display:block}.topnav{color:var(--muted);align-items:center;gap:34px;margin-left:auto;margin-right:30px;font-size:13px;display:flex}.nav-current{color:var(--accent);font-weight:700;position:relative}.nav-current span{background:var(--accent);border-radius:3px;width:16px;height:3px;position:absolute;bottom:-11px;left:calc(50% - 8px)}.nav-favorites{align-items:center;gap:7px;padding:8px 0;display:flex}.nav-favorites>span{background:var(--accent-soft);color:var(--accent);text-align:center;border-radius:6px;min-width:20px;padding:2px 4px;font-size:10px}.theme-button{background:var(--surface);border:1px solid var(--line);width:37px;height:37px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.hero{background:var(--hero);border:1px solid var(--hero-border);min-height:400px;box-shadow:0 6px 35px var(--shadow);border-radius:26px;align-items:center;display:flex;position:relative;overflow:hidden}.hero-scene{object-fit:cover;object-position:center 38%;width:78%;height:100%;opacity:var(--scene-opacity);pointer-events:none;position:absolute;bottom:0;right:0}.hero-shade{background:linear-gradient(90deg, var(--hero-veil) 0%, var(--hero-veil) 27%, var(--hero-veil-soft) 44%, transparent 72%);pointer-events:none;position:absolute;inset:0}.hero-copy{z-index:1;max-width:60%;padding:41px 0 34px 43px;position:relative}.hero-eyebrow{background:var(--surface);color:var(--accent);letter-spacing:1.2px;border-radius:20px;align-items:center;gap:7px;padding:6px 11px;font-size:9px;font-weight:700;display:inline-flex}h1{letter-spacing:1px;margin:22px 0 15px;font-size:clamp(28px,3.4vw,40px);font-weight:780;line-height:1.45;position:relative}h1>span{color:var(--accent)}.hero-copy>p{color:var(--secondary);max-width:380px;margin:0;font-size:12px;line-height:1.9}.hero-bottom{color:var(--secondary);align-items:center;gap:13px;margin-top:25px;font-size:11px;display:flex}.hero-bottom>span{align-items:center;gap:6px;display:flex}.hero-bottom b{color:var(--accent);font-weight:750}.hero-bottom i{background:var(--hero-border);width:1px;height:12px}.profile-label{color:var(--accent);align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.profile-label img{object-fit:cover;border-radius:50%}.workspace{grid-template-columns:205px minmax(0,1fr);align-items:start;gap:30px;margin-top:33px;display:grid}.sidebar{padding-top:7px}.side-heading{color:var(--secondary);align-items:center;gap:7px;margin-bottom:14px;font-size:11px;font-weight:650;display:flex}.side-heading>span{color:var(--muted);letter-spacing:1px;margin-left:auto;font-size:9px}.side-tabs{gap:5px;display:grid}.side-tabs button{color:var(--secondary);text-align:left;border:1px solid #0000;border-radius:11px;align-items:center;gap:11px;padding:12px 13px;font-size:12px;display:flex}.side-tabs button>span{color:var(--muted);margin-left:auto;font-size:10px}.side-tabs button.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border);font-weight:700}.side-tabs button.active>span{color:var(--accent)}.index-section{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.alphabet{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.alphabet button{background:var(--surface);border:1px solid var(--line);min-height:33px;color:var(--secondary);border-radius:7px;font-size:11px;transition:background .15s}.alphabet button:first-child{font-size:10px}.alphabet button:hover,.alphabet button.active{color:var(--accent);border-color:var(--accent-border);background:var(--accent-soft)}.random-card{border:1px solid var(--pink-line);background:var(--pink-soft);border-radius:16px;margin-top:27px;padding:18px 15px 15px;position:relative;overflow:hidden}.random-card h3{margin:12px 0 6px;font-size:13px;font-weight:700}.random-card p{color:var(--secondary);margin:0 0 17px;font-size:11px}.random-card>button{background:var(--surface);border:1px solid var(--pink-line);width:100%;color:var(--pink-dark);border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px 8px;font-size:11px;display:flex}.random-card>button svg:last-child{margin-left:auto}.side-note{color:var(--muted);text-align:center;margin-top:20px;font-size:10px;line-height:1.9}.side-note>span{color:var(--pink);margin-bottom:3px;font-size:18px;display:block}.catalog{min-width:0;scroll-margin-top:25px}.search-wrap{background:var(--surface);border:1px solid var(--line);height:51px;color:var(--muted);box-shadow:0 3px 12px var(--shadow);border-radius:13px;align-items:center;gap:12px;padding:0 17px;display:flex}.search-wrap:focus-within{border-color:var(--accent)}.search-wrap input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:none;height:100%;font-size:12px}.search-wrap input::placeholder{color:var(--muted)}.search-wrap input::-webkit-search-cancel-button{display:none}.search-wrap kbd{border:1px solid var(--line);background:var(--background);text-align:center;border-radius:5px;width:23px;height:23px;font-size:12px;line-height:21px}.search-clear{place-items:center;padding:5px;display:grid}.catalog-heading{justify-content:space-between;align-items:center;gap:12px;margin-top:25px;display:flex}.section-kicker{color:var(--muted);letter-spacing:1.5px;font-size:8px;font-weight:650}h2{letter-spacing:.5px;margin:7px 0 0;font-size:20px;font-weight:750}.sort-control select{border:1px solid var(--line);background:var(--surface);color:var(--secondary);border-radius:8px;max-width:120px;padding:8px 9px;font-size:11px}.catalog-actions{align-items:center;gap:7px;display:flex}.mobile-random{border:1px solid var(--line);width:34px;height:34px;color:var(--accent);background:var(--surface);border-radius:9px;justify-content:center;align-items:center;display:none}.catalog-meta{color:var(--muted);justify-content:space-between;align-items:center;min-height:17px;margin:16px 0 12px;font-size:10px;display:flex}.catalog-meta>button{color:var(--accent);align-items:center;gap:4px;font-size:10px;display:flex}.copy-hint{align-items:center;gap:5px;display:flex}.tag-filters{flex-wrap:wrap;gap:6px;margin-top:13px;display:flex}.tag-filters button{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:6px 10px;font-size:11px}.tag-filters button.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.song-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none;display:grid}.song-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;min-width:0;padding-right:8px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.song-card:hover{border-color:var(--accent-border);box-shadow:0 5px 14px var(--shadow);transform:translateY(-2px)}.song-card.copied{background:var(--accent-soft);border-color:var(--accent-border)}.song-copy{text-align:left;border-radius:12px;flex:1;align-items:center;gap:12px;min-width:0;min-height:76px;padding:15px 4px 15px 15px;display:flex}.song-number{color:var(--muted);font-variant-numeric:tabular-nums;min-width:17px;font-size:10px}.song-description{flex:1;min-width:0}.song-description strong{overflow-wrap:anywhere;font-size:13px;font-weight:650;line-height:1.5;display:block}.song-description small{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-size:9px;display:block}.copy-chip{color:var(--accent);background:var(--chip);white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:6px;font-size:10px;display:flex}.copied .copy-chip{background:var(--accent);color:#fff}.favorite-button{width:32px;height:40px;color:var(--favorite);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.favorite-button.saved{color:var(--pink-dark)}.favorite-button.saved svg{fill:var(--pink)}.favorite-button:hover{color:var(--pink-dark)}.list-bottom{text-align:center;padding:20px 0 15px}.list-bottom>p{color:var(--muted);margin:5px 0;font-size:10px}.list-bottom>p span{color:var(--gold);margin-left:4px}.load-more{color:var(--secondary);background:var(--surface);border:1px solid var(--line);border-radius:20px;align-items:center;gap:10px;padding:10px 19px;font-size:11px;display:inline-flex}.load-more>span{color:var(--muted);font-size:9px}.how-to{background:var(--accent-soft);border:1px dashed var(--accent-border);border-radius:12px;align-items:center;gap:12px;margin-top:10px;padding:17px;display:flex}.how-to-icon{color:var(--accent);background:var(--surface);border-radius:10px;place-items:center;width:37px;height:37px;display:grid}.how-to strong{color:var(--accent);font-size:11px;font-weight:650}.how-to p{color:var(--secondary);margin:5px 0 0;font-size:10px;line-height:1.7}.empty-state{text-align:center;border:1px dashed var(--line);background:var(--surface);color:var(--accent);border-radius:15px;padding:60px 20px}.empty-state h3{color:var(--text);margin:20px 0 10px;font-size:16px}.empty-state p{color:var(--secondary);font-size:12px;line-height:1.8}.primary-button{background:var(--accent);color:var(--on-accent);border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:12px 23px;font-size:12px;display:inline-flex}.loading-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.skeleton{background:var(--surface);border:1px solid var(--line);border-radius:12px;height:77px;animation:1.5s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.4}}.footer{border-top:1px solid var(--line);color:var(--muted);letter-spacing:1px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:38px;padding:26px 0 30px;font-size:8px;display:flex}.footer-brand{letter-spacing:.4px;align-items:center;gap:7px;font-size:10px;display:flex}.footer-registration{text-align:center;letter-spacing:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 20px;width:100%;font-size:12px;line-height:1.6;display:flex}.footer-registration a{color:var(--text);white-space:nowrap;align-items:center;gap:5px;text-decoration:none;display:inline-flex}.footer-registration img{object-fit:contain;flex-shrink:0}.footer-registration a:hover{text-decoration:underline}.footer-registration a:focus-visible{outline-offset:4px;border-radius:2px;outline:2px solid}.toast-message{z-index:8;background:var(--surface);border:1px solid var(--accent-border);border-radius:13px;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 28px);padding:13px 19px;font-size:12px;line-height:1.7;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 35px #30453525}.toast-check{background:var(--accent-soft);width:25px;height:25px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.toast-enter-active,.toast-leave-active{transition:opacity .2s,bottom .2s}.toast-enter-from,.toast-leave-to{opacity:0;bottom:14px}.song-dialog{border:1px solid var(--line);background:var(--surface);width:400px;max-width:calc(100vw - 32px);color:var(--text);text-align:center;border-radius:23px;padding:35px 30px 28px;position:fixed;box-shadow:0 25px 80px #223d3230}.song-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#233d3450}.dialog-close{width:30px;height:30px;color:var(--muted);border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.song-dialog h2{margin-top:12px;font-size:19px}.song-dialog h3{color:var(--accent);overflow-wrap:anywhere;margin:23px 0 15px;font-size:24px}.song-dialog p{color:var(--secondary);margin-bottom:23px;font-size:12px;line-height:1.9}.song-dialog .primary-button{width:100%}.random-again{color:var(--secondary);align-items:center;gap:6px;margin-top:14px;padding:8px;font-size:12px;display:inline-flex}.song-dialog textarea{background:var(--accent-soft);width:100%;color:var(--text);border:1px solid var(--accent-border);resize:none;border-radius:10px;margin-bottom:17px;padding:13px}@media (width>=1440px){.site-shell{max-width:1260px}.hero-copy{padding-left:50px}.hero{min-height:420px}.workspace{grid-template-columns:215px minmax(0,1fr);gap:35px}}@media (width<=1000px){.hero-copy{padding-left:30px}.workspace{grid-template-columns:180px minmax(0,1fr);gap:20px}.song-copy{gap:8px;padding-left:11px}.copy-chip>span{display:none}.copy-chip{padding:7px}}@media (width<=760px){.site-shell{padding:0 20px}.topbar{height:79px}.topnav{gap:17px;margin-right:0}.nav-favorites{gap:5px;font-size:0}.nav-current{font-size:12px}.brand strong{font-size:17px}.brand-icon{width:39px;height:39px}.brand small{font-size:7px}.hero{min-height:350px}.hero-copy{max-width:65%;padding:28px 20px}.hero-eyebrow{letter-spacing:.7px;padding:5px 8px;font-size:7px}h1{margin-top:19px;font-size:29px}.hero-copy>p{font-size:11px}.hero-bottom{flex-wrap:wrap;gap:7px;max-width:190px;margin-top:17px;font-size:10px}.hero-bottom i{display:none}.workspace{margin-top:22px;display:block}.sidebar{gap:14px;margin-bottom:20px;display:grid}.sidebar>.side-heading,.side-note,.random-card{display:none}.side-tabs{gap:8px;display:flex}.side-tabs button{background:var(--surface);border-color:var(--line);flex:1;padding:11px 13px}.index-section{border:0;margin:0;padding:0}.index-section>.side-heading{display:none}.alphabet{grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:6px;padding:2px 1px}.alphabet button{width:100%;min-width:0;min-height:36px}.catalog-heading{margin-top:21px}.copy-chip>span{display:inline}.song-copy{gap:9px}.song-description strong{font-size:12px}.song-number{display:none}h2{font-size:18px}.footer{flex-direction:column;gap:11px;margin-top:25px;padding:23px 0}}@media (width<=560px){.site-shell{padding:0 15px}.topnav{display:none}.hero{border-radius:21px}.hero-copy{max-width:100%;padding:25px 23px}.hero-copy>p{max-width:250px;padding-right:30px}h1{font-size:30px}.hero-bottom{flex-direction:column;align-items:start;max-width:190px;margin-top:19px}.song-grid,.loading-grid{grid-template-columns:minmax(0,1fr)}.song-copy{gap:13px;min-height:73px;padding:14px 5px 14px 14px}.song-number{display:block}.song-description strong{font-size:13px}.copy-chip{padding:7px 9px}.favorite-button{width:39px}.song-card{padding-right:7px}.catalog-meta{font-size:10px}.copy-hint{font-size:9px}.search-wrap{gap:9px;padding:0 13px}.search-wrap input{font-size:11px}.search-wrap kbd{display:none}.how-to{gap:9px;padding:14px}.section-kicker{letter-spacing:1px;font-size:7px}.sort-control select{max-width:105px;padding:7px;font-size:10px}.toast-message{padding:12px 14px;font-size:11px;bottom:15px}.profile-label{overflow-wrap:anywhere;max-width:180px}}@media (width<=360px){.hero-copy{padding-left:18px;padding-right:15px}h1{font-size:26px}.hero-eyebrow{font-size:6px}.hero-copy>p{max-width:230px}.copy-hint{display:none}.catalog-heading h2{font-size:16px}.sort-control select{max-width:95px}.song-copy{gap:8px}.how-to p{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=760px){.mobile-random{display:flex}.sidebar{grid-template-columns:minmax(0,1fr);min-width:0}.index-section{min-width:0}.alphabet{max-width:100%}.side-tabs button{min-width:0}}@media (width<=360px){.hero-copy>p{max-width:240px;padding-right:0}.catalog-actions{gap:5px}.mobile-random{width:29px;height:31px}.sort-control select{max-width:90px;padding-left:4px;padding-right:4px}}@media (width<=1000px){.hero{min-height:370px}.hero-scene{width:85%}.hero-shade{background:linear-gradient(90deg, var(--hero-veil) 0%, var(--hero-veil) 28%, var(--hero-veil-soft) 47%, transparent 78%)}}@media (width<=760px){.hero{min-height:350px}.hero-scene{object-position:70% center;width:88%}.hero-copy{max-width:68%}}@media (width<=560px){.hero{min-height:0;display:block}.hero-copy{max-width:100%;padding:25px 23px 255px}.hero-copy>p{max-width:290px;padding-right:0}.hero-bottom{max-width:100%;margin-top:17px}.hero-scene{object-position:right center;width:100%;height:300px}.hero-shade{background:linear-gradient(180deg, var(--hero-veil) 0%, var(--hero-veil) calc(100% - 285px), var(--hero-veil-soft) calc(100% - 260px), transparent calc(100% - 195px))}body:before{background-position:70%}}@media (width<=360px){.hero-copy{padding-left:18px;padding-right:18px}.hero-copy>p{max-width:100%}}.catalog{border:1px solid var(--glass-border);background:radial-gradient(ellipse at 96% 1%, var(--glass-pink), transparent 32%), radial-gradient(ellipse at 0% 40%, var(--glass-mint), transparent 50%), var(--glass-panel);-webkit-backdrop-filter:blur(12px)saturate(115%);backdrop-filter:blur(12px)saturate(115%);box-shadow:inset 0 0 0 1px var(--glass-highlight), 0 12px 40px var(--glass-shadow);border-radius:26px;padding:24px;scroll-margin-top:92px;position:relative}.catalog .search-wrap{background:var(--glass-card);border-color:var(--glass-line);box-shadow:inset 0 1px 0 var(--glass-highlight), 0 3px 12px var(--glass-shadow);border-radius:16px}.catalog .search-wrap:focus-within{border-color:var(--accent)}.song-grid{gap:12px}.song-card{border:1.5px solid var(--song-glass-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:none;background:0 0;border-radius:17px 17px 17px 7px;transition:border-color .2s,transform .2s;position:relative}.song-card:hover,.song-card:focus-within{border-color:var(--song-glass-hover-border);box-shadow:none;background:0 0}.song-card.copied{border-color:var(--accent);background:0 0}.song-copy{border-radius:17px;gap:11px;min-height:82px;padding-left:14px;position:relative}.song-number{width:30px;min-width:30px;height:32px;color:var(--accent);background:var(--glass-mint);border:1px solid var(--glass-highlight);letter-spacing:.5px;border-radius:11px 11px 11px 4px;place-items:center;display:grid}.song-card:nth-child(4n+2) .song-number,.song-card:nth-child(4n+3) .song-number{color:var(--pink-dark);background:var(--glass-pink)}.song-description strong{letter-spacing:.25px;font-size:13px}.copy-chip{border:1px solid var(--glass-line);background:var(--glass-card);border-radius:9px;padding:7px 8px}.favorite-button{border-radius:50%;width:32px;height:32px;transition:background .2s,color .2s,transform .2s}.favorite-button:hover,.favorite-button.saved{background:var(--glass-pink);color:var(--pink-dark)}.catalog .how-to{background:var(--glass-mint);border-radius:17px}.catalog .load-more,.catalog .sort-control select{background:var(--glass-card);border-color:var(--glass-line)}@media (width<=1000px) and (width>=761px){.catalog{padding:19px}.song-copy{gap:8px;padding-left:10px}.song-number{width:25px;min-width:25px;height:29px}}@media (width<=760px){.catalog{border-radius:23px;padding:20px}.song-number{display:grid}.song-copy{gap:10px}}@media (width<=560px){.catalog{border-radius:22px;padding:17px 12px}.catalog-heading{gap:8px}.song-copy{min-height:79px;padding-left:12px}.song-grid{gap:11px}.song-card{padding-right:9px}.song-card .favorite-button{width:32px}.catalog .search-wrap{gap:8px;padding:0 11px}.catalog .how-to{padding:13px 10px}}@media (width<=360px){.catalog{padding:15px 10px}.catalog-heading{flex-wrap:wrap;gap:12px}.catalog-actions{margin-left:auto}.song-copy{gap:8px;padding-left:9px}.song-number{width:26px;min-width:26px;height:29px}.song-description strong{font-size:12px}.copy-chip{padding:6px;font-size:9px}.song-card{padding-right:6px}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.catalog{background:var(--surface)}}@media (forced-colors:active){.catalog,.song-card{box-shadow:none;background:canvas;border-color:canvastext}.song-number,.copy-chip{color:buttontext;border-color:buttontext}}.site-shell{--shell-width:1180px;--shell-pad:32px}.topbar{justify-content:flex-end}.music-corner{flex-shrink:0;width:180px;height:54px;margin-right:auto}.music-corner audio{display:none}.music-controls{z-index:7;top:21px;left:max(var(--shell-pad), calc((100vw - var(--shell-width)) / 2 + var(--shell-pad)));align-items:center;gap:12px;display:flex;position:fixed}.vinyl-button{isolation:isolate;border-radius:50%;flex-shrink:0;width:54px;height:54px;padding:0;position:relative}.vinyl-volume{border:1px solid var(--accent-border);background:var(--surface);border-radius:20px;align-items:center;gap:5px;height:34px;padding:0 10px 0 5px;display:flex;box-shadow:0 3px 12px #233d3410}.volume-button{width:26px;height:30px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.volume-slider{appearance:none;cursor:pointer;background:0 0;border-radius:8px;width:64px;height:30px;margin:0;padding:0}.volume-slider::-webkit-slider-runnable-track{background:var(--accent-border);border-radius:4px;height:4px}.volume-slider::-moz-range-track{background:var(--accent-border);border-radius:4px;height:4px}.volume-slider::-moz-range-progress{background:var(--accent);border-radius:4px;height:4px}.volume-slider::-webkit-slider-thumb{appearance:none;border:2px solid var(--surface);background:var(--accent);width:12px;height:12px;box-shadow:0 0 0 1px var(--accent-border);border-radius:50%;margin-top:-4px}.volume-slider::-moz-range-thumb{border:2px solid var(--surface);background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 1px var(--accent-border);border-radius:50%}.vinyl-record{background:conic-gradient(from 30deg,#fff0 0deg,#ffffff20 35deg,#fff0 65deg 175deg,#ffffff18 205deg,#fff0 235deg),repeating-radial-gradient(circle,#252b29 0 2px,#3a403a 2.5px,#1d2321 3px 4px);border:1px solid #444b45;border-radius:50%;place-items:center;animation:12s linear infinite paused vinyl-spin;display:grid;position:absolute;inset:1px;box-shadow:0 4px 12px #1b2b2930,inset 0 0 0 2px #161c1a}.vinyl-cover{object-fit:cover;border-radius:50%;width:calc(100% - 12px);height:calc(100% - 12px);position:absolute;inset:6px}.vinyl-spindle{background:#24312a;border:1px solid #edf6e9;border-radius:50%;width:5px;height:5px;position:absolute}.vinyl-tonearm{transform-origin:top;pointer-events:none;background:#8cac96;border:1px solid #eaf4e9;border-radius:3px;width:3px;height:22px;transition:transform .4s;position:absolute;top:0;right:3px;transform:rotate(-10deg);box-shadow:1px 1px 2px #12271a30}.vinyl-tonearm:after{content:"";background:#c7dfc8;border:1px solid #769883;border-radius:2px;width:7px;height:5px;position:absolute;bottom:-2px;left:-3px;transform:rotate(-20deg)}.vinyl-action{border:1px solid var(--accent-border);background:var(--surface);width:18px;height:18px;color:var(--accent);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:0;right:-1px;box-shadow:0 2px 5px #233d3420}.music-corner.is-playing .vinyl-record{animation-play-state:running}.music-corner.is-playing .vinyl-tonearm{transform:rotate(22deg)}.vinyl-button:hover .vinyl-record{box-shadow:0 4px 16px #1b2b2940, 0 0 0 3px var(--accent-border)}@keyframes vinyl-spin{to{transform:rotate(360deg)}}@media (width>=1440px){.site-shell{--shell-width:1260px}}@media (width<=760px){.site-shell{--shell-pad:20px}.topbar{gap:14px}.music-corner{width:172px;height:46px}.music-controls{top:16.5px}.vinyl-button{width:46px;height:46px}.vinyl-tonearm{height:19px}.vinyl-action{width:17px;height:17px}}@media (width<=560px){.site-shell{--shell-pad:15px}}@media (width<=360px){.topbar{gap:11px}}@media (prefers-reduced-motion:reduce){.vinyl-record{animation:none}}@media (forced-colors:active){.vinyl-record{background:canvas;border:2px solid buttontext}.vinyl-action{color:buttontext;background:canvas;border-color:buttontext}}.hero-eyebrow{letter-spacing:1.4px;background:0 0;border-radius:0;padding:0;font-size:11px;font-weight:500}.hero h1,.catalog h2{font-family:Noto Serif SC,Source Han Serif SC,Songti SC,SimSun,serif;font-weight:600}.catalog{background:linear-gradient(var(--paper-veil), var(--paper-veil)), url(/assets/meadow-paper-pattern-BDW9wuIm.webp) repeat;border-color:var(--glass-line);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 5px 24px var(--glass-shadow);background-size:auto,420px 420px;border-radius:20px}.catalog-heading{gap:16px;margin-top:20px;position:relative}.catalog-title-group{min-width:0}.catalog-title-group .section-kicker{letter-spacing:2px;font-size:10px;font-weight:500}.catalog h2{margin-top:6px;font-size:24px;line-height:1.4}.catalog-botanical{object-fit:contain;pointer-events:none;flex-shrink:0;width:116px;height:64px;margin-left:auto;display:block}.catalog-actions{flex-shrink:0}.song-card{background:var(--paper-card);-webkit-backdrop-filter:none;backdrop-filter:none;border-width:1px;border-radius:10px}.song-card.copied{border-color:var(--accent)}.song-copy{border-radius:10px}.song-number,.song-card:nth-child(4n+2) .song-number,.song-card:nth-child(4n+3) .song-number{color:var(--muted);background:0 0;border:0;border-radius:0;font-family:Georgia,Times New Roman,serif;font-size:13px;font-weight:400}.copy-chip{background:0 0;border:0;border-radius:6px}.random-card{background:linear-gradient(var(--paper-veil), var(--paper-veil)), url(/assets/meadow-paper-pattern-BDW9wuIm.webp) center / 320px;border-color:var(--line);border-radius:12px;grid-template-columns:minmax(0,1fr) 76px;gap:8px 4px;margin-top:20px;padding-top:12px;display:grid}.random-art{object-fit:contain;grid-area:1/2/span 2;align-self:center;width:76px;height:68px;display:block}.random-card h3{grid-area:1/1;margin:3px 0 0;line-height:1.6}.random-card p{grid-area:2/1;margin:0;line-height:1.7}.random-card>button{color:var(--accent);border-color:var(--accent-border);border-radius:7px;grid-column:1/-1}.side-note{margin-top:14px;font-size:10px}.catalog .how-to{background:var(--paper-card);border-style:solid;border-color:var(--line);border-radius:10px}.empty-state{border-style:solid;padding:32px 20px}.empty-art{object-fit:contain;width:156px;height:104px;margin:0 auto;display:block}.dialog-art{object-fit:contain;width:144px;height:96px;margin:0 auto 12px;display:block}.song-dialog{max-height:calc(100dvh - 32px);overflow-y:auto}@media (width<=1000px){.catalog-botanical{width:90px;height:56px}.catalog h2{font-size:21px}}@media (width<=760px){.catalog-botanical{width:100px}.catalog h2{font-size:22px}.random-card{display:none}}@media (width<=560px){.hero-eyebrow{font-size:10px}.catalog-heading{gap:10px}.catalog-botanical{display:none}.catalog-actions{margin-left:auto}.catalog h2{font-size:21px}.catalog-meta{flex-wrap:wrap;gap:8px}.copy-hint{font-size:9px}}@media (forced-colors:active){.catalog,.random-card,.song-card,.catalog .how-to{background:canvas;border-color:canvastext}.catalog-botanical{display:none}}@media (width>=761px){html,body,#app{width:100%;height:100%;min-height:0;overflow:hidden}body{background:var(--background);font-size:11px}body:before{background:linear-gradient(var(--page-wash), var(--page-wash)), var(--scene-image) var(--page-scene-position) / cover no-repeat}.page-scrollbar{display:none}.site-shell{--shell-width:100vw;--shell-pad:12px;grid-template-rows:48px minmax(0,1fr) 34px;gap:6px;width:100%;max-width:none;height:100dvh;min-height:0;margin:0;padding:0 12px;display:grid;overflow:hidden}.topbar{border-bottom:1px solid var(--accent-border);gap:14px;height:auto;min-height:0}.music-corner{width:auto;height:36px;margin-right:0}.music-controls{gap:10px;position:static}.vinyl-button{width:34px;height:34px}.vinyl-tonearm{height:16px;right:1px}.vinyl-action{width:14px;height:14px}.vinyl-volume{height:26px;box-shadow:none;border-radius:4px;padding:0 7px 0 3px}.volume-button{width:22px;height:24px}.volume-slider{width:54px;height:24px}.desktop-brand{border-left:1px solid var(--accent-border);align-items:baseline;gap:10px;padding-left:14px;display:flex}.desktop-brand strong{letter-spacing:.5px;font-size:12px;font-weight:650}.desktop-brand small{color:var(--muted);letter-spacing:1px;font-size:8px}.topnav{gap:22px;margin-right:0;font-size:11px}.nav-current span{height:2px;bottom:-7px}.nav-favorites{padding:5px 0}.theme-button{border-radius:4px;width:27px;height:27px}.theme-button svg{width:15px;height:15px}.site-shell>main{grid-template-rows:126px minmax(0,1fr);gap:8px;min-width:0;min-height:0;display:grid;overflow:hidden}.hero{border:1px solid var(--accent-border);min-height:0;box-shadow:none;border-radius:5px}.hero-scene{object-position:center 28%;width:55%;height:100%}.hero-shade{background:linear-gradient(90deg, var(--hero-veil) 0%, var(--hero-veil) 43%, var(--hero-veil-soft) 57%, transparent 82%)}.hero-copy{width:70%;max-width:70%;max-height:100%;padding:10px 16px;overflow:auto}.hero-eyebrow{letter-spacing:1px;font-size:9px}.hero h1{letter-spacing:.5px;margin:5px 0;font-size:23px;line-height:1.35}.hero h1 br{display:none}.hero h1>span{margin-left:8px}.hero-copy>p{max-width:560px;margin:0;font-size:10px;line-height:1.6}.hero-bottom{flex-wrap:wrap;gap:10px;margin-top:7px;font-size:9px}.hero-bottom svg{width:12px;height:12px}.profile-label{max-width:160px;margin:0;font-size:10px;position:absolute;top:10px;right:12px}.profile-label img{width:22px;height:22px}.workspace{grid-template-columns:168px minmax(0,1fr);align-items:stretch;gap:8px;min-width:0;min-height:0;margin:0;display:grid;overflow:hidden}.sidebar{border:1px solid var(--accent-border);background:var(--surface);overscroll-behavior:contain;border-radius:4px;min-height:0;padding:10px;position:static;overflow:hidden auto}.side-heading{margin:0 0 8px;font-size:10px}.side-heading>span{font-size:8px}.side-tabs{gap:4px}.side-tabs button{border-color:var(--line);border-radius:3px;gap:7px;min-height:30px;padding:6px 8px;font-size:11px}.side-tabs button svg{width:14px;height:14px}.side-tabs button>span{font-size:9px}.index-section{border-color:var(--accent-border);margin-top:10px;padding-top:10px}.alphabet{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.alphabet button{white-space:nowrap;border:1px solid var(--line);background:0 0;border-radius:2px;min-height:25px;padding:0;font-size:10px}.alphabet button:first-child{font-size:9px}.alphabet button.active{border-color:var(--accent);background:var(--accent-soft)}.random-card{border:1px solid var(--accent-border);background:var(--background);border-radius:3px;grid-template-columns:1fr;gap:4px;margin-top:10px;padding:8px;display:grid}.random-art{display:none}.random-card h3{margin:0;font-size:11px;line-height:1.4}.random-card p{font-size:9px;line-height:1.4}.random-card>button{border-radius:2px;min-height:26px;margin-top:3px;padding:5px 6px;font-size:10px}.side-note{margin:10px 0 0;font-size:9px}.catalog{background:var(--surface);border:1px solid var(--accent-border);min-width:0;min-height:0;box-shadow:none;border-radius:4px;flex-direction:column;padding:9px;scroll-margin-top:0;display:flex;overflow:hidden}.catalog>:not(.catalog-scroll){flex-shrink:0}.catalog .search-wrap{background:var(--background);border:1px solid var(--accent-border);height:32px;box-shadow:none;border-radius:3px;gap:8px;padding:0 10px}.search-wrap>svg{width:15px;height:15px}.search-wrap input{font-size:11px}.search-wrap kbd{border-radius:2px;width:18px;height:18px;font-size:10px;line-height:16px}.catalog-heading{gap:10px;min-height:29px;margin-top:7px}.catalog-title-group .section-kicker,.catalog-botanical{display:none}.catalog h2{letter-spacing:0;margin:0;font-family:inherit;font-size:13px;font-weight:650;line-height:1.4}.catalog .sort-control select{border-color:var(--accent-border);border-radius:2px;padding:4px 6px;font-size:10px}.catalog-meta{min-height:16px;margin:3px 0 7px;font-size:9px}.catalog-meta>button,.copy-hint{font-size:9px}.tag-filters{gap:4px;max-height:55px;margin-top:6px;overflow-y:auto}.tag-filters button{border-radius:2px;padding:3px 6px;font-size:10px}.catalog-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1 1 0;min-width:0;min-height:0;padding:1px 5px 1px 1px;overflow:hidden auto}.catalog-scroll:focus-visible{outline-offset:-2px}.song-grid,.loading-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.song-card{border:1px solid var(--accent-border);min-height:38px;box-shadow:none;background:0 0;border-radius:2px;padding-right:4px;transition:background .15s,border-color .15s}.song-card:hover,.song-card:focus-within,.song-card.copied{background:var(--accent-soft);border-color:var(--accent);box-shadow:none;transform:none}.song-copy{border-radius:2px;gap:7px;min-height:36px;padding:5px 3px 5px 7px}.song-number,.song-card:nth-child(4n+2) .song-number,.song-card:nth-child(4n+3) .song-number{opacity:.75;width:19px;min-width:19px;height:auto;font-family:ui-monospace,Consolas,monospace;font-size:9px}.song-description strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;font-size:11px;font-weight:500;line-height:1.4;overflow:hidden}.song-description small{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:9px;overflow:hidden}.copy-chip{color:var(--accent);border:0;border-radius:2px;padding:3px}.copy-chip svg{width:12px;height:12px}.copy-chip>span{display:none}.favorite-button{border-radius:2px;width:24px;height:26px}.favorite-button svg{width:14px;height:14px}.skeleton{border-radius:2px;height:38px}.list-bottom{padding:10px 0 7px}.catalog .load-more{border-color:var(--accent-border);border-radius:3px;padding:6px 13px;font-size:10px}.catalog .how-to{border-color:var(--accent-border);background:0 0;border-radius:3px;gap:8px;margin-top:5px;padding:8px}.how-to-icon{border-radius:2px;width:25px;height:25px}.how-to-icon svg{width:15px;height:15px}.how-to strong{font-size:10px}.how-to p{margin-top:2px;font-size:9px}.footer{border-color:var(--accent-border);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;min-height:0;max-height:none;margin:0;padding:0;font-size:8px;display:grid;overflow:hidden}.footer-brand{white-space:nowrap;text-overflow:ellipsis;grid-area:1/1;font-size:9px;overflow:hidden}.footer>span:nth-child(2){text-align:right;grid-area:1/3}.footer-registration{flex-wrap:nowrap;grid-area:1/2;gap:12px;width:auto;font-size:10px}.footer-registration img{width:15px;height:15px}.sidebar,.catalog-scroll,.hero-copy,.tag-filters{scrollbar-width:thin;scrollbar-color:var(--accent-border) transparent}:is(.sidebar,.catalog-scroll,.hero-copy,.tag-filters)::-webkit-scrollbar{width:5px}:is(.sidebar,.catalog-scroll,.hero-copy,.tag-filters)::-webkit-scrollbar-thumb{background:var(--accent-border);border-radius:2px}}@media (width>=1440px){.song-grid,.loading-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.workspace{grid-template-columns:178px minmax(0,1fr)}}@media (width>=761px) and (width<=1000px){.site-shell{grid-template-rows:44px minmax(0,1fr) 30px;padding:0 8px}.desktop-brand small{display:none}.workspace{grid-template-columns:148px minmax(0,1fr);gap:6px}.sidebar{padding:8px}.song-grid,.loading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy{width:78%;max-width:78%;padding:10px 12px}.hero h1{font-size:20px}.hero-copy>p{max-width:400px}.footer-brand,.footer>span:nth-child(2){display:none}}@media (width>=761px) and (height<=700px){.site-shell{grid-template-rows:42px minmax(0,1fr) 28px;gap:4px}.site-shell>main{grid-template-rows:100px minmax(0,1fr);gap:6px}.hero-copy{padding:7px 12px}.hero-eyebrow{display:none}.hero h1{margin:3px 0 4px;font-size:21px}.hero-bottom{margin-top:5px}}@media (width>=761px) and (forced-colors:active){.sidebar,.catalog,.song-card,.song-card:hover{background:canvas;border-color:canvastext}}.hero-scene{object-position:var(--hero-scene-position);opacity:1}.catalog{background:var(--catalog-panel)}.random-card{background:var(--accent-soft)}.catalog-botanical{display:none}@media (width>=761px){.hero-scene{object-position:var(--hero-scene-position);width:min(48%,460px)}.hero-shade{background:linear-gradient(90deg, var(--hero-veil) 0%, var(--hero-veil) 49%, var(--hero-veil-soft) 67%, transparent 88%)}}@media (width<=760px) and (width>=561px){.hero-scene{object-position:var(--hero-scene-position);width:58%}.hero-shade{background:linear-gradient(90deg, var(--hero-veil) 0%, var(--hero-veil) 30%, var(--hero-veil-soft) 46%, transparent 80%)}}@media (width<=560px){body:before{background-position:var(--page-scene-position)}.hero-copy{padding-bottom:295px}.hero-scene{object-position:var(--mobile-scene-position);width:100%;height:320px}.hero-shade{background:linear-gradient(180deg, var(--hero-veil) 0%, var(--hero-veil) calc(100% - 310px), var(--hero-veil-soft) calc(100% - 295px), transparent calc(100% - 250px))}}@media (forced-colors:active){.catalog,.random-card{background:canvas}}.catalog{background:var(--catalog-panel);-webkit-backdrop-filter:none;backdrop-filter:none}.song-card{background:var(--song-panel)}.song-card:hover,.song-card:focus-within,.song-card.copied{background:var(--song-hover)}.song-description strong{color:var(--text);font-weight:600}.song-description small,.song-number{color:var(--secondary)}.catalog-heading,.catalog-meta{background:var(--support-panel);border-radius:3px;padding:4px 7px}.catalog .how-to,.catalog .empty-state,.topbar,.footer{background:var(--support-panel)}@media (width>=761px){.sidebar{background:var(--support-panel)}.topbar,.footer{padding:0 7px}.catalog-heading{min-height:29px;padding-top:2px;padding-bottom:2px}.catalog-meta{padding-top:2px;padding-bottom:2px}}@media (forced-colors:active){.catalog,.song-card,.song-card:hover,.song-card:focus-within,.song-card.copied,.catalog-heading,.catalog-meta,.catalog .how-to,.sidebar,.topbar,.footer{background:canvas}}.catalog-summary{display:contents}.hero-avatar{border:1px solid var(--accent-border);background:var(--support-panel);width:64px;height:64px;color:var(--text);border-radius:50%;flex-shrink:0;overflow:hidden}.hero-avatar img,.avatar-placeholder{place-items:center;width:100%;height:100%;display:grid}.hero-avatar img{object-fit:cover}@media (width>=761px){body:before{background:linear-gradient(#eaf3fa70, #eaf3fa70), var(--scene-image) var(--page-scene-position) / cover no-repeat}:root[data-theme=night] body:before{background:linear-gradient(#10233b88, #10233b88), var(--scene-image) var(--page-scene-position) / cover no-repeat}.site-shell{--desk-panel:#f8fbffdb;--desk-side:#f5f9ffcf;--desk-line:#8faac44d;--desk-hover:#d8e8f3a6;grid-template-rows:58px minmax(0,1fr) 36px;gap:12px;width:100%;max-width:1640px;margin:0 auto;padding:12px 22px 0}:root[data-theme=night] .site-shell{--desk-panel:#1b314cde;--desk-side:#1b314cd4;--desk-line:#9bb3cb38;--desk-hover:#46628180}.topbar{border:1px solid var(--desk-line);background:var(--desk-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;gap:20px;padding:0 16px}.desktop-brand{border:0;order:-1;gap:3px;padding:0;display:grid}.desktop-brand strong{letter-spacing:.3px;font-size:15px;font-weight:650}.desktop-brand small{letter-spacing:1.8px;font-size:8px;display:block}.music-corner{height:36px;margin-left:auto}.music-controls{gap:10px}.topnav{gap:22px;margin:0 0 0 12px;font-size:11px}.nav-current span{bottom:-9px}.theme-button{border-color:var(--desk-line);background:0 0;border-radius:8px;width:30px;height:30px}.vinyl-volume{border-color:var(--desk-line);background:0 0;border-radius:12px}.site-shell>main{grid-template-rows:210px minmax(0,1fr);grid-template-columns:238px minmax(0,1fr);gap:12px;display:grid}.workspace{display:contents}.hero{border:1px solid var(--desk-line);background:var(--hero);border-radius:12px;grid-area:1/1;align-items:end;min-height:0}.hero-scene{object-fit:cover;object-position:44% 58%;width:100%;height:100%}:root[data-theme=night] .hero-scene{object-position:50% 42%}.hero-shade{background:linear-gradient(#0000 5%,#0d233442 30%,#132d48ed 100%)}.hero-copy{color:#f6faff;width:100%;max-width:100%;max-height:100%;padding:16px}.hero-heading{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.hero-avatar{color:#f6faff;background:#19314bb8;border-color:#e1efff99;width:48px;height:48px}.hero h1{letter-spacing:.4px;margin:0;font-family:inherit;font-size:19px;font-weight:550;line-height:1.5}.hero h1 br{display:block}.hero h1>span{color:#e1efff;margin-left:0}.hero-copy>p{display:none}.hero-bottom{color:#dae7f5;margin-top:10px;font-size:10px}.hero-bottom b{color:#fff}.hero-bottom>span:nth-of-type(2),.hero-bottom>i{display:none}.profile-label{color:#e1efff;margin-top:8px;position:static}.sidebar{border:1px solid var(--desk-line);background:var(--desk-side);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;flex-direction:column;grid-area:2/1;gap:0;padding:14px 12px;display:flex}.sidebar>.side-heading{margin:0 8px 9px;font-size:10px}.side-tabs{order:1;gap:4px}.side-tabs button{border-color:#0000;border-radius:7px;min-height:35px;padding:7px 10px;font-size:11px}.side-tabs button.active{background:var(--desk-hover);color:var(--text);border-color:#0000}.side-tabs button>span{color:var(--muted);font-size:10px}.index-section{border-color:var(--desk-line);order:2;margin-top:14px;padding:14px 4px 0}.index-section .side-heading{margin-bottom:10px;font-size:10px}.alphabet{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.alphabet button{border-color:#0000;border-radius:5px;min-height:27px;font-size:10px}.alphabet button.active,.alphabet button:hover{background:var(--desk-hover);border-color:var(--desk-line);color:var(--text)}.random-card{border:1px solid var(--desk-line);background:0 0;border-radius:8px;flex-shrink:0;order:3;margin-top:16px;padding:10px}.random-card h3{font-size:11px;font-weight:550}.random-card p{font-size:10px}.random-card>button{background:var(--desk-hover);border:0;border-radius:5px;padding:6px}.side-note{order:4;margin:12px 0 0;font-size:9px}.catalog{border:1px solid var(--desk-line);background:var(--desk-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;grid-area:1/2/span 2;min-height:0;padding:18px;box-shadow:0 10px 32px #152e4610}.catalog .search-wrap{background:var(--desk-hover);border:1px solid #0000;border-radius:8px;height:40px;padding:0 12px}.catalog .search-wrap:focus-within{border-color:var(--accent)}.search-wrap input{font-size:12px}.catalog-heading{background:0 0;min-height:27px;margin-top:17px;padding:0}.catalog h2{letter-spacing:.3px;font-size:17px;font-weight:600}.catalog .sort-control select{border-color:var(--desk-line);background:0 0;border-radius:6px;padding:6px 8px;font-size:11px}.catalog-meta{border-bottom:1px solid var(--desk-line);background:0 0;min-height:15px;margin:8px 0 10px;padding:0 0 9px;font-size:10px}.copy-hint,.catalog-meta>button{font-size:10px}.catalog-scroll{padding:0 8px 0 0}.song-grid,.loading-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.song-card{border:0;border-bottom:1px solid var(--desk-line);background:0 0;border-radius:0;min-height:48px;padding-right:4px}.song-card:hover,.song-card:focus-within,.song-card.copied{background:var(--desk-hover);border-color:var(--desk-line);box-shadow:none}.song-copy{border-radius:6px;gap:10px;min-height:47px;padding:8px 4px 8px 7px}.song-number,.song-card:nth-child(4n+2) .song-number,.song-card:nth-child(4n+3) .song-number{width:22px;min-width:22px;color:var(--muted);font-size:9px}.song-description strong{font-size:12px;font-weight:500;line-height:1.5}.song-description small{color:var(--muted);font-size:10px}.copy-chip{opacity:0;transition:opacity .15s}.song-card:hover .copy-chip,.song-card:focus-within .copy-chip,.song-card.copied .copy-chip{opacity:1}.favorite-button{width:28px;height:28px;color:var(--muted)}.favorite-button svg{width:15px;height:15px}.catalog .how-to{border:0;border-top:1px solid var(--desk-line);background:0 0;border-radius:0;padding:10px 0}.list-bottom{padding:18px 0 12px}.catalog .load-more{border-color:var(--desk-line);background:0 0;border-radius:7px;padding:8px 16px;font-size:11px}.footer{background:var(--desk-panel);border:0;border-radius:8px 8px 0 0;padding:0 10px}.footer-registration{font-size:10px}.footer-brand{font-size:9px}}@media (width>=1280px){.song-grid,.loading-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=761px) and (width<=1050px){.site-shell{grid-template-rows:54px minmax(0,1fr) 32px;gap:10px;padding:10px 12px 0}.site-shell>main{grid-template-rows:185px minmax(0,1fr);grid-template-columns:196px minmax(0,1fr);gap:10px}.desktop-brand strong{font-size:13px}.topbar{gap:12px;padding:0 12px}.topnav{gap:14px;margin-left:0}.catalog{padding:14px}.catalog h2{font-size:15px}.song-grid,.loading-grid{gap:0 10px}.hero-copy{padding:12px}.hero h1{font-size:17px}.alphabet{grid-template-columns:repeat(5,minmax(0,1fr))}.sidebar{padding:12px 9px}.song-copy{gap:6px;padding-left:3px}.song-description strong{font-size:11px}}@media (width>=761px) and (height<=700px){.site-shell{grid-template-rows:48px minmax(0,1fr) 30px;gap:8px;padding-top:8px}.site-shell>main{grid-template-rows:150px minmax(0,1fr);gap:8px}.hero-copy{padding:12px}.hero h1{font-size:16px}.hero-heading{gap:5px}.hero-avatar{width:34px;height:34px}.hero-avatar svg{width:22px;height:22px}.hero-bottom{margin-top:6px}.catalog{padding:12px}.catalog .search-wrap{height:34px}.catalog-heading{margin-top:10px}.side-tabs button{min-height:30px}.alphabet button{min-height:24px}}@media (width<=760px){.hero-copy{max-width:100%}.hero-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:19px;display:grid}.hero-heading h1{grid-area:1/1;margin:0;font-size:clamp(24px,7vw,30px)}.hero-heading .hero-avatar{grid-area:1/2;width:60px;height:60px}.topbar{top:max(8px, env(safe-area-inset-top));z-index:9;border:1px solid var(--glass-border);background:var(--support-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;height:64px;margin-top:8px;margin-bottom:8px;padding:0 12px;position:sticky;box-shadow:0 4px 16px #16324c12}.music-corner{width:auto;height:46px;margin-right:auto}.music-controls{position:static}.topnav{gap:12px;margin-left:0}.theme-button{flex-shrink:0}.catalog-summary{border:1px solid var(--glass-border);background:var(--support-panel);border-radius:14px;margin:18px 0 12px;padding:13px 12px 11px;display:block}.catalog-summary .catalog-heading{background:0 0;border-radius:0;gap:10px;margin:0;padding:0}.catalog-summary .catalog-title-group .section-kicker{letter-spacing:.6px;font-size:10px;line-height:1.4}.catalog-summary h2{letter-spacing:0;margin:4px 0 0;font-family:inherit;font-size:17px;font-weight:600;line-height:1.5}.catalog-summary .catalog-meta{border-top:1px solid var(--glass-border);background:0 0;border-radius:0;gap:6px;margin:11px 0 0;padding:10px 0 0;line-height:1.5}}@media (width<=360px){.hero-heading{gap:10px}.hero-heading .hero-avatar{width:48px;height:48px}.topbar{gap:8px;padding:0 10px}.music-controls{gap:8px}}@media (forced-colors:active){.topbar,.sidebar,.catalog,.catalog-summary,.song-card,.song-card:hover,.footer{background:canvas;border:1px solid canvastext}}