@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--glint:0deg}}}@layer theme{:root,:host{--font-sans:"Vazirmatn", "Noto Sans Arabic", system-ui, sans-serif;--font-serif:"EB Garamond", Georgia, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--leading-tight:1.25;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Vazirmatn", "Noto Sans Arabic", system-ui, sans-serif;--default-mono-font-family:var(--font-mono);--font-display:"Vazirmatn", "Noto Sans Arabic", sans-serif;--font-poster:"Moshreq", "Vazirmatn", sans-serif;--font-hero:"Lalezar", "Vazirmatn", sans-serif;--font-nastaliq:"IranNastaliq", "NastaliqFallback", "Vazirmatn", serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::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}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.inset-x-0{inset-inline:0}.top-1{top:4px}.bottom-0{bottom:0}.bottom-1{bottom:4px}.isolate{isolation:isolate}.-z-10{z-index:calc(10 * -1)}.z-10{z-index:10}.z-50{z-index:50}.z-\[60\]{z-index:60}.mx-auto{margin-inline:auto}.my-5{margin-block:20px}.ms-2{margin-inline-start:8px}.mt-0\.5{margin-top:2px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mt-10{margin-top:40px}.mt-14{margin-top:56px}.mt-16{margin-top:64px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mb-10{margin-bottom:40px}.mb-12{margin-bottom:48px}.mb-14{margin-bottom:56px}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.h-full{height:100%}.max-h-\[240px\]{max-height:240px}.w-\[260px\]{width:260px}.w-full{width:100%}.max-w-\[42ch\]{max-width:42ch}.max-w-\[52ch\]{max-width:52ch}.max-w-\[62ch\]{max-width:62ch}.max-w-\[68ch\]{max-width:68ch}.max-w-\[560px\]{max-width:560px}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:4px}.gap-2{gap:8px}.gap-2\.5{gap:10px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-8{gap:32px}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(4px * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(4px * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(4px * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(4px * 5) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:12px}.gap-x-4{column-gap:16px}.gap-x-5{column-gap:20px}.gap-x-8{column-gap:32px}.gap-y-1{row-gap:4px}.gap-y-2{row-gap:8px}.gap-y-3{row-gap:12px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.bg-transparent{background-color:#0000}.object-cover{object-fit:cover}.p-2{padding:8px}.p-4{padding:16px}.px-2{padding-inline:8px}.px-3{padding-inline:12px}.px-4{padding-inline:16px}.px-5{padding-inline:20px}.py-1\.5{padding-block:6px}.py-2{padding-block:8px}.py-2\.5{padding-block:10px}.py-3{padding-block:12px}.py-4{padding-block:16px}.pt-1{padding-top:4px}.pt-2{padding-top:8px}.pb-2{padding-bottom:8px}.pb-4{padding-bottom:16px}.text-start{text-align:start}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[26px\]{font-size:26px}.text-\[30px\]{font-size:30px}.text-\[34px\]{font-size:34px}.leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.leading-\[1\.7\]{--tw-leading:1.7;line-height:1.7}.leading-\[1\.8\]{--tw-leading:1.8;line-height:1.8}.leading-\[1\.9\]{--tw-leading:1.9;line-height:1.9}.leading-\[1\.25\]{--tw-leading:1.25;line-height:1.25}.leading-\[1\.65\]{--tw-leading:1.65;line-height:1.65}.leading-\[1\.85\]{--tw-leading:1.85;line-height:1.85}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + 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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:underline:hover{text-decoration-line:underline}}.disabled\:opacity-40:disabled{opacity:.4}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:gap-6{gap:24px}.sm\:p-5{padding:20px}.sm\:text-\[30px\]{font-size:30px}}@media (min-width:48rem){.md\:grid-cols-\[minmax\(0\,340px\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,340px) minmax(0,1fr)}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Variable.woff2)format("woff2-variations");font-weight:100 900;font-display:swap;unicode-range:U+??,U+6??,U+750-77F,U+8A0-8FF,U+FB50-FDFF,U+FE70-FEFF,U+2000-206F,U+2190-21BB,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IranNastaliq;src:url(/fonts/IranNastaliq.woff2)format("woff2");font-weight:400;font-display:swap;ascent-override:173%;descent-override:78%;line-gap-override:0%;unicode-range:U+??,U+6??,U+750-77F,U+8A0-8FF,U+FB50-FDFF,U+FE70-FEFF,U+2000-206F}@font-face{font-family:Lalezar;src:url(/fonts/Lalezar-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Moshreq;src:url(/fonts/Moshreq-Heavy.woff2)format("woff2");font-weight:900;font-display:swap}@font-face{font-family:EB Garamond;src:url(/fonts/EBGaramond-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:EB Garamond;src:url(/fonts/EBGaramond-MediumItalic.woff2)format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Noto Sans Arabic;src:url(/fonts/NotoSansArabic-Bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:NastaliqFallback;src:local(Vazirmatn),url(/fonts/Vazirmatn-Variable.woff2)format("woff2-variations");size-adjust:118%;ascent-override:116%;descent-override:75%;line-gap-override:7%}:root{--paper:#f4eee3;--paper-sunk:#ede6d8;--paper-card:#fffdf8;--paper-press:#e6decd;--mount:#fffdf8;--ink:#16202e;--ink-2:#46566f;--ink-3:#5a6678;--rule:#ded4c2;--rule-strong:#c9bca4;--gold-rule:#a0741c;--gold-ink:#7a5610;--pig-lazavard:#1d4e77;--pig-firuze:#1f6e5f;--pig-roonas:#9a3a2e;--pig-pesteh:#4b6a2e;--pig-khesht:#8f5227;--accent:var(--pig-lazavard);--accent-press:#16405f;--on-gold:#1a1206;--spine-w:2px;--spine-lit:var(--gold-ink);--fmt-song:var(--gold-ink);--fmt-instrumental:var(--pig-firuze);--fmt-compilation:var(--pig-lazavard);--fmt-documentary:var(--pig-roonas);--lift:0 -1px 0 var(--rule), 0 -10px 28px #1c1a161a;--elev-1:0 1px 2px #1c1a160f, 0 6px 18px #1c1a1612;--elev-2:0 2px 6px #1c1a1617, 0 18px 48px #1c1a1621;--amb-default:#8f7a52;--amb-1:.1;--amb-2:.06;--veil-1:#090e161a;--veil-2:#090e16a8;--veil-3:#090e16f0;--on-veil:#fbf7ee;--r-sm:8px;--r-md:16px;--r-lg:24px;--r-pill:999px;--gold-fill:linear-gradient(145deg, #f0cd7a 0%, #cf9b34 52%, #a4741d 100%);--gold-fill-hover:linear-gradient(145deg, #f7dc99 0%, #dcab45 52%, #b9852a 100%);--band-deep:#0d1a2e;--band-soft:#efe8da;--on-deep:#f4efe3;--gutter-start:26px;--gutter-end:16px;--spine-x:10px;--page-max:1400px;--player-h:72px;--hero-ratio:4 / 5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0a1526;--paper-sunk:#061020;--paper-card:#10243f;--paper-press:#17314f;--mount:#e9e0ce;--ink:#f4ece0;--ink-2:#c3b9a8;--ink-3:#948c80;--rule:#e9e0ce24;--rule-strong:#e9e0ce3d;--gold-rule:#f2c14e;--gold-ink:#f2c14e;--pig-lazavard:#8fb3e6;--pig-firuze:#4fb5a0;--pig-roonas:#e08a6b;--pig-pesteh:#9cc47a;--pig-khesht:#d9a37c;--accent:var(--pig-lazavard);--accent-press:#a9c6ee;--on-gold:#1a1206;--spine-w:1px;--spine-lit:var(--gold-rule);--fmt-song:var(--gold-rule);--fmt-instrumental:var(--pig-firuze);--fmt-compilation:var(--pig-lazavard);--fmt-documentary:var(--pig-roonas);--lift:0 -1px 0 var(--rule-strong), 0 -12px 32px #0006;--elev-1:0 1px 2px #00000080, 0 8px 24px #00000073;--elev-2:0 2px 8px #0000008c, 0 24px 60px #0009;--amb-default:#2a4a78;--amb-1:.5;--amb-2:.34;--veil-1:#04080e0d;--veil-2:#04080e9e;--veil-3:#04080eed;--on-veil:#f6f1e6;--gold-fill:linear-gradient(145deg, #ffe3a6 0%, #e8ba52 52%, #c08f2f 100%);--gold-fill-hover:linear-gradient(145deg, #fff0c9 0%, #f2ca6c 52%, #d1a043 100%);--band-deep:#050b14;--band-soft:#0e1b2d;--on-deep:#f4efe3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#0a1526;--paper-sunk:#061020;--paper-card:#10243f;--paper-press:#17314f;--mount:#e9e0ce;--ink:#f4ece0;--ink-2:#c3b9a8;--ink-3:#948c80;--rule:#e9e0ce24;--rule-strong:#e9e0ce3d;--gold-rule:#f2c14e;--gold-ink:#f2c14e;--pig-lazavard:#8fb3e6;--pig-firuze:#4fb5a0;--pig-roonas:#e08a6b;--pig-pesteh:#9cc47a;--pig-khesht:#d9a37c;--accent:var(--pig-lazavard);--accent-press:#a9c6ee;--on-gold:#1a1206;--spine-w:1px;--spine-lit:var(--gold-rule);--fmt-song:var(--gold-rule);--fmt-instrumental:var(--pig-firuze);--fmt-compilation:var(--pig-lazavard);--fmt-documentary:var(--pig-roonas);--gold-fill:linear-gradient(145deg, #ffe3a6 0%, #e8ba52 52%, #c08f2f 100%);--gold-fill-hover:linear-gradient(145deg, #fff0c9 0%, #f2ca6c 52%, #d1a043 100%);--band-deep:#050b14;--band-soft:#0e1b2d;--on-deep:#f4efe3;--lift:0 -1px 0 var(--rule-strong), 0 -12px 32px #0006;--elev-1:0 1px 2px #00000080, 0 8px 24px #00000073;--elev-2:0 2px 8px #0000008c, 0 24px 60px #0009;--amb-default:#2a4a78;--amb-1:.5;--amb-2:.34;--veil-1:#04080e0d;--veil-2:#04080e9e;--veil-3:#04080eed;--on-veil:#f6f1e6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[style*="var(--font-display)"],.auth-head h1{font-weight:800}.auth-submit,.auth-down>p:first-child{font-weight:700}html{max-width:100vw;overflow-x:hidden}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-synthesis-weight:none;-webkit-font-smoothing:antialiased;padding-block-end:calc(var(--player-h) + env(safe-area-inset-bottom,0px))}:lang(fa),[lang=fa]{letter-spacing:0;-webkit-hyphens:none;hyphens:none;overflow-wrap:normal}[lang=fa] p,[lang=fa] li{line-height:1.85}.ltr-island{direction:ltr}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--gold-rule);color:var(--on-gold)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[lang=en]{letter-spacing:normal;unicode-bidi:isolate}.page{max-inline-size:var(--page-max);margin-inline:auto;padding-inline-start:var(--gutter-start);padding-inline-end:var(--gutter-end)}@media (min-width:768px){:root{--gutter-start:56px;--gutter-end:40px;--spine-x:28px}}@media (min-width:1200px){:root{--gutter-start:96px;--gutter-end:64px;--spine-x:56px}}.disc{background:var(--gold-fill);color:var(--on-gold);border-radius:var(--r-pill);transition:transform var(--dur-1) var(--ease-sine);justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffff59,0 6px 18px #00000047}.disc:active{transform:scale(.95)}@media (hover:hover){.disc:hover{background:var(--gold-fill-hover)}}.ruled-row{content-visibility:auto;contain-intrinsic-size:auto 85px}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){@keyframes sheet-in{0%{opacity:0}to{opacity:1}}}.card-grid{grid-template-columns:1fr;align-items:start;gap:40px 28px;max-width:1400px;display:grid}@media (min-width:640px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.ambient{z-index:0;pointer-events:none;position:fixed;inset:0}.ambient:before,.ambient:after{transition:background var(--t-air-3,2.4s) var(--ease-sine);content:"";position:absolute;inset:0}.ambient:before{background:radial-gradient(120ch 70ch at 78% -10%, var(--amb,var(--amb-default)), transparent 70%);opacity:var(--amb-1)}.ambient:after{background:radial-gradient(90ch 60ch at 10% 6%, var(--amb,var(--amb-default)), transparent 72%);opacity:var(--amb-2)}@media (prefers-reduced-motion:no-preference){.ambient:before,.ambient:after{transition:opacity var(--dur-3) var(--ease-sine), background var(--dur-3) var(--ease-sine)}}@media (min-width:640px){:root{--hero-ratio:3 / 2}}@media (min-width:1024px){:root{--hero-ratio:21 / 9}}.hairline{background:linear-gradient(to var(--rule-dir,left), var(--rule-strong), transparent);flex:1;min-width:24px;height:1px;transform:translateY(-.35em)}[dir=ltr] .hairline{--rule-dir:right}.pill{border-radius:var(--r-pill);white-space:nowrap;transition:transform var(--dur-1) var(--ease-sine), background var(--dur-1) var(--ease-sine), box-shadow var(--dur-1) var(--ease-sine);align-items:center;gap:8px;padding:11px 20px;font-size:15px;line-height:1;display:inline-flex}.pill:active{transform:scale(.97)}.pill-solid{background:var(--gold-fill);color:var(--on-gold);box-shadow:inset 0 1px #ffffff4d,0 6px 18px #00000038}@media (hover:hover){.pill-solid:hover{background:var(--gold-fill-hover)}}.pill-ghost{color:var(--ink);box-shadow:inset 0 0 0 1px var(--rule-strong)}.pill-ghost:hover{box-shadow:inset 0 0 0 1px var(--gold-rule)}.pill-on-veil{color:var(--on-veil);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:inset 0 0 0 1px #ffffff59}.pill-on-veil:hover{box-shadow:inset 0 0 0 1px var(--gold-rule)}.veil{background:linear-gradient(to bottom, var(--veil-1) 0%, transparent 14%, var(--veil-2) 52%, var(--veil-3) 100%);position:absolute;inset:0}.on-art{filter:drop-shadow(0 1px 2px #04080eeb)drop-shadow(0 2px 10px #04080eb3)drop-shadow(0 0 28px #04080e99)}.plate-link{transition:transform var(--dur-2) var(--ease-out-soft);display:block}@media (hover:hover){.plate-link:hover{transform:translateY(-2px)}}.band{isolation:isolate;position:relative}.band>*{z-index:1;position:relative}.band-deep{background:var(--band-deep);color:var(--on-deep)}.band-soft{background:var(--band-soft)}.band-deep{--ink:var(--on-deep);--ink-2:#f4efe3c7;--ink-3:#f4efe394;--rule:#f4efe324;--rule-strong:#f4efe342;--paper-card:#ffffff0a;--paper-sunk:#00000040;--gold-ink:#f2c14e;--gold-rule:#f2c14e;--accent:#9fc0ee}.card{border-radius:var(--r-md);background:var(--paper-card);box-shadow:0 0 0 1px var(--rule), var(--elev-1);transition:transform var(--dur-2) var(--ease-out-soft), box-shadow var(--dur-2) var(--ease-sine);overflow:hidden}@media (hover:hover){.card:hover{box-shadow:0 0 0 1px var(--gold-rule), var(--elev-2);transform:translateY(-3px)}}.card .mount,.mount-round{border-radius:var(--r-md);overflow:clip}.chip{border-radius:var(--r-pill);color:var(--ink-2);background:var(--paper-sunk);box-shadow:inset 0 0 0 1px var(--rule);align-items:center;gap:6px;padding:4px 10px;font-size:12px;line-height:1.6;display:inline-flex}.chip:before{content:"";background:var(--chip-dot,var(--gold-rule));border-radius:999px;width:6px;height:6px}:root{--dir:1;--ease-sine:cubic-bezier(.45, .05, .55, .95);--ease-out-soft:cubic-bezier(.16, .84, .28, 1);--ease-spring:cubic-bezier(.34, 1.36, .48, 1);--dur-1:.24s;--dur-2:.62s;--dur-3:1.1s;--dur-write:1.5s;--step:90ms}@media (prefers-reduced-motion:reduce){:root{--dur-1:1ms;--dur-2:1ms;--dur-3:1ms;--dur-write:1ms;--step:0s}}[dir=rtl]{--dir:-1}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes rise-far{0%{opacity:0;transform:translateY(38px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes settle{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:none}}.enter>*{animation:rise var(--dur-2) var(--ease-out-soft) backwards;animation-delay:calc(var(--i,0) * var(--step))}.enter-far>*{animation:rise-far var(--dur-2) var(--ease-out-soft) backwards;animation-delay:calc(var(--i,0) * var(--step))}.settle{animation:settle var(--dur-3) var(--ease-out-soft) backwards}.fade-in{animation:fade var(--dur-2) ease-out backwards;animation-delay:calc(var(--i,0) * var(--step))}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.on-scroll{animation:linear both rise-far;animation-timeline:view();animation-range:entry 5% cover 26%}.on-scroll-each>*{animation:linear both rise;animation-timeline:view();animation-range:entry 2% cover 22%}}}@keyframes write{0%{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:100% 0;mask-position:100% 0}}@supports ((-webkit-mask-image:linear-gradient(#000, #000)) or (mask-image:linear-gradient(#000, #000))){@media (prefers-reduced-motion:no-preference){.write{animation:write var(--dur-write) cubic-bezier(.42, 0, .4, 1) backwards;animation-delay:calc(var(--i,0) * .38s);-webkit-mask-image:linear-gradient(270deg,#000 46%,#0000 55%);mask-image:linear-gradient(270deg,#000 46%,#0000 55%);-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-size:210% 100%;mask-size:210% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}}.grain{z-index:1;pointer-events:none;opacity:var(--grain-a,.05);mix-blend-mode:var(--grain-blend,multiply);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}:root{--grain-a:.045;--grain-blend:multiply}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--grain-a:.075;--grain-blend:overlay}}:root[data-theme=dark]{--grain-a:.075;--grain-blend:overlay}.hero{min-block-size:min(88svh,720px);display:flex}.hero>.page{flex:1}@media (min-width:900px){.hero{min-block-size:min(76svh,780px)}}@keyframes hero-drift{0%{transform:scale(1.06)translate(1.4%,-.8%)}to{transform:scale(1.06)translate(-1.4%,.8%)}}@media (prefers-reduced-motion:no-preference){.hero-art{animation:hero-drift 48s var(--ease-out-soft) infinite alternate;will-change:transform}}@media (prefers-reduced-motion:reduce){.hero-art{transform:scale(1.06)}}.hero .veil{background:linear-gradient(#060a124d 0%,#060a121a 22%,#060a1275 58%,#060a12cc 80%,#060a12f0 100%)}.rail{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none;grid-auto-columns:minmax(148px,168px);grid-auto-flow:column;gap:18px;padding-block-end:6px;display:grid;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.rail-item{scroll-snap-align:start}@media (min-width:768px){.rail{grid-auto-columns:minmax(180px,210px);gap:24px}}:root{--slab-ratio:16 / 9}@media (min-width:900px){:root{--slab-ratio:21 / 9}}.rail-bleed{margin-inline:calc(var(--gutter-start) * -1) calc(var(--gutter-end) * -1);padding-inline:var(--gutter-start) var(--gutter-end);scroll-padding-inline-start:var(--gutter-start)}.rail-bleed:after{content:"";inline-size:1px}.hero-short{min-block-size:min(72svh,600px)}@media (min-width:900px){.hero-short{min-block-size:min(64svh,640px)}}.verse{text-wrap:pretty;font-size:clamp(18px,4.6vw,21px);line-height:2.05}.poem-lines>li+li{margin-block-start:34px}.poem-lines button{transition:color var(--dur-1) var(--ease-sine)}@media (hover:hover){.poem-lines li:hover>span[aria-hidden]{width:3px;background:var(--gold-rule)!important}.poem-lines button:hover{color:var(--gold-ink)}}.gloss{border-inline-start:2px solid var(--rule-strong);color:var(--ink-3);margin-block-start:10px;padding-inline-start:14px;font-size:14.5px;line-height:1.9}.note>summary{cursor:pointer;color:var(--ink-2);border-block:1px solid var(--rule);align-items:center;gap:10px;padding:10px 0;font-size:14px;list-style:none;display:flex}.note>summary::-webkit-details-marker{display:none}.note>summary:before{content:"";border-inline-end:1.5px solid var(--gold-rule);border-block-end:1.5px solid var(--gold-rule);block-size:7px;inline-size:7px;transition:transform var(--dur-1) var(--ease-out-soft);transform:rotate(-45deg)}.note[open]>summary:before{transform:rotate(45deg)}.note>summary:hover{color:var(--ink)}.chip-rail{scrollbar-width:none;overscroll-behavior-inline:contain;gap:8px;margin-inline-end:calc(var(--gutter-end) * -1);padding-block:4px;padding-inline-end:28px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 40px),#0000 100%);mask-image:linear-gradient(270deg,#000 calc(100% - 40px),#0000 100%)}.chip-rail::-webkit-scrollbar{display:none}.beyt{transition:background var(--dur-1) var(--ease-sine), opacity var(--dur-2) ease-out;border-radius:var(--r-sm);padding-block:6px;position:relative}.beyt>.verse{text-align:center}@media (min-width:768px){.beyt{grid-template-columns:45% 45%;justify-content:space-between;display:grid}.beyt:after{content:"";background:var(--gold-rule);opacity:.5;block-size:5px;inline-size:5px;margin:auto;position:absolute;inset-block:0;inset-inline-start:50%;transform:translate(-50%)rotate(45deg)}}@media (max-width:767px){.beyt{border-block-end:1px dashed var(--rule);padding-block-end:14px}}.beyt-lit{background:linear-gradient(90deg, transparent, var(--gold-wash) 14%, var(--gold-wash) 86%, transparent)}.beyt-lit>.verse{color:var(--gold-ink)}@media (hover:hover){.poem-lines button:hover .beyt{background:linear-gradient(90deg, transparent, var(--gold-wash-soft) 14%, var(--gold-wash-soft) 86%, transparent)}}:root{--gold-wash:#a0741c24;--gold-wash-soft:#a0741c12}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--gold-wash:#f2c14e26;--gold-wash-soft:#f2c14e12}}:root[data-theme=dark]{--gold-wash:#f2c14e26;--gold-wash-soft:#f2c14e12}@media (hover:hover){.poem-lines:hover>li:not(:hover){opacity:.55}.poem-lines>li{transition:opacity var(--dur-1) var(--ease-sine)}.card-grid:hover>:not(:hover){opacity:.72}.card-grid>*{transition:opacity var(--dur-1) var(--ease-sine)}}@media (min-width:640px){.card-grid-lead>:first-child{grid-column:span 2}}.card img{transition:filter var(--dur-2) var(--ease-out-soft), transform var(--dur-3) var(--ease-out-soft)}@media (hover:hover){.card:hover img{filter:brightness(1.07)saturate(1.05);transform:scale(1.02)}.card:hover h3{color:var(--gold-ink)}}.card h3{transition:color var(--dur-1) var(--ease-sine)}.song-tools{border-block:1px solid var(--rule);margin-block:18px 4px;padding-block:12px}.takes{flex-direction:column;display:flex}.take{border-block-start:1px solid var(--rule);transition:background var(--dur-1) var(--ease-sine);border-radius:var(--r-sm);align-items:center;gap:14px;margin-inline:-8px;padding-block:12px;padding-inline:8px;display:flex}.take:last-child{border-block-end:1px solid var(--rule)}@media (hover:hover){.take:hover{background:var(--gold-wash-soft)}}.take-on{background:linear-gradient(90deg, transparent, var(--gold-wash) 10%, var(--gold-wash) 90%, transparent)}.seg{border-radius:var(--r-pill);background:var(--paper-sunk);box-shadow:inset 0 0 0 1px var(--rule);gap:2px;padding:3px;display:inline-flex}.seg-item{border-radius:var(--r-pill);color:var(--ink-3);transition:color var(--dur-1) var(--ease-sine), background var(--dur-1) ease-out;white-space:nowrap;align-items:center;gap:6px;padding:7px 13px;font-size:13px;line-height:1;display:inline-flex}.seg-item[aria-pressed=true],.seg-item[data-on=true]{color:var(--on-gold);background:var(--gold-fill);box-shadow:inset 0 1px #ffffff4d}@media (hover:hover){.seg-item:not([aria-pressed=true]):not([data-on=true]):hover{color:var(--ink)}}body:has(.auth) .site-chrome{display:none}.auth{isolation:isolate;min-block-size:100svh;display:grid;position:relative}.auth-leaf{z-index:-1;position:fixed;inset:0;overflow:clip}.auth-art{object-fit:cover;animation:hero-drift 48s var(--ease-out-soft) infinite alternate;will-change:transform}@media (prefers-reduced-motion:reduce){.auth-art{animation:none;transform:scale(1.06)}}.auth-veil{background:linear-gradient(#060a126b 0%,#060a1294 52%,#060a12b8 100%);position:absolute;inset:0}.auth-verse{display:none}.auth-page{padding:clamp(24px, 6vw, 64px) var(--gutter-start) calc(var(--player-h) + 32px) var(--gutter-end);place-items:center;display:grid}.auth-form-col{flex-direction:column;gap:28px;inline-size:100%;max-inline-size:380px;display:flex}@media (max-width:899px){.auth-form-col{background:var(--paper-card)}@supports (color:color-mix(in lab, red, red)){.auth-form-col{background:color-mix(in oklab, var(--paper-card) 88%, transparent)}}.auth-form-col{-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);border-radius:var(--r-lg);box-shadow:var(--elev-2), inset 0 0 0 1px var(--rule);padding:28px 22px 26px}}@media (min-width:900px){.auth{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);grid-template-areas:"art form"}.auth-leaf{z-index:0;box-shadow:inset calc(6px * var(--dir)) 0 24px -12px #060a128c;grid-area:art;position:relative;inset:auto}.auth-veil{background:linear-gradient(#060a122e 0%,#060a121a 34%,#060a1285 72%,#060a12db 100%)}.auth-page{grid-area:form;padding-block:48px}.auth-form-col{-webkit-backdrop-filter:none;backdrop-filter:none;max-inline-size:380px;box-shadow:none;background:0 0;padding:0}.auth-verse{text-align:start;max-inline-size:34ch;margin:0;display:block;position:absolute;inset-block-end:clamp(28px,4vh,56px);inset-inline:clamp(24px,3.4vw,56px)}.auth-verse p{filter:drop-shadow(0 1px 2px #060a12e6)drop-shadow(0 4px 22px #060a12bf);margin:0;margin-block-start:-.55em}.auth-attrib{color:var(--on-veil);margin-block-start:4px;font-size:13px}@supports (color:color-mix(in lab, red, red)){.auth-attrib{color:color-mix(in oklab, var(--on-veil) 74%, transparent)}}.auth-attrib{filter:drop-shadow(0 1px 3px #060a12e6)}.auth-attrib a{color:inherit;-webkit-text-decoration-color:var(--gold-rule);-webkit-text-decoration-color:var(--gold-rule);-webkit-text-decoration-color:var(--gold-rule);text-decoration-color:var(--gold-rule)}@supports (color:color-mix(in lab, red, red)){.auth-attrib a{-webkit-text-decoration-color:color-mix(in oklab, var(--gold-rule) 60%, transparent);-webkit-text-decoration-color:color-mix(in oklab, var(--gold-rule) 60%, transparent);-webkit-text-decoration-color:color-mix(in oklab, var(--gold-rule) 60%, transparent);text-decoration-color:color-mix(in oklab, var(--gold-rule) 60%, transparent)}}.auth-attrib a{text-underline-offset:4px}.auth-attrib a:hover{color:var(--gold-rule)}}.auth-mark{color:var(--ink);font-family:var(--font-hero);align-items:center;gap:9px;inline-size:fit-content;font-size:19px;line-height:1.8;text-decoration:none;display:inline-flex}.auth-mark svg{block-size:26px;inline-size:26px;color:var(--gold-ink)}.auth-head h1{font-family:var(--font-display);color:var(--ink);margin:0 0 8px;font-size:clamp(28px,4.4vw,36px);line-height:1.5}.auth-head p{color:var(--ink-2);text-wrap:pretty;margin:0;font-size:15px;line-height:1.9}.auth-field{flex-direction:column;gap:7px;margin-block-end:18px;display:flex}.auth-field label{color:var(--ink-2);font-size:13.5px;line-height:1.85}.auth-field input{font-size:17px;line-height:1.8;font-family:var(--font-sans);color:var(--ink);background:var(--paper-card);border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--rule-strong);transition:box-shadow var(--dur-1) var(--ease-sine), background var(--dur-1) ease-out;text-align:start;border:0;min-inline-size:0;padding:14px 16px}.auth-field input::placeholder{color:var(--ink-3);opacity:.75}.auth-field input:focus-visible{background:var(--mount);box-shadow:inset 0 0 0 2px var(--gold-rule), 0 0 0 4px var(--gold-rule);outline:none}@supports (color:color-mix(in lab, red, red)){.auth-field input:focus-visible{box-shadow:inset 0 0 0 2px var(--gold-rule), 0 0 0 4px color-mix(in oklab, var(--gold-rule) 22%, transparent)}}.auth-field input[aria-invalid]{box-shadow:inset 0 0 0 2px var(--pig-roonas)}.auth-code{font-variant-numeric:tabular-nums;word-spacing:.28em;font-feature-settings:"ss01" off;text-align:center!important;font-size:28px!important}.auth-submit{border-radius:var(--r-md);min-block-size:50px;inline-size:100%;font-family:var(--font-display);color:var(--on-gold);background:var(--gold-fill);box-shadow:var(--elev-1);cursor:pointer;transition:background var(--dur-1) var(--ease-sine), transform var(--dur-1) var(--ease-out-soft), box-shadow var(--dur-1) ease-out;border:0;justify-content:center;align-items:center;gap:10px;padding:13px 20px;font-size:16px;line-height:1.8;display:inline-flex}.auth-submit:hover:not(:disabled){background:var(--gold-fill-hover);box-shadow:var(--elev-2)}.auth-submit:active:not(:disabled){box-shadow:var(--elev-1);transform:translateY(1px)}.auth-submit:disabled{opacity:.45;cursor:not-allowed}.auth-submit:focus-visible{outline:2px solid var(--gold-rule);outline-offset:3px}.auth-spin{border:2px solid var(--on-gold);border-radius:999px;block-size:15px;inline-size:15px}@supports (color:color-mix(in lab, red, red)){.auth-spin{border:2px solid color-mix(in oklab, var(--on-gold) 30%, transparent)}}.auth-spin{border-block-start-color:var(--on-gold);animation:.64s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.auth-spin{animation-duration:2s}}.auth-alts{flex-direction:column;align-items:flex-start;gap:10px;margin-block-start:16px;display:flex}.auth-ghost{font-family:var(--font-sans);color:var(--ink-2);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--rule-strong);-webkit-text-decoration-color:var(--rule-strong);-webkit-text-decoration-color:var(--rule-strong);text-decoration-color:var(--rule-strong);text-underline-offset:5px;transition:color var(--dur-1) var(--ease-sine), text-decoration-color var(--dur-1) ease-out;background:0 0;border:0;padding:6px 0;font-size:14px;line-height:1.85}.auth-ghost:hover:not(:disabled){color:var(--gold-ink);-webkit-text-decoration-color:var(--gold-rule);-webkit-text-decoration-color:var(--gold-rule);-webkit-text-decoration-color:var(--gold-rule);text-decoration-color:var(--gold-rule)}.auth-ghost:disabled{opacity:.5;cursor:default;text-decoration:none}.auth-sent{color:var(--ink-2);margin:0 0 18px;font-size:15px;line-height:1.9}.auth-sent b{color:var(--ink);font-weight:600}.auth-hint{color:var(--ink-3);text-wrap:pretty;margin:8px 0 0;font-size:13.5px;line-height:1.9}.auth-error{color:var(--pig-roonas);margin:2px 0 0;font-size:13.5px;line-height:1.85}.auth-banner{border-radius:var(--r-sm);color:var(--ink);background:var(--pig-roonas);margin:0 0 16px;padding:12px 14px;font-size:14px;line-height:1.9}@supports (color:color-mix(in lab, red, red)){.auth-banner{background:color-mix(in oklab, var(--pig-roonas) 12%, var(--paper-card))}}.auth-banner{box-shadow:inset 3px 0 0 0 var(--pig-roonas);text-wrap:pretty}.auth-banner-sub{color:var(--ink-2);margin-block-start:6px;font-size:13px;display:block}.auth-down{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.auth-down>p:first-child{font-family:var(--font-display);color:var(--ink);margin:0;font-size:18px;line-height:1.7}.auth-wait{flex-direction:column;align-items:flex-start;display:flex}.auth-foot{color:var(--ink-3);font-size:14px;line-height:1.9}.auth-foot a{color:var(--gold-ink);text-underline-offset:5px}.auth-captcha:not(:empty){min-block-size:66px;margin-block-start:18px}.auth-page--solo{min-block-size:100svh}.sr-only{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sarlowh{max-inline-size:700px;margin:0 0 34px}.sarlowh-plate{border-radius:calc(var(--r-md) - 3px);position:relative;overflow:clip}.sarlowh-plate img{block-size:auto;inline-size:100%;display:block}:root[data-theme=light] .sarlowh-plate img,:root:not([data-theme=dark]) .sarlowh-plate img{mix-blend-mode:multiply}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sarlowh-plate img{mix-blend-mode:normal}}:root[data-theme=dark] .sarlowh-plate img{mix-blend-mode:normal}.sarlowh-cartouche{text-align:center;justify-content:center;align-items:center;block-size:54%;inline-size:31%;display:flex;position:absolute;inset-block-start:22%;inset-inline-start:38%;overflow:visible}.sarlowh-credit{color:var(--ink-3);margin-block-start:8px;font-size:11.5px}.video-band>.page{padding-block:clamp(28px,5vw,56px)}.video-band .page{max-inline-size:1100px}.channel-cta{border-block:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:16px;margin-block:40px 8px;padding-block:20px;display:flex}.channel-cta-mark{border-radius:var(--r-pill);block-size:46px;inline-size:46px;color:var(--gold-ink);box-shadow:inset 0 0 0 1px var(--gold-rule);flex-shrink:0;justify-content:center;align-items:center;display:flex}.channel-cta-text{flex:16rem;min-inline-size:0}.site-foot{border-block-start:1px solid var(--rule);background:var(--paper-sunk);padding-block:40px calc(var(--player-h) + 32px + env(safe-area-inset-bottom,0px));margin-block-start:64px}.foot-grid{gap:34px;display:grid}@media (min-width:820px){.foot-grid{grid-template-columns:minmax(0,1.4fr) auto minmax(0,1fr);gap:48px}}.foot-links{flex-wrap:wrap;gap:10px 22px;font-size:14px;display:flex}.foot-links a{color:var(--ink-2)}.foot-links a:hover{color:var(--gold-ink)}.foot-channels{flex-wrap:wrap;gap:10px;display:flex}.foot-channels .pill{gap:8px}.plate-box{transition:background-color var(--dur-1) var(--ease-sine), box-shadow var(--dur-1) var(--ease-sine)}@property --glint{syntax:"<angle>";inherits:false;initial-value:0deg}.glint{position:relative}.glint:after{content:"";border-radius:inherit;background:conic-gradient(from var(--glint), #fff4d6f2 0deg, #bf953f00 5deg, #bf953f00 294deg, #bf953f29 330deg, #e8cd8db3 353deg, #fff4d6f2 360deg);-webkit-mask-composite:xor;opacity:0;z-index:2;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1.5px;animation:15s linear infinite glint-sweep;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes glint-sweep{0%{--glint:0deg;opacity:0}1.5%{opacity:1}7%{opacity:1}12%{--glint:360deg;opacity:0}to{--glint:360deg;opacity:0}}@media (prefers-reduced-motion:reduce){.glint:after{opacity:0;animation:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.write-in-view{animation:linear both write;animation-timeline:view();animation-range:entry 15%;-webkit-mask-image:linear-gradient(270deg,#000 46%,#0000 55%);mask-image:linear-gradient(270deg,#000 46%,#0000 55%);-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-size:210% 100%;mask-size:210% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}}.poet-leaf{inline-size:100%;margin:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
:root{--nav-w:248px;--top-h:56px;--tab-h:62px;--mini-h:64px;--dock-h:84px;--room-pad:clamp(16px, 4vw, 44px);--room-max:1360px;--tile-r:14px;--glass:color-mix(in srgb, var(--paper) 82%, transparent);--chrome:color-mix(in srgb, var(--paper-sunk) 94%, var(--paper));--hover:color-mix(in srgb, var(--ink) 6%, transparent);--press:color-mix(in srgb, var(--ink) 10%, transparent);--focus:0 0 0 2px var(--paper), 0 0 0 4px var(--gold-rule);--gutter-start:var(--room-pad);--gutter-end:var(--room-pad)}.app{z-index:1;min-height:100svh;position:relative}@media (min-width:1024px){.app{grid-template-columns:var(--nav-w) minmax(0, 1fr);display:grid}}.room{min-width:0;padding-block-end:calc(var(--tab-h) + 24px + env(safe-area-inset-bottom,0px))}.has-player .room{padding-block-end:calc(var(--tab-h) + var(--mini-h) + 32px + env(safe-area-inset-bottom,0px))}@media (min-width:1024px){.room{padding-block-end:32px}.has-player .room{padding-block-end:calc(var(--dock-h) + 32px)}}.page,.wrap{max-inline-size:var(--room-max);padding-inline:var(--room-pad);margin-inline:auto}.spine{display:none!important}.np,.feature,.mood-hero,.mood-card{--accent:#9fc0ee}.icon-btn{block-size:44px;inline-size:44px;color:var(--ink-2);transition:background var(--dur-1) var(--ease-sine), color var(--dur-1) var(--ease-sine), transform var(--dur-1) var(--ease-sine);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn.sm{block-size:36px;inline-size:36px}.icon-btn.lg{block-size:52px;inline-size:52px}.icon-btn[data-on]{color:var(--gold-ink)}.icon-btn:active{transform:scale(.92)}@media (hover:hover){.icon-btn:hover{background:var(--hover);color:var(--ink)}}.spin{border:2px solid;border-top-color:#0000;border-radius:999px;block-size:18px;inline-size:18px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.side-nav{display:none}@media (min-width:1024px){.side-nav{background:var(--chrome);border-inline-end:1px solid var(--rule);scrollbar-width:none;z-index:30;flex-direction:column;gap:22px;block-size:100svh;padding:22px 16px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.has-player .side-nav{block-size:calc(100svh - var(--dock-h))}}.brand{align-items:center;gap:11px;padding-inline:8px;display:flex}.brand-mark{block-size:38px;inline-size:38px;color:var(--gold-ink);box-shadow:inset 0 0 0 1px var(--gold-rule);background:color-mix(in srgb, var(--gold-rule) 7%, transparent);border-radius:999px;flex:none;place-items:center;display:grid}.brand-words{flex-direction:column;line-height:1.3;display:flex}.brand-name{font-family:var(--font-display);color:var(--ink);font-size:20px}.brand-tag{color:var(--ink-3);font-size:11px}.side-search{background:var(--paper);block-size:42px;color:var(--ink-3);box-shadow:inset 0 0 0 1px var(--rule);transition:box-shadow var(--dur-1) var(--ease-sine);border-radius:12px;align-items:center;gap:10px;padding-inline:12px;font-size:13px;display:flex}.side-search span{text-align:start;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.side-search kbd,.palette-esc{color:var(--ink-3);box-shadow:inset 0 0 0 1px var(--rule-strong);border-radius:6px;padding:2px 6px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:11px}@media (hover:hover){.side-search:hover{box-shadow:inset 0 0 0 1px var(--gold-rule)}}.side-group{flex-direction:column;gap:2px;display:flex}.side-title{color:var(--ink-3);padding:0 12px 6px;font-size:12px}.side-link{block-size:44px;color:var(--ink-2);transition:background var(--dur-1) var(--ease-sine), color var(--dur-1) var(--ease-sine);border-radius:12px;align-items:center;gap:12px;padding-inline:12px;font-size:15px;display:flex;position:relative}@media (hover:hover){.side-link:hover{background:var(--hover);color:var(--ink)}}.side-link[aria-current=page]{color:var(--ink);background:color-mix(in srgb, var(--gold-rule) 12%, transparent);font-weight:600}.side-link[aria-current=page] svg{color:var(--gold-ink)}.side-link[aria-current=page]:before{content:"";background:var(--gold-rule);border-radius:0 3px 3px 0;inline-size:3px;position:absolute;inset-block:10px;inset-inline-start:-16px}.side-foot{flex-direction:column;gap:10px;margin-block-start:auto;display:flex}.side-signin,.side-user{block-size:44px;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--rule);border-radius:12px;align-items:center;gap:10px;padding-inline:12px;font-size:14px;display:flex}@media (hover:hover){.side-signin:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--gold-rule)}}.side-switches{gap:4px;padding-inline:4px;display:flex}.top-bar{z-index:30;block-size:var(--top-h);background:var(--glass);-webkit-backdrop-filter:saturate(1.4)blur(18px);border-block-end:1px solid color-mix(in srgb, var(--rule) 70%, transparent);justify-content:space-between;align-items:center;padding-inline:12px 6px;display:flex;position:sticky;top:0}.top-bar .brand-mark{block-size:32px;inline-size:32px}.top-bar .brand-name{font-size:18px}.top-actions{align-items:center;display:flex}@media (min-width:1024px){.top-bar,.tab-bar{display:none!important}}.tab-bar{inset-inline:0;z-index:45;block-size:calc(var(--tab-h) + env(safe-area-inset-bottom,0px));background:var(--glass);-webkit-backdrop-filter:saturate(1.4)blur(18px);border-block-start:1px solid color-mix(in srgb, var(--rule) 70%, transparent);grid-template-columns:repeat(5,1fr);padding-block-end:env(safe-area-inset-bottom,0px);display:grid;position:fixed;bottom:0}.tab{color:var(--ink-3);transition:color var(--dur-1) var(--ease-sine);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;display:flex}.tab[aria-current=page]{color:var(--ink);font-weight:600}.tab[aria-current=page] svg{color:var(--gold-ink)}.sheet{z-index:80;position:fixed;inset:0}.sheet-scrim{animation:fade var(--dur-2) ease-out;background:#00000073;position:absolute;inset:0}.sheet-body{inset-inline:0;background:var(--paper-card);max-block-size:86svh;padding:10px 16px calc(20px + env(safe-area-inset-bottom,0px));box-shadow:var(--elev-2);border-radius:22px 22px 0 0;animation:.28s cubic-bezier(.32,.72,0,1) sheet-in;position:absolute;bottom:0;overflow-y:auto}.sheet-grip{background:var(--rule-strong);border-radius:4px;block-size:4px;inline-size:40px;margin:0 auto 14px;display:block}.more-list{flex-direction:column;gap:4px;display:flex}.more-item{border-radius:14px;align-items:center;gap:14px;padding:10px;display:flex}@media (hover:hover){.more-item:hover{background:var(--hover)}}.more-icon{block-size:46px;inline-size:46px;color:var(--gold-ink);background:color-mix(in srgb, var(--gold-rule) 10%, transparent);border-radius:12px;flex:none;place-items:center;display:grid}.more-title{color:var(--ink);font-size:15px;font-weight:600;display:block}.more-note{color:var(--ink-3);font-size:12.5px;display:block}.more-switches{border-block-start:1px solid var(--rule);flex-wrap:wrap;gap:10px;margin-block-start:10px;padding:16px 8px 4px;display:flex}.mini{z-index:44;inset-inline:0;pointer-events:none;position:fixed;bottom:0}.mini>*{pointer-events:auto}.mini-phone{inset-inline:8px;bottom:calc(var(--tab-h) + env(safe-area-inset-bottom,0px) + 8px);block-size:var(--mini-h);background:color-mix(in srgb, var(--paper-card) 88%, transparent);-webkit-backdrop-filter:saturate(1.5)blur(22px);box-shadow:0 0 0 1px var(--rule), var(--elev-2);animation:rise var(--dur-2) var(--ease-out-soft);border-radius:16px;align-items:center;gap:10px;padding-inline:8px 4px;display:flex;position:absolute;overflow:hidden}.mini-phone-open{text-align:start;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:0;padding-block:6px;display:flex}.mini-desk{display:none}@media (min-width:1024px){.mini-phone{display:none}.mini-desk{inset-inline:0;block-size:var(--dock-h);background:var(--chrome);border-block-start:1px solid var(--rule);grid-template-columns:minmax(0,1fr) minmax(320px,1.6fr) minmax(0,1fr);align-items:center;gap:24px;padding-inline:18px 22px;display:grid;position:absolute;bottom:0;box-shadow:0 -12px 40px #00000014}}.mini-art{background:var(--paper-sunk);box-shadow:0 0 0 1px var(--rule);border-radius:8px;flex:none;display:block;overflow:hidden}.mini-art img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.mini-titles{flex-direction:column;flex:1;min-width:0;line-height:1.45;display:flex}.mini-title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;overflow:hidden}a.mini-title:hover{text-underline-offset:4px;text-decoration:underline}.mini-sub{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.mini-btns{color:var(--ink);align-items:center;display:flex}.mini-btns .icon-btn{color:var(--ink)}.mini-progress{inset-inline:14px;background:var(--rule);border-radius:2px;block-size:2px;position:absolute;bottom:0;overflow:hidden}.mini-progress .seek-fill{background:var(--gold-rule);transform-origin:0;transform:scaleX(var(--pos,0));position:absolute;inset:0}.mini-start{align-items:center;gap:14px;min-width:0;display:flex}.mini-open{border-radius:10px;flex:none;position:relative}.mini-expand-hint{color:#fff;opacity:0;transition:opacity var(--dur-1) var(--ease-sine);background:#00000073;border-radius:8px;place-items:center;display:grid;position:absolute;inset:0}@media (hover:hover){.mini-open:hover .mini-expand-hint{opacity:1}}.mini-center{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.mini-transport{color:var(--ink);align-items:center;gap:6px;display:flex}.mini-transport .icon-btn{color:var(--ink-2)}.mini-seekrow{align-items:center;gap:10px;inline-size:100%;display:flex}.mini-time{color:var(--ink-3);font-variant-numeric:tabular-nums;text-align:center;min-inline-size:38px;font-size:11.5px}.mini-end{justify-content:flex-end;align-items:center;gap:2px;display:flex}.mini-vol{align-items:center;gap:4px;display:flex}.mini-vol input{inline-size:96px}.seek{cursor:pointer;touch-action:none;flex:1;align-items:center;block-size:22px;display:flex;position:relative}.seek-track{background:var(--rule-strong);border-radius:4px;block-size:4px;inline-size:100%;position:relative;overflow:visible}.seek-fill{background:var(--gold-rule);transform-origin:0;transform:scaleX(var(--pos,0));will-change:transform;border-radius:4px;position:absolute;inset:0}.seek-knob{top:50%;left:calc(var(--pos,0) * 100%);background:var(--ink);opacity:0;block-size:12px;inline-size:12px;transition:opacity var(--dur-1) var(--ease-sine);border-radius:999px;margin:-6px 0 0 -6px;position:absolute;box-shadow:0 1px 4px #0000004d}.seek:hover .seek-knob,.seek:focus-visible .seek-knob{opacity:1}input[type=range]{appearance:none;cursor:pointer;background:0 0;block-size:22px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--gold-rule) calc(var(--v,.5) * 100%), var(--rule-strong) 0);border-radius:4px;block-size:4px}input[type=range]::-moz-range-track{background:var(--rule-strong);border-radius:4px;block-size:4px}input[type=range]::-moz-range-progress{background:var(--gold-rule);border-radius:4px;block-size:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border-radius:999px;block-size:12px;inline-size:12px;margin-top:-4px}input[type=range]::-moz-range-thumb{background:var(--ink);border:0;border-radius:999px;block-size:12px;inline-size:12px}.np{--ink:#f6f1e6;--ink-2:#f6f1e6c7;--ink-3:#f6f1e68f;--rule:#f6f1e629;--rule-strong:#f6f1e642;--gold-rule:#f2c14e;--gold-ink:#f2c14e;--hover:#ffffff14;--paper:#070d18;z-index:70;color:var(--ink);background:#070d18;flex-direction:column;animation:.36s cubic-bezier(.2,.8,.2,1) np-in;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes np-in{0%{opacity:0;transform:translateY(6%)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.np{animation:fade var(--dur-2) ease-out}}.np-bg{z-index:0;position:absolute;inset:-10%}.np-bg img{object-fit:cover;filter:blur(60px)saturate(1.4);opacity:.85;transform:scale(1.1)}.np-bg:after{content:"";background:radial-gradient(120% 80% at 50% 0%, color-mix(in srgb, var(--np-hex) 30%, transparent), transparent 60%), linear-gradient(to bottom, #070d184d, #070d189e 55%, #070d18e6);position:absolute;inset:0}.np>:not(.np-bg){z-index:1;position:relative}.np-head{padding:calc(8px + env(safe-area-inset-top,0px)) 10px 8px;justify-content:space-between;align-items:center;gap:12px;display:flex}.np-head .icon-btn{color:var(--ink)}.np-tabs{background:#ffffff14;border-radius:999px;gap:4px;padding:4px;display:flex}.np-tab{color:var(--ink-2);border-radius:999px;padding:6px 16px;font-size:13.5px}.np-tab[aria-selected=true]{color:var(--ink);background:#ffffff29;font-weight:600}.np-body{min-height:0;padding:0 max(18px, env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px));flex:1;display:grid}.np-player{min-height:0;flex-direction:column;justify-content:center;gap:16px;inline-size:100%;max-inline-size:640px;margin-inline:auto;display:flex}.np-side{flex-direction:column;min-height:0;display:flex}.np-art{aspect-ratio:16/9;background:#ffffff0f;border-radius:18px;inline-size:100%;position:relative;overflow:hidden;box-shadow:0 30px 80px #0000008c,0 0 0 1px #ffffff14}.np-art.empty{color:var(--ink-3);place-items:center;display:grid}.np-frame{transition:opacity 1.6s var(--ease-sine);position:absolute;inset:0}.np-frame img{object-fit:cover;animation:40s ease-in-out infinite alternate np-drift}.np-frame.out{opacity:0}.np-frame.in{opacity:1;animation:fade 1.6s var(--ease-sine)}@keyframes np-drift{0%{transform:scale(1.04)translate(1%,-.6%)}to{transform:scale(1.1)translate(-1%,.6%)}}@media (prefers-reduced-motion:reduce){.np-frame img{animation:none}}.np-meta{text-align:start}.np-title{font-family:var(--font-display);margin:0;font-size:clamp(22px,min(4vw,3.4vh),34px);line-height:1.5}.np-sub{color:var(--ink-2);margin:2px 0 0;font-size:15px}.np-sub a:hover{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.np-seek .seek-track{block-size:5px}.np-times{color:var(--ink-3);font-variant-numeric:tabular-nums;justify-content:space-between;margin-block-start:-2px;font-size:12px;display:flex}.np-transport{justify-content:space-between;align-items:center;inline-size:100%;max-inline-size:420px;margin-inline:auto;display:flex}.np-transport .icon-btn{color:var(--ink)}.np-transport .icon-btn[data-on]{color:var(--gold-ink)}.np-play{block-size:72px;inline-size:72px}.np-extras{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.np-chip{block-size:38px;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--rule);background:#ffffff12;border-radius:999px;align-items:center;gap:8px;padding-inline:14px;font-size:13px;display:inline-flex}.np-chip[data-on]{color:var(--gold-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gold-rule) 60%, transparent)}@media (hover:hover){.np-chip:hover{color:var(--ink);background:#ffffff1f}}.np-sleep{position:relative}.np-pop{bottom:calc(100% + 8px);z-index:3;min-inline-size:150px;box-shadow:0 0 0 1px var(--rule), 0 20px 50px #00000080;background:#121c2e;border-radius:14px;flex-direction:column;padding:6px;display:flex;position:absolute;inset-inline-start:0}.np-pop button{text-align:start;color:var(--ink-2);border-radius:9px;padding:9px 12px;font-size:14px}.np-pop button:hover{background:var(--hover);color:var(--ink)}.np-side-tabs{display:none}.np-pane{flex:1;min-height:0;display:none}.np-lyrics{overscroll-behavior:contain;scrollbar-width:none;block-size:100%;padding-block:30vh 40vh;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 14% 82%,#0000);mask-image:linear-gradient(#0000,#000 14% 82%,#0000)}.np-lyrics::-webkit-scrollbar{display:none}.np-line{text-align:start;color:#f6f1e65c;inline-size:100%;transition:color .5s var(--ease-sine), background var(--dur-1) var(--ease-sine);border-radius:14px;padding:6px 12px;font-size:clamp(21px,min(3.2vw,3.6vh),32px);font-weight:700;line-height:1.85;display:block}.np-line.past{color:#f6f1e680}.np-line.on{color:#f6f1e68c}.np-line.gap{margin-block-start:26px}@media (hover:hover){.np-line:hover{color:#f6f1e6cc;background:#ffffff0f}}.np-line .w-sung,.np-line .w-now,.np-line .w-wait{transition:color .14s ease-out,text-shadow .14s ease-out;display:inline}.np-line .w-sung{color:#fffdf6}.np-line .w-now{color:#fffdf6;text-shadow:0 0 22px #ffecbebf,0 0 8px #fffaeb99}.np-line .w-wait{color:#f6f1e68c}.np-lyrics.compact .np-line{font-size:20px}.np-note{color:var(--ink-3);padding:0 12px 16px;font-size:13px}.np-credit{color:var(--ink-3);padding:28px 12px 0;font-size:12px}.np-lyrics-empty{block-size:100%;color:var(--ink-3);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.np-queue{scrollbar-width:thin;block-size:100%;margin:0;padding:8px 0;list-style:none;overflow-y:auto}.np-qrow{text-align:start;border-radius:12px;align-items:center;gap:12px;inline-size:100%;padding:8px 10px;display:flex}.np-qrow:hover{background:var(--hover)}.np-qrow[aria-current=true]{background:#ffffff1a}.np-qrow[aria-current=true] .np-qtitle{color:var(--gold-ink)}.np-qthumb{background:#ffffff14;border-radius:6px;flex:none;block-size:36px;inline-size:64px;overflow:hidden}.np-qthumb img{object-fit:cover;block-size:100%;inline-size:100%}.np-qtitle{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;display:block;overflow:hidden}.np-qsub{color:var(--ink-3);font-size:12px;display:block}.np-qtime{color:var(--ink-3);font-variant-numeric:tabular-nums;flex:none;font-size:12px}@media (max-width:1023px){.np-body{grid-template-rows:minmax(0,1fr) auto}.np-body.tab-art .np-side{display:none}.np-body.tab-art .np-player{grid-row:1/-1}.np-body.tab-poem .np-pane-poem,.np-body.tab-queue .np-pane-queue{display:block}.np-body:not(.tab-art) .np-side{grid-row:1}.np-body:not(.tab-art) .np-player{grid-row:2;gap:10px;padding-block-start:10px}.np-body:not(.tab-art) .np-art,.np-body:not(.tab-art) .np-extras{display:none}.np-body:not(.tab-art) .np-title{font-size:19px}.np-body:not(.tab-art) .np-play{block-size:58px;inline-size:58px}.np-lyrics{padding-block:18vh 26vh}}@media (min-width:1024px){.np-tabs{display:none}.np-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,88px);inline-size:100%;max-inline-size:1600px;margin-inline:auto;padding-inline:clamp(32px,5vw,88px)}.np-player{justify-content:center}.np-side-tabs{gap:6px;padding-block:4px 12px;display:flex}.np-side-tabs button{color:var(--ink-3);border-radius:999px;padding:6px 14px;font-size:14px}.np-side-tabs button[aria-selected=true]{color:var(--ink);background:#ffffff1a;font-weight:600}.np-body:not(.tab-queue) .np-pane-poem,.np-body.tab-queue .np-pane-queue{display:block}}.palette{z-index:90;justify-content:center;align-items:flex-start;padding:10vh 14px 14px;display:flex;position:fixed;inset:0}.palette-scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade var(--dur-1) ease-out;background:#04080e8c;position:absolute;inset:0}.palette-box{background:var(--paper-card);max-block-size:76svh;inline-size:min(680px,100%);box-shadow:0 0 0 1px var(--rule-strong), 0 40px 100px #0006;animation:rise var(--dur-2) var(--ease-out-soft);border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden}@media (max-width:640px){.palette{padding:0}.palette-box{border-radius:0;block-size:100svh;max-block-size:100svh;inline-size:100%}}.palette-field{border-block-end:1px solid var(--rule);color:var(--ink-3);align-items:center;gap:10px;padding:8px 12px 8px 14px;display:flex}.palette-field input{min-width:0;block-size:52px;color:var(--ink);background:0 0;outline:none;flex:1;font-size:18px}.palette-field input::placeholder{color:var(--ink-3)}.palette-esc{cursor:pointer}.palette-results{flex:1;padding:8px;overflow-y:auto}.palette-head{color:var(--ink-3);padding:12px 10px 6px;font-size:12px}.palette-row{text-align:start;border-radius:12px;align-items:center;gap:8px;inline-size:100%;padding:6px;display:flex}.palette-row[data-active]{background:var(--hover)}.palette-row[data-active] .palette-sub{color:var(--ink-2)}.palette-main{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.palette-thumb{block-size:40px;inline-size:72px;color:var(--ink-3);background:var(--paper-sunk);border-radius:8px;flex:none;place-items:center;display:grid;overflow:hidden}.palette-thumb.round{border-radius:999px;inline-size:40px}.palette-thumb img{object-fit:cover;block-size:100%;inline-size:100%}.palette-title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:15px;display:block;overflow:hidden}.palette-sub{color:var(--ink-3);font-size:12.5px;display:block}.palette-play{background:var(--gold-fill);block-size:36px;inline-size:36px;color:var(--on-gold);opacity:0;transition:opacity var(--dur-1) var(--ease-sine);border-radius:999px;flex:none;place-items:center;display:grid}.palette-row[data-active] .palette-play,.palette-row:hover .palette-play,.palette-row:focus-within .palette-play,.palette-play:focus-visible{opacity:1}@media (hover:none){.palette-play{opacity:1}}.palette-couplet{flex-direction:column;align-items:stretch;gap:2px;padding:10px 12px}.palette-verse{color:var(--ink);font-size:15.5px;line-height:1.9}.palette-sep{color:var(--gold-ink);font-size:10px}.palette-empty{color:var(--ink-3);padding:18px 12px;font-size:14px;line-height:1.9}.palette-all{border-block-start:1px solid var(--rule);color:var(--accent);padding:14px 18px;font-size:13.5px;display:block}.palette-all:hover{background:var(--hover)}.chip-row{flex-wrap:wrap;gap:8px;margin-block-start:12px;display:flex}.pill-chip{block-size:34px;color:var(--ink-2);background:var(--paper-sunk);box-shadow:inset 0 0 0 1px var(--rule);transition:box-shadow var(--dur-1) var(--ease-sine), color var(--dur-1) var(--ease-sine), background var(--dur-1) var(--ease-sine);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding-inline:14px;font-size:13.5px;display:inline-flex}.pill-chip[aria-pressed=true],.pill-chip[data-on]{color:var(--on-gold);background:var(--gold-fill);box-shadow:none;font-weight:600}@media (hover:hover){.pill-chip:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--gold-rule)}}[dir=ltr] .flip{transform:scaleX(-1)}.shelf{margin-block:clamp(30px,4vw,48px)}.shelf-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-block-end:16px;display:flex}.shelf-title{font-family:var(--font-display);color:var(--ink);margin:0;font-size:clamp(21px,min(2.4vw,3.2vh),28px);line-height:1.45}.shelf-sub{color:var(--ink-3);margin:2px 0 0;font-size:13.5px}.shelf-tools{flex:none;align-items:center;gap:2px;display:flex}.shelf-more{color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--rule);white-space:nowrap;transition:color var(--dur-1) var(--ease-sine), box-shadow var(--dur-1) var(--ease-sine);border-radius:999px;margin-inline-end:6px;padding:6px 12px;font-size:13.5px}@media (hover:hover){.shelf-more:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--gold-rule)}}.shelf-arrow:disabled{opacity:.3;pointer-events:none}@media (hover:none){.shelf-arrow{display:none}}.shelf-rail{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scroll-padding-inline:var(--room-pad);scrollbar-width:none;margin-inline:calc(var(--room-pad) * -1);padding-inline:var(--room-pad);grid-auto-columns:min(72vw,300px);grid-auto-flow:column;gap:clamp(14px,1.6vw,22px);padding-block:4px 10px;display:grid;overflow-x:auto}.shelf-rail::-webkit-scrollbar{display:none}.shelf-rail>*{scroll-snap-align:start;min-width:0}.shelf-rail.wide{grid-auto-columns:min(84vw,440px)}@media (min-width:1024px){.shelf-rail{grid-auto-columns:calc((100% - 3 * 22px - 2 * var(--room-pad)) / 4)}.shelf-rail.wide{grid-auto-columns:calc((100% - 2 * 22px - 2 * var(--room-pad)) / 3)}}@media (min-width:1500px){.shelf-rail{grid-auto-columns:calc((100% - 4 * 22px - 2 * var(--room-pad)) / 5)}}.tile{flex-direction:column;gap:10px;min-width:0;display:flex;position:relative}.tile-art{aspect-ratio:16/9;border-radius:var(--tile-r);box-shadow:0 0 0 1px var(--rule), 0 8px 22px #0000001f;transition:transform var(--dur-2) var(--ease-out-soft), box-shadow var(--dur-1) var(--ease-sine);isolation:isolate;display:block;position:relative;overflow:hidden}.tile-art img{object-fit:cover;transition:transform 1.2s var(--ease-out-soft), filter var(--dur-1) var(--ease-sine)}.tile-empty{color:var(--ink-3);place-items:center;display:grid;position:absolute;inset:0}.tile-dur{inset-inline-end:8px;z-index:1;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-variant-numeric:tabular-nums;background:#0000008c;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11.5px;display:inline-flex;position:absolute;bottom:8px}.tile>.tile-play{top:0;z-index:2;aspect-ratio:16/9;pointer-events:none;opacity:0;inline-size:100%;transition:opacity var(--dur-1) var(--ease-sine), transform var(--dur-1) var(--ease-out-soft);justify-content:flex-start;align-items:flex-end;padding:10px;display:flex;position:absolute;inset-inline-start:0;transform:translateY(8px)}.tile>.tile-play>*{pointer-events:auto}.tile-text{flex-direction:column;min-width:0;padding-inline:2px;display:flex}.tile-title{font-family:var(--font-display);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:16px;line-height:1.6;overflow:hidden}.tile-sub{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.tile-mood{color:var(--gold-ink);margin-block-start:6px;font-size:12px}@media (hover:hover){.tile:hover .tile-art,.album-tile:hover .tile-art,.life-tile:hover .tile-art,.wide-tile:hover .wide-art{box-shadow:0 0 0 1px var(--gold-rule), 0 14px 34px #0003}.tile:hover .tile-art img,.album-tile:hover .tile-art img,.wide-tile:hover .wide-art img{transform:scale(1.04)}.tile:hover>.tile-play,.tile:focus-within>.tile-play{opacity:1;transform:none}.tile-title:hover{text-underline-offset:5px;text-decoration:underline;-webkit-text-decoration-color:var(--gold-rule);text-decoration-color:var(--gold-rule)}}@media (hover:none){.tile>.tile-play{opacity:1;transform:none}}.tile>.tile-play:has([data-playing]){opacity:1;transform:none}.tile-lead .tile-title{font-size:clamp(19px,2vw,24px)}.album-tile,.life-tile{flex-direction:column;gap:10px;min-width:0;display:flex}.life-art{color:var(--ink-3);background:var(--paper-sunk);place-items:center;display:grid}.life-art img{object-position:center 22%}.wide-tile{flex-direction:column;gap:6px;min-width:0;display:flex}.wide-art{aspect-ratio:16/9;border-radius:var(--tile-r);background:var(--paper-sunk);box-shadow:0 0 0 1px var(--rule), 0 8px 22px #0000001f;transition:box-shadow var(--dur-1) var(--ease-sine);margin-block-end:6px;display:block;position:relative;overflow:hidden}.wide-art img{object-fit:cover;transition:transform 1.2s var(--ease-out-soft)}.wide-badge{inset-inline-end:10px;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:inline-flex;position:absolute;bottom:10px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:clamp(18px,2vw,26px);display:grid}.card-grid-lead>:first-child{grid-column:1/-1}@media (min-width:900px){.card-grid-lead>:first-child{grid-area:span 2/span 2}}.rows{margin:0;padding:0;list-style:none}.row{content-visibility:auto;contain-intrinsic-size:auto 62px;transition:background var(--dur-1) var(--ease-sine);border-radius:12px;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:6px;display:grid}@media (hover:hover){.row:hover{background:var(--hover)}}.row.now{background:color-mix(in srgb, var(--gold-rule) 9%, transparent)}.row-lead{block-size:40px;inline-size:40px;color:var(--ink-3);border-radius:999px;place-items:center;display:grid;position:relative}.row-num{font-variant-numeric:tabular-nums;color:var(--ink-3);font-size:13.5px}.row-btn{opacity:0;color:var(--ink);border-radius:999px;place-items:center;display:grid;position:absolute;inset:0}@media (hover:hover){.row:hover .row-num{opacity:0}.row:hover .row-btn{opacity:1}}@media (hover:none){.row-num{display:none}.row-btn{opacity:1;position:static}}.row.now .row-num{color:var(--gold-ink)}.row-main{align-items:center;gap:12px;min-width:0;display:flex}.row-thumb{block-size:41px;inline-size:72px;box-shadow:0 0 0 1px var(--rule);border-radius:8px;flex:none;position:relative;overflow:hidden}.row-thumb img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.row-text{flex-direction:column;min-width:0;line-height:1.55;display:flex}.row-title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:15.5px;font-weight:600;overflow:hidden}.row.now .row-title{color:var(--gold-ink)}.row-sub{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.row-mood{color:var(--ink-3);min-inline-size:72px;font-size:12.5px}.row-dur{color:var(--ink-3);font-variant-numeric:tabular-nums;padding-inline-end:8px;font-size:12.5px}@media (max-width:720px){.row{grid-template-columns:40px minmax(0,1fr) auto}.row-mood{display:none}.row-thumb{block-size:36px;inline-size:64px}}.bars{align-items:flex-end;gap:2px;block-size:14px;display:inline-flex}.bars i{background:var(--gold-ink);border-radius:2px;inline-size:3px;animation:.9s ease-in-out infinite alternate bar}.bars i:first-child{block-size:60%;animation-delay:-.3s}.bars i:nth-child(2){block-size:100%;animation-delay:-.6s}.bars i:nth-child(3){block-size:40%}.bars.paused i{animation-play-state:paused}@keyframes bar{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.bars i{transform-origin:bottom}.home-top{padding-block-start:clamp(14px,2.5vw,28px)}.home-shelves{padding-block-end:20px}.home-counts{color:var(--ink-3);margin-block-start:22px;font-size:13px}.feature{isolation:isolate;min-block-size:clamp(420px,62svh,600px);color:var(--on-veil);border-radius:clamp(18px,2.2vw,28px);align-items:flex-end;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000040}.feature-art{z-index:-2;position:absolute;inset:0}.feature-art img{object-fit:cover}@media (prefers-reduced-motion:no-preference){.feature-art img{animation:hero-drift 48s var(--ease-out-soft) infinite alternate}}.feature-veil{z-index:-1;background:linear-gradient(#060a122e 0%,#060a121f 28%,#060a129e 62%,#060a12eb 100%),linear-gradient(270deg,#060a1273,#0000 60%);position:absolute;inset:0}.feature-body{inline-size:100%;padding:clamp(20px,4vw,48px);padding-block-start:120px}.feature-eyebrow{color:var(--on-veil);align-items:center;gap:8px;margin:0 0 4px;font-size:13px;display:inline-flex}.feature-eyebrow svg{color:#f2c14e}.feature-actions{flex-wrap:wrap;align-items:center;gap:14px 18px;margin-block-start:10px;display:flex}.feature-cred{opacity:.88;flex-direction:column;font-size:14px;line-height:1.6;display:flex}.feature-en{font-family:var(--font-serif);opacity:.7;font-size:13px;font-style:italic}.btn-on-art{block-size:46px;color:var(--on-veil);-webkit-backdrop-filter:blur(6px);transition:background var(--dur-1) var(--ease-sine);background:#ffffff1f;border-radius:999px;align-items:center;gap:8px;padding-inline:18px;font-size:14.5px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff47}@media (hover:hover){.btn-on-art:hover{background:#fff3}}.recent{background:color-mix(in srgb, var(--paper-card) 70%, transparent);min-width:0;box-shadow:inset 0 0 0 1px var(--rule);border-radius:14px;align-items:center;gap:12px;padding:8px;display:flex}.recent-art{border-radius:10px;flex:none;block-size:54px;inline-size:96px;position:relative;overflow:hidden}.recent-art img{object-fit:cover}.recent-btn{color:#fff;opacity:0;transition:opacity var(--dur-1) var(--ease-sine);background:#00000061;place-items:center;display:grid;position:absolute;inset:0}.recent-art:hover .recent-btn,.recent-art:focus-visible .recent-btn{opacity:1}.recent-btn .bars i{background:#fff}.recent:has(.bars) .recent-btn{opacity:1}@media (hover:none){.recent-btn{opacity:1;background:#00000040}}.recent-text{flex-direction:column;min-width:0;line-height:1.55;display:flex}.recent-title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;overflow:hidden}.recent-sub{color:var(--ink-3);font-size:12.5px}.mood-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@media (min-width:900px){.mood-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1300px){.mood-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.mood-card{isolation:isolate;aspect-ratio:4/3;color:#fff;background:var(--tint);transition:transform var(--dur-2) var(--ease-out-soft), box-shadow var(--dur-1) var(--ease-sine);border-radius:18px;align-items:flex-end;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 26px #00000029}.mood-card img{object-fit:cover;z-index:-2;transition:transform 1.2s var(--ease-out-soft)}.mood-veil{z-index:-1;background:linear-gradient(to top, color-mix(in srgb, var(--tint) 92%, black) 6%, color-mix(in srgb, var(--tint) 55%, transparent) 55%, transparent);mix-blend-mode:normal;position:absolute;inset:0}.mood-body{flex-direction:column;padding:14px 16px;line-height:1.5;display:flex}.mood-name{font-family:var(--font-display);font-size:22px}.mood-line{opacity:.88;font-size:12.5px}.mood-count{opacity:.72;margin-block-start:4px;font-size:12px}@media (hover:hover){.mood-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #0000003d}.mood-card:hover img{transform:scale(1.06)}}.poet-tile{text-align:center;flex-direction:column;align-items:center;min-width:0;padding-block-start:4px;display:flex}.poet-face{aspect-ratio:1;inline-size:min(100%,150px);box-shadow:0 0 0 3px var(--paper), 0 0 0 4px var(--rule-strong), 0 10px 26px #00000029;transition:box-shadow var(--dur-1) var(--ease-sine), transform var(--dur-2) var(--ease-out-soft);border-radius:999px;position:relative;overflow:hidden}.poet-face img{object-fit:cover}.poet-name{color:var(--ink);margin-block-start:4px}.poet-count{color:var(--ink-3);margin-block-start:-14px;font-size:12.5px}@media (hover:hover){.poet-tile:hover .poet-face{box-shadow:0 0 0 3px var(--paper), 0 0 0 5px var(--gold-rule), 0 14px 32px #00000038;transform:translateY(-2px)}}.shelf-rail:has(>.poet-tile){grid-auto-columns:min(38vw,170px)}@media (min-width:1024px){.shelf-rail:has(>.poet-tile){grid-auto-columns:calc((100% - 6 * 22px - 2 * var(--room-pad)) / 7)}}.shelf-rail:has(>.recent){grid-auto-columns:min(80vw,300px)}@media (min-width:1024px){.shelf-rail:has(>.recent){grid-auto-columns:calc((100% - 3 * 22px - 2 * var(--room-pad)) / 4)}}.channel-cta{border-radius:20px}.shelf-title,.tile-title,.np-title,.mood-name,.page-title{font-weight:800}@media (min-width:900px){.feature{justify-content:flex-start}.feature-body{inline-size:62%}.feature[data-side=end]{justify-content:flex-end}.feature[data-side=end] .feature-veil{background:linear-gradient(#0000 25%,#060a1259 55%,#060a12d9 100%),linear-gradient(90deg,#060a12c7 0%,#060a1273 40%,#0000 70%)}.feature[data-side=start] .feature-veil{background:linear-gradient(#0000 25%,#060a1259 55%,#060a12d9 100%),linear-gradient(270deg,#060a12c7 0%,#060a1273 40%,#0000 70%)}}.feature-body{container-type:inline-size}.btn-soft{block-size:46px;color:var(--ink);white-space:nowrap;background:color-mix(in srgb, var(--paper-card) 80%, transparent);box-shadow:inset 0 0 0 1px var(--rule-strong);transition:box-shadow var(--dur-1) var(--ease-sine), background var(--dur-1) var(--ease-sine);border-radius:999px;align-items:center;gap:8px;padding-inline:18px;font-size:14.5px;display:inline-flex}.btn-soft:disabled{opacity:.5}.btn-note{color:var(--ink-3);font-size:11.5px}@media (hover:hover){.btn-soft:hover{box-shadow:inset 0 0 0 1px var(--gold-rule);background:var(--paper-card)}}.icon-btn.ring{box-shadow:inset 0 0 0 1px var(--rule-strong)}.copied{color:var(--pig-firuze);font-weight:700}.link{color:var(--accent);align-items:center;gap:4px;display:inline-flex}.link:hover{text-underline-offset:4px;text-decoration:underline}.muted{color:var(--ink-3)}.song-head{align-items:center;gap:clamp(18px,3vw,44px);padding-block:clamp(16px,3vw,40px) clamp(10px,2vw,24px);display:grid}@media (min-width:1024px){.song-head{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}}.song-art{aspect-ratio:16/9;box-shadow:0 0 0 1px var(--rule), 0 30px 70px #00000047;border-radius:clamp(16px,2vw,24px);position:relative;overflow:hidden}.song-art img{object-fit:cover}.song-info{flex-direction:column;min-width:0;display:flex}.song-crumbs{color:var(--ink-3);align-items:center;gap:8px;font-size:13px;display:flex}.song-crumbs a:hover{color:var(--ink)}.song-title{color:var(--ink);margin-block:0 -.35em;margin-inline-start:-.45em}.song-meta{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0;font-size:15px;display:flex}.song-meta>*+:before{content:"·";color:var(--ink-3);margin-inline-end:14px}.song-meta a:hover{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.song-mood{color:var(--gold-ink)!important}.song-en{font-family:var(--font-serif);color:var(--ink-3);text-align:end;margin:4px 0 0;font-size:14px;font-style:italic}.song-actions{flex-wrap:wrap;align-items:center;gap:10px 12px;margin-block-start:20px;display:flex}.song-icons{align-items:center;gap:4px;display:inline-flex}.song-icons>*{border-radius:999px}.song-icons a,.song-icons>div>button,.song-icons>button{color:var(--ink-2)}.song-hint{color:var(--ink-3);align-items:center;gap:8px;margin:16px 0 0;font-size:13px;display:flex}.song-hint svg{color:var(--gold-ink);flex:none}.song-body{align-items:start;gap:clamp(24px,4vw,56px);display:grid}.song-aside{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:start;gap:18px;display:grid}@media (min-width:1500px){.song-body{grid-template-columns:minmax(0,1fr) 380px}.song-aside{flex-direction:column;display:flex;position:sticky;top:20px}}.song-block{margin-block:clamp(26px,3.5vw,44px)}.side-block{background:color-mix(in srgb, var(--paper-card) 70%, transparent);box-shadow:inset 0 0 0 1px var(--rule);border-radius:18px;padding:18px}.block-title{font-family:var(--font-display);color:var(--ink);align-items:baseline;gap:8px;margin:0 0 14px;font-size:clamp(19px,2vw,23px);font-weight:800;display:flex}.side-block .block-title{margin-block-end:12px;font-size:17px}.block-count{font-family:var(--font-sans);color:var(--ink-3);font-size:13px;font-weight:400}.poem-lede{color:var(--ink-3);margin:-6px 0 18px;font-size:13.5px}.poem-theme{color:var(--ink-2);border-inline-start:2px solid var(--gold-rule);margin:0 0 22px;padding-inline-start:14px;font-size:16px;line-height:2}.poem-sheet{background:color-mix(in srgb, var(--paper-card) 76%, transparent);box-shadow:inset 0 0 0 1px var(--rule);border-radius:22px;padding:clamp(18px,3vw,34px) clamp(16px,3vw,40px)}.facts{grid-template-columns:auto 1fr;gap:8px 18px;margin:0;font-size:14px;display:grid}.facts dt{color:var(--ink-3)}.facts dd{color:var(--ink);margin:0}.aside-note{color:var(--ink-3);margin:0 0 10px;font-size:12.5px;line-height:1.9}.others{flex-direction:column;gap:6px;margin:0 0 8px;padding:0;font-size:14px;list-style:none;display:flex}.others li{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gallery{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:18px;display:grid}.gallery-item{flex-direction:column;gap:8px;margin:0;display:flex}.gallery-art{aspect-ratio:16/9;box-shadow:0 0 0 1px var(--rule);border-radius:14px;display:block;position:relative;overflow:hidden}.gallery-art img{object-fit:cover;transition:transform 1.2s var(--ease-out-soft)}@media (hover:hover){.gallery-item:hover .gallery-art img{transform:scale(1.04)}}.gallery-item figcaption{font-family:var(--font-serif);color:var(--ink-3);text-align:start;font-size:12.5px;line-height:1.55}.manuscripts{scrollbar-width:thin;gap:12px;padding-block-end:6px;display:flex;overflow-x:auto}.manuscripts a{inline-size:120px;box-shadow:0 0 0 1px var(--rule);border-radius:8px;flex:none;overflow:hidden}.manuscripts img{block-size:auto;inline-size:100%;display:block}.room-head{padding-block:clamp(22px,4vw,48px) clamp(10px,2vw,22px)}.room-eyebrow{color:var(--gold-ink);align-items:center;gap:10px;margin:0 0 6px;display:flex}.room-eyebrow span{font-family:var(--font-serif);font-size:13px}.page-title{font-family:var(--font-display);color:var(--ink);margin:0;font-size:clamp(30px,min(max(4.2vw,5vh),9vw),52px);font-weight:800;line-height:1.35}.room-sub{color:var(--ink-2);max-inline-size:62ch;margin:6px 0 0;font-size:15px;line-height:1.9}.room-tools{flex-wrap:wrap;align-items:center;gap:10px 12px;margin-block-start:18px;display:flex}.shell{padding-block:8px 24px}.shell .band,.shell .band-soft,.shell .band-deep{background:0 0}.browser-bar{top:var(--top-h);z-index:20;margin-inline:calc(var(--room-pad) * -1);padding:10px var(--room-pad) 10px;background:var(--glass);-webkit-backdrop-filter:saturate(1.4)blur(16px);border-block-end:1px solid color-mix(in srgb, var(--rule) 60%, transparent);flex-direction:column;gap:8px;display:flex;position:sticky}@media (min-width:1024px){.browser-bar{top:0}}.browser-search{background:var(--paper-card);block-size:46px;color:var(--ink-3);box-shadow:inset 0 0 0 1px var(--rule);border-radius:14px;align-items:center;gap:10px;padding-inline:14px 6px;display:flex}.browser-search:focus-within{box-shadow:inset 0 0 0 1px var(--gold-rule)}.browser-search input{min-width:0;color:var(--ink);background:0 0;outline:none;flex:1;font-size:15.5px}.browser-search input::-webkit-search-cancel-button{display:none}.browser-chips{margin-inline-end:calc(var(--room-pad) * -1)}.chip-n{font-variant-numeric:tabular-nums;color:var(--ink-3);font-size:12px}.pill-chip[aria-pressed=true] .chip-n,.pill-chip[data-on] .chip-n{color:inherit}.browser-head{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-block:18px 12px;display:flex}.browser-count{min-width:0;color:var(--ink-2);flex:1;align-items:center;gap:12px;font-size:14px;display:flex}.browser-tools{flex-wrap:wrap;gap:8px;display:flex}.empty{color:var(--ink-2);flex-direction:column;align-items:flex-start;gap:14px;padding:40px 0;font-size:15px;display:flex}.poet-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:28px 18px;padding-block:10px 30px;display:grid}.poet-grid .poet-face{inline-size:min(100%,170px)}.poet-en{font-family:var(--font-serif)}.poet-head{align-items:center;gap:clamp(18px,3vw,40px);padding-block:clamp(20px,3.5vw,44px) 8px;display:grid}@media (min-width:720px){.poet-head{grid-template-columns:auto minmax(0,1fr)}}.poet-portrait{aspect-ratio:1;background:var(--paper-sunk);inline-size:clamp(150px,18vw,220px);box-shadow:0 0 0 4px var(--paper), 0 0 0 5px var(--gold-rule), 0 24px 60px #00000047;border-radius:999px;position:relative;overflow:hidden}.poet-portrait img{object-fit:cover}.poet-info{flex-direction:column;min-width:0;display:flex}.poet-full{color:var(--ink-2);margin:-4px 0 6px;font-size:15px;line-height:1.8}.poet-body{align-items:start;gap:clamp(20px,4vw,48px);display:grid}@media (min-width:1200px){.poet-body{grid-template-columns:minmax(0,1fr) 360px}.poet-aside{position:sticky;top:20px}}.poet-aside{flex-direction:column;gap:16px;margin-block:clamp(26px,3.5vw,44px);display:flex}.poet-bio summary{cursor:pointer;list-style:none}.poet-bio summary::-webkit-details-marker{display:none}.poet-bio p{color:var(--ink-2);margin:0 0 10px;font-size:14.5px;line-height:2}.mood-grid-lg{padding-block:10px 30px;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))!important}.mood-hero{isolation:isolate;color:#fff;background:var(--tint);border-radius:clamp(18px,2.2vw,28px);align-items:flex-end;min-block-size:clamp(300px,44svh,440px);margin-block-start:clamp(14px,2.5vw,28px);display:flex;position:relative;overflow:hidden}.mood-hero img{object-fit:cover;z-index:-2}.mood-hero-veil{z-index:-1;background:linear-gradient(to top, color-mix(in srgb, var(--tint) 94%, black) 8%, color-mix(in srgb, var(--tint) 60%, transparent) 50%, color-mix(in srgb, var(--tint) 20%, transparent));position:absolute;inset:0}.mood-hero-body{padding:clamp(20px,4vw,44px)}.mood-hero-title{font-family:var(--font-display);margin:0;font-size:clamp(40px,min(6vw,8vh),76px);font-weight:800;line-height:1.25}.mood-hero-line{opacity:.88;margin:4px 0 8px;font-size:16px}.song-body,.poet-body{grid-template-columns:minmax(0,1fr)}.song-main,.song-aside,.poet-aside{min-width:0}@media (min-width:1500px){.song-body{grid-template-columns:minmax(0,1fr) 380px}}@media (min-width:1200px){.poet-body{grid-template-columns:minmax(0,1fr) 360px}}