@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600&display=swap";:root{color-scheme:dark;--gold:#e9cb8e;--text:#f3eee1}*{box-sizing:border-box}body{margin:0;background:#071b19;color:var(--text);font-family:Arial,Microsoft YaHei,sans-serif;min-height:100svh;overflow-x:hidden}#scene,.grain{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.grain{opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header,main,footer{position:relative;z-index:1}header{height:110px;display:flex;align-items:center;justify-content:space-between;margin:0 5%;border-bottom:1px solid #cce3cf17}.brand{text-decoration:none;color:var(--text);font-family:"Noto Serif SC",serif;font-size:21px;letter-spacing:3px;display:flex;align-items:center;gap:12px}.brand>span{color:var(--gold);font-size:32px}.brand small{font:9px Arial;letter-spacing:2px;border-left:1px solid #b4c0b33d;padding-left:14px;max-width:85px;line-height:1.8}.edition,.eyebrow,footer{font-size:10px;letter-spacing:2.5px;color:#a9bdb0}button{font:inherit;cursor:pointer}header button{color:#d7dfd2;background:transparent;border:1px solid #b8c9b331;border-radius:30px;padding:11px 18px;font-size:12px}main{min-height:calc(100svh - 190px);display:flex;align-items:center;padding:50px 9% 100px}.intro{max-width:500px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:9px;color:var(--gold)}.eyebrow>span{height:5px;width:5px;background:var(--gold);border-radius:50%;box-shadow:0 0 12px var(--gold)}h1{font-family:"Noto Serif SC",serif;font-weight:400;font-size:clamp(42px,4.5vw,72px);line-height:1.5;letter-spacing:5px;margin:30px 0 12px}.gold{color:var(--gold)}.english{font-family:Georgia,serif;font-style:italic;font-size:21px;color:#d0c9ac}.description{font-size:13px;line-height:2.2;color:#a4b6aa;margin:27px 0 33px}.primary{background:#ead09a;color:#18332a;border:1px solid #f4dcaa;padding:17px 24px;border-radius:3px;min-width:210px;letter-spacing:2px;font-size:13px;box-shadow:0 4px 30px #d5ac5620;transition:transform .2s,background .2s}.primary:hover{background:#ffe3aa;transform:translateY(-2px)}.primary span{margin-left:30px;font-size:18px}.hint{font-size:10px;color:#81988a;margin-top:17px}.tree-caption{position:absolute;left:58%;bottom:56px;font-size:11px;letter-spacing:2px;color:#bbbaa0;white-space:nowrap}.tree-caption span{color:var(--gold);margin:0 12px}.settings{position:absolute;right:4%;bottom:115px;width:172px;border:1px solid #a6c5aa25;background:#10292280;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:19px;border-radius:6px}.settings-title{font-size:8px;letter-spacing:2px;color:#8fa995;display:flex;justify-content:space-between}.settings-title span{color:var(--gold)}.themes{display:flex;align-items:center;gap:8px;margin:18px 0}.swatch{width:14px;height:14px;border:2px solid #17352c;border-radius:50%;background:#e7c477;padding:0}.swatch[data-theme=ice]{background:#b9e4f7}.swatch[data-theme=rose]{background:#e3a2b1}.swatch.active{outline:1px solid #d7d1ad;outline-offset:3px}.themes>span{font-size:9px;color:#b1c0af;margin-left:4px}.setting-row{border-top:1px solid #b1c9ab20;padding-top:15px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#a6b6a6}.toggle{width:28px;height:16px;background:#46514b;border:0;border-radius:20px;padding:3px}.toggle:after{content:"";display:block;width:10px;height:10px;background:#eee6ce;border-radius:50%;transition:transform .2s}.toggle.on{background:#8a9566}.toggle.on:after{transform:translate(12px)}footer{height:80px;margin:0 5%;border-top:1px solid #cce3cf17;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:2px}footer i{color:var(--gold);font-size:17px;margin-left:12px}dialog{max-width:460px;width:90%;background:#102d26;color:var(--text);border:1px solid #c6c8a64d;border-radius:10px;padding:40px}dialog::backdrop{background:#00100dc9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}h2{font:24px "Noto Serif SC",serif}dialog p:not(.eyebrow){font-size:12px;color:#a9b9a7}textarea{width:100%;height:120px;resize:vertical;margin:20px 0;background:#071f19;border:1px solid #75896d;color:#eee4ce;border-radius:4px;padding:15px;font:14px inherit}.close{position:absolute;right:15px;top:10px;border:0;background:none;color:#d5d2b9;font-size:26px}#toast{position:fixed;left:50%;bottom:100px;transform:translate(-50%,20px);opacity:0;background:#e9d4a6;color:#18332a;z-index:5;padding:16px 25px;border-radius:5px;font-size:13px;transition:.4s;max-width:90%;text-align:center}#toast.show{opacity:1;transform:translate(-50%)}button:focus-visible,a:focus-visible{outline:2px solid #fff0b5;outline-offset:5px}@media(max-width:900px){.edition{display:none}.settings{right:4%;bottom:110px}.tree-caption{left:auto;right:8%;font-size:9px}.intro{max-width:390px}main{padding-left:6%}h1{font-size:48px}}@media(max-width:600px){header{height:80px}.brand{font-size:16px}.brand small{display:none}main{min-height:1000px;align-items:flex-start;padding:35px 7%}.intro{max-width:100%}h1{font-size:40px;margin-top:20px;line-height:1.45}.description{margin:20px 0}.english{font-size:18px}.settings{bottom:80px;right:7%}.tree-caption{bottom:35px;right:0;left:0;text-align:center}footer{height:85px;font-size:8px;gap:15px}footer>span:first-child{display:none}.hint{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){.vue-music-flow *,.vue-music-flow :before,.vue-music-flow :after,.vue-music-flow ::backdrop{--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-duration:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{.vue-music-flow{--mw-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--mw-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--mw-color-red-500:oklch(63.7% .237 25.331);--mw-color-orange-400:oklch(75% .183 55.934);--mw-color-orange-500:oklch(70.5% .213 47.604);--mw-color-neutral-600:oklch(43.9% 0 0);--mw-color-neutral-800:oklch(26.9% 0 0);--mw-color-neutral-950:oklch(14.5% 0 0);--mw-spacing:.25rem;--mw-container-2xs:18rem;--mw-text-xs:.75rem;--mw-text-xs--line-height:calc(1/.75);--mw-text-sm:.875rem;--mw-text-sm--line-height:calc(1.25/.875);--mw-text-3xl:1.875rem;--mw-text-3xl--line-height: 1.2 ;--mw-font-weight-medium:500;--mw-font-weight-semibold:600;--mw-default-transition-duration:.15s;--mw-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--mw-default-font-family:var(--mw-font-sans);--mw-default-mono-font-family:var(--mw-font-mono);--mw-color-mw-primary-dark:oklch(14.5% 0 0);--mw-color-mw-primary:oklch(26.9% 0 0);--mw-color-mw-secondary:oklch(37.1% 0 0);--mw-color-mw-primary-border:oklch(20.5% 0 0);--mw-color-mw-primary-hover:oklch(75% .183 55.934);--mw-color-mw-primary-active:oklch(83.7% .128 66.29);--mw-color-mw-primary-typography:oklch(98.5% 0 0);--mw-color-mw-secondary-typography:oklch(70.8% 0 0)}}@layer base{.vue-music-flow *,.vue-music-flow :after,.vue-music-flow :before,.vue-music-flow ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}.vue-music-flow ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}.vue-music-flow{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--mw-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--mw-default-font-feature-settings,normal);font-variation-settings:var(--mw-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}.vue-music-flow hr{height:0;color:inherit;border-top-width:1px}.vue-music-flow abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.vue-music-flow h1,.vue-music-flow h2,.vue-music-flow h3,.vue-music-flow h4,.vue-music-flow h5,.vue-music-flow h6{font-size:inherit;font-weight:inherit}.vue-music-flow a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.vue-music-flow b,.vue-music-flow strong{font-weight:bolder}.vue-music-flow code,.vue-music-flow kbd,.vue-music-flow samp,.vue-music-flow pre{font-family:var(--mw-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--mw-default-mono-font-feature-settings,normal);font-variation-settings:var(--mw-default-mono-font-variation-settings,normal);font-size:1em}.vue-music-flow small{font-size:80%}.vue-music-flow sub,.vue-music-flow sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}.vue-music-flow sub{bottom:-.25em}.vue-music-flow sup{top:-.5em}.vue-music-flow table{text-indent:0;border-color:inherit;border-collapse:collapse}.vue-music-flow :-moz-focusring{outline:auto}.vue-music-flow progress{vertical-align:baseline}.vue-music-flow summary{display:list-item}.vue-music-flow ol,.vue-music-flow ul,.vue-music-flow menu{list-style:none}.vue-music-flow img,.vue-music-flow svg,.vue-music-flow video,.vue-music-flow canvas,.vue-music-flow audio,.vue-music-flow iframe,.vue-music-flow embed,.vue-music-flow object{vertical-align:middle;display:block}.vue-music-flow img,.vue-music-flow video{max-width:100%;height:auto}.vue-music-flow button,.vue-music-flow input,.vue-music-flow select,.vue-music-flow optgroup,.vue-music-flow textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}.vue-music-flow ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}.vue-music-flow :where(select:is([multiple],[size])) optgroup{font-weight:bolder}.vue-music-flow :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}.vue-music-flow ::file-selector-button{margin-inline-end:4px}.vue-music-flow ::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){.vue-music-flow ::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){.vue-music-flow ::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}.vue-music-flow textarea{resize:vertical}.vue-music-flow ::-webkit-search-decoration{-webkit-appearance:none}.vue-music-flow ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}.vue-music-flow ::-webkit-datetime-edit{display:inline-flex}.vue-music-flow ::-webkit-datetime-edit-fields-wrapper{padding:0}.vue-music-flow ::-webkit-datetime-edit{padding-block:0}.vue-music-flow ::-webkit-datetime-edit-year-field{padding-block:0}.vue-music-flow ::-webkit-datetime-edit-month-field{padding-block:0}.vue-music-flow ::-webkit-datetime-edit-day-field{padding-block:0}.vue-music-flow ::-webkit-datetime-edit-hour-field{padding-block:0}.vue-music-flow ::-webkit-datetime-edit-minute-field{padding-block:0}.vue-music-flow ::-webkit-datetime-edit-second-field{padding-block:0}.vue-music-flow ::-webkit-datetime-edit-millisecond-field{padding-block:0}.vue-music-flow ::-webkit-datetime-edit-meridiem-field{padding-block:0}.vue-music-flow ::-webkit-calendar-picker-indicator{line-height:1}.vue-music-flow :-moz-ui-invalid{box-shadow:none}.vue-music-flow button,.vue-music-flow input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}.vue-music-flow ::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}.vue-music-flow ::-webkit-inner-spin-button{height:auto}.vue-music-flow ::-webkit-outer-spin-button{height:auto}.vue-music-flow [hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.vue-music-flow .mw\:pointer-events-none{pointer-events:none}.vue-music-flow .mw\:absolute{position:absolute}.vue-music-flow .mw\:fixed{position:fixed}.vue-music-flow .mw\:relative{position:relative}.vue-music-flow .mw\:sticky{position:sticky}.vue-music-flow .mw\:inset-0{inset:calc(var(--mw-spacing)*0)}.vue-music-flow .mw\:-top-1{top:calc(var(--mw-spacing)*-1)}.vue-music-flow .mw\:top-0{top:calc(var(--mw-spacing)*0)}.vue-music-flow .mw\:right-0{right:calc(var(--mw-spacing)*0)}.vue-music-flow .mw\:right-8{right:calc(var(--mw-spacing)*8)}.vue-music-flow .mw\:right-\[calc\(100\%\+0\.5rem\)\]{right:calc(100% + .5rem)}.vue-music-flow .mw\:\!-bottom-4{bottom:calc(var(--mw-spacing)*-4)!important}.vue-music-flow .mw\:-bottom-22{bottom:calc(var(--mw-spacing)*-22)}.vue-music-flow .mw\:bottom-0{bottom:calc(var(--mw-spacing)*0)}.vue-music-flow .mw\:bottom-\[3\.75rem\]{bottom:3.75rem}.vue-music-flow .mw\:bottom-full{bottom:100%}.vue-music-flow .mw\:-left-\[4\.05rem\]{left:-4.05rem}.vue-music-flow .mw\:left-0{left:calc(var(--mw-spacing)*0)}.vue-music-flow .mw\:left-1{left:calc(var(--mw-spacing)*1)}.vue-music-flow .mw\:z-10{z-index:10}.vue-music-flow .mw\:z-40{z-index:40}.vue-music-flow .mw\:z-50{z-index:50}.vue-music-flow .mw\:mb-6{margin-bottom:calc(var(--mw-spacing)*6)}.vue-music-flow .mw\:block{display:block}.vue-music-flow .mw\:flex{display:flex}.vue-music-flow .mw\:grid{display:grid}.vue-music-flow .mw\:inline-block{display:inline-block}.vue-music-flow .mw\:size-4{width:calc(var(--mw-spacing)*4);height:calc(var(--mw-spacing)*4)}.vue-music-flow .mw\:size-6{width:calc(var(--mw-spacing)*6);height:calc(var(--mw-spacing)*6)}.vue-music-flow .mw\:size-8{width:calc(var(--mw-spacing)*8);height:calc(var(--mw-spacing)*8)}.vue-music-flow .mw\:size-10{width:calc(var(--mw-spacing)*10);height:calc(var(--mw-spacing)*10)}.vue-music-flow .mw\:size-12{width:calc(var(--mw-spacing)*12);height:calc(var(--mw-spacing)*12)}.vue-music-flow .mw\:size-14{width:calc(var(--mw-spacing)*14);height:calc(var(--mw-spacing)*14)}.vue-music-flow .mw\:size-full{width:100%;height:100%}.vue-music-flow .mw\:h-2{height:calc(var(--mw-spacing)*2)}.vue-music-flow .mw\:h-4{height:calc(var(--mw-spacing)*4)}.vue-music-flow .mw\:h-14{height:calc(var(--mw-spacing)*14)}.vue-music-flow .mw\:h-46{height:calc(var(--mw-spacing)*46)}.vue-music-flow .mw\:h-60{height:calc(var(--mw-spacing)*60)}.vue-music-flow .mw\:max-h-62{max-height:calc(var(--mw-spacing)*62)}.vue-music-flow .mw\:w-2xs{width:var(--mw-container-2xs)}.vue-music-flow .mw\:w-8{width:calc(var(--mw-spacing)*8)}.vue-music-flow .mw\:w-40{width:calc(var(--mw-spacing)*40)}.vue-music-flow .mw\:w-full{width:100%}.vue-music-flow .mw\:min-w-0{min-width:calc(var(--mw-spacing)*0)}.vue-music-flow .mw\:min-w-72{min-width:calc(var(--mw-spacing)*72)}.vue-music-flow .mw\:flex-1{flex:1}.vue-music-flow .mw\:-rotate-90{rotate:-90deg}.vue-music-flow .mw\:rotate-90{rotate:90deg}.vue-music-flow .mw\:cursor-pointer{cursor:pointer}.vue-music-flow .mw\:grid-cols-\[auto_minmax\(0\,1fr\)_auto_auto\]{grid-template-columns:auto minmax(0,1fr) auto auto}.vue-music-flow .mw\:items-center{align-items:center}.vue-music-flow .mw\:justify-between{justify-content:space-between}.vue-music-flow .mw\:justify-center{justify-content:center}.vue-music-flow .mw\:gap-1{gap:calc(var(--mw-spacing)*1)}.vue-music-flow .mw\:gap-2{gap:calc(var(--mw-spacing)*2)}.vue-music-flow .mw\:gap-4{gap:calc(var(--mw-spacing)*4)}.vue-music-flow :where(.mw\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--mw-spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--mw-spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.vue-music-flow .mw\:gap-x-2{column-gap:calc(var(--mw-spacing)*2)}.vue-music-flow :where(.mw\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--mw-spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--mw-spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.vue-music-flow .mw\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vue-music-flow .mw\:overflow-x-hidden{overflow-x:hidden}.vue-music-flow .mw\:overflow-y-auto{overflow-y:auto}.vue-music-flow .mw\:rounded{border-radius:.25rem}.vue-music-flow .mw\:rounded-full{border-radius:3.40282e38px}.vue-music-flow .mw\:border{border-style:var(--tw-border-style);border-width:1px}.vue-music-flow .mw\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.vue-music-flow .mw\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.vue-music-flow .mw\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.vue-music-flow .mw\:border-mw-primary-border{border-color:var(--mw-color-mw-primary-border)}.vue-music-flow .mw\:border-neutral-600{border-color:var(--mw-color-neutral-600)}.vue-music-flow .mw\:bg-mw-primary{background-color:var(--mw-color-mw-primary)}.vue-music-flow .mw\:bg-mw-primary-active{background-color:var(--mw-color-mw-primary-active)}.vue-music-flow .mw\:bg-mw-primary-dark\/75{background-color:var(--mw-color-mw-primary-dark)}@supports (color:color-mix(in lab,red,red)){.vue-music-flow .mw\:bg-mw-primary-dark\/75{background-color:color-mix(in oklab,var(--mw-color-mw-primary-dark)75%,transparent)}}.vue-music-flow .mw\:bg-mw-primary\/85{background-color:var(--mw-color-mw-primary)}@supports (color:color-mix(in lab,red,red)){.vue-music-flow .mw\:bg-mw-primary\/85{background-color:color-mix(in oklab,var(--mw-color-mw-primary)85%,transparent)}}.vue-music-flow .mw\:bg-mw-secondary,.vue-music-flow .mw\:bg-mw-secondary\/50{background-color:var(--mw-color-mw-secondary)}@supports (color:color-mix(in lab,red,red)){.vue-music-flow .mw\:bg-mw-secondary\/50{background-color:color-mix(in oklab,var(--mw-color-mw-secondary)50%,transparent)}}.vue-music-flow .mw\:bg-neutral-800{background-color:var(--mw-color-neutral-800)}.vue-music-flow .mw\:bg-neutral-950{background-color:var(--mw-color-neutral-950)}.vue-music-flow .mw\:object-cover{object-fit:cover}.vue-music-flow .mw\:p-0\.5{padding:calc(var(--mw-spacing)*.5)}.vue-music-flow .mw\:p-1{padding:calc(var(--mw-spacing)*1)}.vue-music-flow .mw\:p-2{padding:calc(var(--mw-spacing)*2)}.vue-music-flow .mw\:p-4{padding:calc(var(--mw-spacing)*4)}.vue-music-flow .mw\:p-8{padding:calc(var(--mw-spacing)*8)}.vue-music-flow .mw\:px-2{padding-inline:calc(var(--mw-spacing)*2)}.vue-music-flow .mw\:px-4{padding-inline:calc(var(--mw-spacing)*4)}.vue-music-flow .mw\:py-0\.5{padding-block:calc(var(--mw-spacing)*.5)}.vue-music-flow .mw\:py-1{padding-block:calc(var(--mw-spacing)*1)}.vue-music-flow .mw\:text-center{text-align:center}.vue-music-flow .mw\:text-left{text-align:left}.vue-music-flow .mw\:text-3xl{font-size:var(--mw-text-3xl);line-height:var(--tw-leading,var(--mw-text-3xl--line-height))}.vue-music-flow .mw\:text-sm{font-size:var(--mw-text-sm);line-height:var(--tw-leading,var(--mw-text-sm--line-height))}.vue-music-flow .mw\:text-xs{font-size:var(--mw-text-xs);line-height:var(--tw-leading,var(--mw-text-xs--line-height))}.vue-music-flow .mw\:font-medium{--tw-font-weight:var(--mw-font-weight-medium);font-weight:var(--mw-font-weight-medium)}.vue-music-flow .mw\:font-semibold{--tw-font-weight:var(--mw-font-weight-semibold);font-weight:var(--mw-font-weight-semibold)}.vue-music-flow .mw\:whitespace-nowrap{white-space:nowrap}.vue-music-flow .mw\:text-mw-primary-active{color:var(--mw-color-mw-primary-active)}.vue-music-flow .mw\:text-mw-primary-typography{color:var(--mw-color-mw-primary-typography)}.vue-music-flow .mw\:text-mw-secondary-typography{color:var(--mw-color-mw-secondary-typography)}.vue-music-flow .mw\:text-orange-400{color:var(--mw-color-orange-400)}.vue-music-flow .mw\:opacity-0{opacity:0}.vue-music-flow .mw\:opacity-100{opacity:1}.vue-music-flow .mw\:\!transition-all{transition-property:all!important;transition-timing-function:var(--tw-ease,var(--mw-default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--mw-default-transition-duration))!important}.vue-music-flow .mw\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--mw-default-transition-timing-function));transition-duration:var(--tw-duration,var(--mw-default-transition-duration))}.vue-music-flow .mw\:duration-700{--tw-duration:.7s;transition-duration:.7s}.vue-music-flow .mw\:\[grid-template-areas\:\'image_metadata_metadata_metadata\'_\'currentDuration_waveform_waveform_endDuration\'_\'controls_controls_volume_actions\'\]{grid-template-areas:"image metadata metadata metadata""currentDuration waveform waveform endDuration""controls controls volume actions"}.vue-music-flow .mw\:group-focus-within\:ring-2:is(:where(.mw\:group):focus-within *){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(hover:hover){.vue-music-flow .mw\:group-hover\:bg-mw-primary\/50:is(:where(.mw\:group):hover *){background-color:var(--mw-color-mw-primary)}@supports (color:color-mix(in lab,red,red)){.vue-music-flow .mw\:group-hover\:bg-mw-primary\/50:is(:where(.mw\:group):hover *){background-color:color-mix(in oklab,var(--mw-color-mw-primary)50%,transparent)}}.vue-music-flow .mw\:group-hover\:text-mw-primary-hover:is(:where(.mw\:group):hover *){color:var(--mw-color-mw-primary-hover)}.vue-music-flow .mw\:group-hover\:opacity-100:is(:where(.mw\:group):hover *){opacity:1}.vue-music-flow .mw\:hover\:bg-mw-secondary\/50:hover{background-color:var(--mw-color-mw-secondary)}@supports (color:color-mix(in lab,red,red)){.vue-music-flow .mw\:hover\:bg-mw-secondary\/50:hover{background-color:color-mix(in oklab,var(--mw-color-mw-secondary)50%,transparent)}}.vue-music-flow .mw\:hover\:text-mw-primary-hover:hover{color:var(--mw-color-mw-primary-hover)}.vue-music-flow .mw\:hover\:text-orange-500:hover{color:var(--mw-color-orange-500)}.vue-music-flow .mw\:hover\:text-red-500:hover{color:var(--mw-color-red-500)}}@media(min-width:40rem){.vue-music-flow .mw\:sm\:right-40{right:calc(var(--mw-spacing)*40)}.vue-music-flow .mw\:sm\:\!-bottom-24{bottom:calc(var(--mw-spacing)*-24)!important}.vue-music-flow .mw\:phone\:h-40{height:calc(var(--mw-spacing)*40)}.vue-music-flow .mw\:phone\:grid-cols-\[auto_minmax\(0\,1fr\)_auto_auto_auto\]{grid-template-columns:auto minmax(0,1fr) auto auto auto}.vue-music-flow .mw\:phone\:\[grid-template-areas\:\'image_metadata_controls_volume_actions\'_\'currentDuration_waveform_waveform_waveform_endDuration\'\]{grid-template-areas:"image metadata controls volume actions""currentDuration waveform waveform waveform endDuration"}}@media(min-width:80rem){.vue-music-flow .mw\:tablet\:right-48{right:calc(var(--mw-spacing)*48)}.vue-music-flow .mw\:tablet\:\!-bottom-44{bottom:calc(var(--mw-spacing)*-44)!important}.vue-music-flow .mw\:tablet\:h-20{height:calc(var(--mw-spacing)*20)}.vue-music-flow .mw\:tablet\:w-80{width:calc(var(--mw-spacing)*80)}.vue-music-flow .mw\:tablet\:max-w-\[initial\]{max-width:initial}.vue-music-flow .mw\:tablet\:grid-cols-\[auto_auto_auto_minmax\(0\,3rem\)_minmax\(0\,1fr\)_minmax\(0\,3rem\)_auto_auto_auto\]{grid-template-columns:auto auto auto minmax(0,3rem) minmax(0,1fr) minmax(0,3rem) auto auto auto}.vue-music-flow .mw\:tablet\:gap-x-4{column-gap:calc(var(--mw-spacing)*4)}.vue-music-flow .mw\:tablet\:\[grid-template-areas\:\'image_metadata_controls_currentDuration_waveform_endDuration_volume_actions\'\]{grid-template-areas:"image metadata controls currentDuration waveform endDuration volume actions"}}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@keyframes marquee-973fb9d3{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(-100%)}}.vue-music-flow .animate-marquee[data-v-973fb9d3]{animation:marquee-973fb9d3 6s ease-in-out infinite}.vue-music-flow .scrollbar[data-v-973fb9d3]::-webkit-scrollbar-track{-webkit-box-shadow:var(--scroll-bar-shadow);background-color:var(--scroll-bar-background)}.vue-music-flow .scrollbar[data-v-973fb9d3]::-webkit-scrollbar{width:var(--scroll-bar-width);background-color:var(--scroll-bar-background-light)}.vue-music-flow .scrollbar[data-v-973fb9d3]::-webkit-scrollbar-thumb{-webkit-box-shadow:var(--scroll-bar-shadow);background-color:var(--scroll-bar-slider)}.christmas-music{transition:left .18s ease,top .18s ease}.christmas-music.dragging{transition:none}.christmas-music [style*="grid-area: actions"]{display:none}.card-drag-handle:focus-visible{outline:2px solid #e9cb8e;outline-offset:3px}.christmas-music{position:fixed;z-index:40;width:328px;max-width:calc(100vw - 16px);margin:0;border:1px solid #b5bb8059;border-radius:14px;background:#102b24ed;color:#f1e5c9;box-shadow:0 18px 70px #0006;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);isolation:isolate}.card-drag-handle{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid #d3d2a222;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:14px 14px 0 0}.dragging .card-drag-handle{cursor:grabbing}.dragging{box-shadow:0 22px 80px #0009;border-color:#dfc78d}.drag-grip{font-size:21px;color:#839a83}.card-heading{flex:1;font-family:"Noto Serif SC",serif;font-size:13px;letter-spacing:1px}.card-heading small{display:block;font:7px Arial;letter-spacing:1.8px;color:#a3b295;margin-top:5px}.collapse-card{width:28px;height:28px;border:1px solid #a9c09430;border-radius:50%;background:transparent;color:#dfce9e;font-size:18px}.playing-dot{width:5px;height:5px;border-radius:50%;background:#e9cb8e;box-shadow:0 0 8px #e9cb8e}.music-card-body{max-height:calc(100dvh - 85px);overflow:auto;padding:12px 14px 0;scrollbar-width:thin;scrollbar-color:#546b4d transparent}.music-welcome{display:flex;align-items:center;gap:12px;padding:6px 0 17px}.music-welcome>span{font-size:31px;color:#e9cb8e}.music-welcome>div{flex:1}.music-welcome strong{font-size:12px;font-weight:400}.music-welcome small{display:block;color:#a7b99d;font-size:10px;margin-top:7px}.welcome-play{border:0;border-radius:50%;background:#e9cb8e;color:#17382c;width:32px;height:32px}.playlist-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;border-top:1px solid #d3d2a222;background:transparent;color:#c9c6a4;padding:12px 0;font-size:11px}.playlist-toggle small{font-size:7px;letter-spacing:1px;margin-left:7px;color:#80987f}.song-list{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;padding-bottom:5px}.song{display:flex;align-items:center;gap:10px;text-align:left;min-width:0;border:1px solid transparent;border-radius:5px;background:transparent;color:#e4dcc7;padding:9px;transition:background .2s}.song:hover,.song.active{background:#36543a70;border-color:#e9cb8e33}.song-number{font:italic 15px Georgia;color:#d0b77f}.song-text{flex:1;min-width:0}.song-text strong{display:block;font-size:10px;font-weight:400;line-height:1.6}.song-text small{display:block;font-size:9px;color:#99af9c;margin-top:3px}.play-symbol{font-size:10px;color:#e9cb8e}.music-credit{font-size:8px;line-height:1.9;text-align:center;margin:2px 0 10px}.music-credit a{color:#91a68d;text-decoration:none}.playback-error{font-size:11px;color:#f1b9a4}.player-snowflake{font-size:31px;color:#e9cb8e}.playing-metadata{min-width:0}.playing-metadata strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:11px;line-height:1.7}.playing-metadata small{display:block;font-size:9px;color:#a7b99d}.card-playback{display:flex;align-items:center;gap:15px;padding:4px 0}.card-playback button{display:grid;place-items:center;background:transparent;border:0;color:#e3d3ab;width:30px;height:30px;font-size:12px}.card-playback .main-play{width:36px;height:36px;border-radius:50%;background:#e9cb8e;color:#18382b;font-size:14px}.christmas-music .vue-music-flow{--mw-color-mw-primary:transparent;--mw-color-mw-secondary:#254334;--mw-color-mw-primary-border:#456047;--mw-color-mw-primary-typography:#f1e5c9;--mw-color-mw-secondary-typography:#a7b99d;--mw-color-mw-primary-active:#e9cb8e;--mw-color-mw-primary-hover:#ffe5ae}.christmas-music .vue-music-flow>div{position:relative!important;inset:auto!important;transform:none!important;height:auto!important;overflow:visible}.christmas-music .vue-music-flow .music-card-grid{height:auto;min-width:0;display:grid;grid-template-columns:36px minmax(0,1fr) 36px;grid-template-areas:"image metadata metadata" "currentDuration waveform endDuration" "controls controls volume";row-gap:12px;padding:2px 0 14px;border:0;white-space:normal}.christmas-music [style*="grid-area: metadata"]{width:auto;min-width:0}.christmas-music [style*="grid-area: currentDuration"],.christmas-music [style*="grid-area: endDuration"]{font-size:9px}.christmas-music [style*="grid-area: volume"]{align-self:center}.christmas-music .vue-music-flow:not(:has(.playing-metadata strong:not(:empty))){display:none}.scene-layout[data-v-0533b6ab]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px;padding:20px 7% 85px;align-items:center}.scene-layout .intro[data-v-0533b6ab]{min-width:0;max-width:500px}.tree-stage[data-v-0533b6ab]{position:relative;height:clamp(520px,78vh,820px);min-width:0;align-self:center}.tree-stage .tree-caption[data-v-0533b6ab]{position:absolute;left:50%;right:auto;bottom:28px;transform:translate(-50%);width:100%;text-align:center;font-size:11px;white-space:normal;line-height:1.8;letter-spacing:1.5px}.scene-layout>.settings[data-v-0533b6ab]{bottom:8px;right:7%;padding:12px 16px;width:172px}.scene-layout>.settings .themes[data-v-0533b6ab]{margin:12px 0}.wish-star[data-v-0533b6ab]{position:absolute;left:0;top:0;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;background:transparent;color:var(--wish-color);z-index:2;cursor:pointer;will-change:transform}.wish-star>span[data-v-0533b6ab]{font:20px Georgia,serif;text-shadow:0 0 10px var(--wish-color);opacity:var(--twinkle,1);transition:font-size .18s}.wish-star.selected>span[data-v-0533b6ab],.wish-star.hovered>span[data-v-0533b6ab]{font-size:27px;opacity:1}.wish-star[data-v-0533b6ab]:focus-visible{outline:1px solid var(--wish-color);outline-offset:2px;border-radius:50%}.wish-tooltip[data-v-0533b6ab]{position:fixed;z-index:45;max-width:min(260px,calc(100vw - 20px));width:max-content;padding:14px 17px;border:1px solid #bfb57a77;border-radius:9px;background:#14342cf5;box-shadow:0 8px 32px #0005;color:#f2e6c7;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.wish-tooltip small[data-v-0533b6ab]{font-size:9px;color:#d6bd85;letter-spacing:1.5px}.wish-tooltip p[data-v-0533b6ab]{margin:9px 0 0;font-size:12px;line-height:1.9;overflow-wrap:anywhere;white-space:pre-wrap;max-height:180px;overflow:hidden}@media(max-width:900px){.scene-layout[data-v-0533b6ab]{gap:16px;padding-left:5%;padding-right:5%}.tree-stage .tree-caption[data-v-0533b6ab]{font-size:10px;letter-spacing:.5px}}@media(max-width:600px){.scene-layout[data-v-0533b6ab]{display:flex;flex-direction:column;align-items:stretch;padding:30px 7% 125px;gap:25px;min-height:0}.scene-layout .intro[data-v-0533b6ab]{max-width:none}.tree-stage[data-v-0533b6ab]{height:530px;width:100%;align-self:stretch}.scene-layout>.settings[data-v-0533b6ab]{bottom:5px;right:7%}.tree-stage .tree-caption[data-v-0533b6ab]{font-size:10px}}.music-link[data-v-0533b6ab]{color:#e9cb8e;text-decoration:none;border:1px solid #b8c9b331;border-radius:30px;padding:11px 18px;font-size:12px}.scene-layout[data-v-0533b6ab]{grid-template-columns:minmax(0,1fr) minmax(0,min(42vw,760px)) minmax(0,1fr);gap:24px;padding-left:5%;padding-right:5%}.scene-layout .intro[data-v-0533b6ab]{grid-column:1;width:100%}.scene-layout .intro h1[data-v-0533b6ab]{font-size:clamp(32px,3.3vw,56px);letter-spacing:3px}.scene-layout .tree-stage[data-v-0533b6ab]{grid-column:2;width:100%}@media(max-width:1000px){.scene-layout[data-v-0533b6ab]{display:flex;flex-direction:column;align-items:stretch;padding:30px 7% 125px;gap:25px;min-height:0}.scene-layout .intro[data-v-0533b6ab]{max-width:500px}.scene-layout .intro h1[data-v-0533b6ab]{font-size:40px}.scene-layout .tree-stage[data-v-0533b6ab]{width:min(560px,100%);align-self:center;height:560px}.scene-layout>.settings[data-v-0533b6ab]{bottom:5px;right:7%}}.wish-list[data-v-0533b6ab]{margin-top:22px;font-size:12px;color:#bfc9ae;max-width:360px}.wish-list summary[data-v-0533b6ab]{cursor:pointer}.wish-list[open][data-v-0533b6ab]{max-height:145px;overflow:auto}.wish-list button[data-v-0533b6ab]{display:block;text-align:left;border:0;border-bottom:1px solid #ffffff15;background:transparent;color:#cfc4a3;padding:12px 0;width:100%;overflow-wrap:anywhere}.selected-wish[data-v-0533b6ab]{max-width:360px;overflow-wrap:anywhere;font-size:13px;line-height:1.8;color:#ead09a}button[data-v-0533b6ab]:disabled{opacity:.55;cursor:wait}[role=alert][data-v-0533b6ab]{font-size:12px;color:#f1b9a4}.scene-layout[data-v-0533b6ab]{height:calc(100dvh - 190px);min-height:0;padding-top:0;padding-bottom:0}.scene-layout .tree-stage[data-v-0533b6ab]{height:100%;min-height:0}.scene-layout .intro[data-v-0533b6ab]{max-height:100%;overflow-y:auto;scrollbar-width:thin;padding:16px 0}.tree-stage .tree-caption[data-v-0533b6ab]{bottom:8px}@media(max-width:1000px){.scene-layout[data-v-0533b6ab]{height:auto;padding-top:30px;padding-bottom:125px}.scene-layout .intro[data-v-0533b6ab]{max-height:none;overflow:visible;padding:0}.scene-layout .tree-stage[data-v-0533b6ab]{height:calc(100dvh - 80px);min-height:200px}}