:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f7f9f3;--surface:#fffefa;--text:#354b41;--secondary:#657869;--muted:#7d8e7f;--accent:#437f69;--on-accent:#fff;--accent-soft:#eaf3e8;--accent-border:#c3dcc6;--chip:#eff5ed;--line:#e3e9dd;--hero:#edf6e9;--hero-border:#d3e5ca;--dot:#82ab8a;--pink:#e4afbc;--pink-dark:#a65e77;--pink-soft:#fcf0ef;--pink-line:#edd9d9;--gold:#c7a763;--favorite:#c1cbbd;--ambient:#e1eedb80;--ambient-pink:#f5e7e080;--shadow:#56744f07;--page-wash:#f7f9f38c;--hero-veil:#f6faef;--hero-veil-soft:#f6faefcc;--scene-opacity:1;--scroll-track:#a9c8b44d;--scroll-start:#9ccab1;--scroll-end:#598c74;--scroll-outline:#fffefa;--glass-panel:#fffefa70;--glass-card:#fffffb70;--glass-hover:#fffffbb3;--glass-border:#88b79ac7;--glass-line:#a0c4abc4;--glass-highlight:#ffffffd9;--glass-shadow:#48765b12;--glass-mint:#c9e8d43b;--glass-pink:#f5dbe63d;--glass-selected:#e8f5e5cf;--song-glass-border:#8e989580;--song-glass-hover-border:#6d827bb3}:root[data-theme=night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#232831;--surface:#2c333c;--text:#e4ece4;--secondary:#b5c6bb;--muted:#9fb1a5;--accent:#acd5bd;--on-accent:#25382e;--accent-soft:#33433d;--accent-border:#526958;--chip:#34433c;--line:#414a48;--hero:#303d3d;--hero-border:#485b50;--dot:#89ac9e;--pink:#d0a4b7;--pink-dark:#e3afc4;--pink-soft:#3e343e;--pink-line:#604a58;--gold:#d3bc88;--favorite:#71837c;--ambient:#35463940;--ambient-pink:#59435030;--shadow:#00000013;--page-wash:#232831b8;--hero-veil:#303d3d;--hero-veil-soft:#303d3dd9;--scene-opacity:.65;--scroll-track:#8ba99938;--scroll-start:#82bba0;--scroll-end:#527c6c;--scroll-outline:#232831;--glass-panel:#28343f96;--glass-card:#35433e8c;--glass-hover:#3b4e46d4;--glass-border:#9bbdac99;--glass-line:#88b69a80;--glass-highlight:#c8e1d52e;--glass-shadow:#00000020;--glass-mint:#619c7430;--glass-pink:#bb839b26;--glass-selected:#405b49d9;--song-glass-border:#fff6;--song-glass-hover-border:#ffffffb3}*{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)), url(/assets/sunny-meadow-CvVXWXgd.webp) center / 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}.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}.tiny-spark{color:var(--gold);font-size:14px;line-height:1}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:not(.title-flower){color:var(--accent)}.title-flower{color:var(--pink);vertical-align:4px;margin-left:12px;font-size:31px;display:inline-block;transform:rotate(-15deg)}.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%}.art-label{background:var(--surface);border:1px solid var(--line);box-shadow:0 3px 14px var(--shadow);color:var(--secondary);border-radius:20px;padding:8px 14px;font-size:10px;position:absolute;bottom:23px;right:25px}.art-label>span{color:var(--accent);padding-left:5px}.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}.random-spark{color:var(--pink);font-size:38px;position:absolute;top:12px;right:19px}.mini-bunny{width:47px;height:47px;padding-top:10px;position:relative}.mini-bunny>span{background:var(--surface);border:1px solid var(--pink-line);text-align:center;width:47px;height:34px;color:var(--pink-dark);border-radius:42% 42% 45% 45%;padding-top:8px;font-size:12px;position:absolute;bottom:0;left:0}.mini-bunny>i{border:1px solid var(--pink-line);background:var(--surface);border-radius:60%;width:11px;height:28px;position:absolute;left:9px;transform:rotate(-10deg)}.mini-bunny>i:nth-child(2){left:28px;transform:rotate(12deg)}.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}.heading-flower{color:var(--gold);margin-left:9px;font-size:19px}.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}.how-to-heart{color:var(--accent-border);margin-left:auto;font-size:29px}.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}.empty-face{font-size:30px}.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-heart{color:var(--pink-dark)}.footer-registration{text-align:center;letter-spacing:0;width:100%;font-size:12px}.footer-registration a{color:inherit;text-decoration:none}.footer-registration a:hover{text-decoration:underline}.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}.dialog-flower{color:var(--pink);margin-bottom:10px;font-size:40px;display:block}.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}.art-label{display:none}.hero-bottom{flex-wrap:wrap;gap:7px;max-width:190px;margin-top:17px;font-size:10px}.hero-bottom i{display:none}.title-flower{margin-left:4px;font-size:22px}.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}.how-to-heart{display:none}.heading-flower{margin-left:5px;font-size:15px}.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%)}.art-label{bottom:18px;right:18px}}@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)}.catalog-caption{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.catalog-petals{color:var(--accent);opacity:.75;align-items:center;gap:6px;display:inline-flex}.catalog-petals>svg{transform:rotate(-16deg)}.catalog-petals>span:nth-child(2){color:var(--gold);font-size:13px}.catalog-petals>span:last-child{color:var(--pink-dark);font-size:13px;transform:rotate(12deg)}.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}.song-sprig{color:var(--accent);opacity:.28;pointer-events:none;align-items:center;gap:3px;display:flex;position:absolute;top:7px;right:6px}.song-sprig>svg{transform:rotate(16deg)}.song-sprig>span{color:var(--gold);font-size:11px}.song-card:nth-child(4n+2) .song-sprig,.song-card:nth-child(4n+3) .song-sprig{color:var(--pink-dark)}.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}.catalog-caption{gap:7px}.catalog-petals{gap:4px}.catalog-petals>span:last-child{display:none}.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}.song-sprig{right:3px}}@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}.song-sprig,.catalog-petals{display:none}}.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}}