@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) 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-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}}}@layer theme{:root,:host{--font-sans:-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-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hidden{display:none}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.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, )}}:root{--background:#0e1020;--foreground:#f8eada;--muted:#c4b9cb;--gold:#f4c898;--line:#ffe4cc26}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #edb981}h1,h2,h3,p{margin:0}h1,h2,.brand,.mood-card-title,.playlist-copy strong{font-family:Georgia,Times New Roman,serif}.site{background:radial-gradient(at 65% 10%,#30243f 0%,#0000 40%),#0e1020;overflow:hidden}.content-container{max-width:1510px;margin:auto;padding-inline:clamp(20px,5vw,90px)}.header{z-index:10;background:linear-gradient(#090918bf,#09091833);border-bottom:1px solid #fadec31f;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(20px,6vw,110px);display:flex;position:absolute;top:0;left:0;right:0}.brand{letter-spacing:.13em;align-items:center;gap:12px;font-size:clamp(23px,2.4vw,36px);display:inline-flex}.brand-mark{flex:none;width:42px;height:42px}.nav{align-items:center;gap:clamp(15px,3.4vw,52px);display:flex}.nav>a{opacity:.9;font-size:15px;transition:color .2s}.nav>a:hover{color:var(--gold)}.nav-active{color:var(--gold);position:relative}.nav-active:after{content:"";background:var(--gold);border-radius:4px;width:100%;height:2px;position:absolute;bottom:-13px;left:0}.mobile-toggle{display:none}.hero{isolation:isolate;background:#171625;align-items:center;min-height:675px;display:flex;position:relative}.hero-image{z-index:-3;background-image:url(/art/hero.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.hero:before{content:"";z-index:-2;background:linear-gradient(90deg,#0a0a1cf0 0%,#0d0b1bc9 29%,#0f0c1f47 57%,#0b0b181f 100%),linear-gradient(#0000 75%,#0e1020a6 100%);position:absolute;inset:0}.hero-rain{z-index:-1;pointer-events:none;opacity:.23;position:absolute;inset:0;overflow:hidden}.hero-rain span{background:linear-gradient(#0000,#d5d8ff,#0000);width:1px;height:65px;animation:2.4s linear infinite rainfall;position:absolute;top:-8%;transform:rotate(9deg)}@keyframes rainfall{0%{transform:translateY(-20vh)rotate(9deg)}to{transform:translateY(120vh)rotate(9deg)}}.hero-content{width:100%;max-width:1600px;margin:auto;padding:130px clamp(20px,7vw,135px) 85px}.eyebrow,.section-kicker{color:#e9bc89;text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:700}.eyebrow{align-items:center;gap:12px;margin-bottom:24px;display:flex}.eyebrow-line{background:#efc18f;width:35px;height:1px}.hero h1{letter-spacing:-.05em;text-shadow:0 4px 30px #0000002e;font-size:clamp(58px,6vw,104px);font-weight:400;line-height:.99}.hero h1 em{font-weight:400}.hero-content>p{color:#f1e5df;margin:27px 0 32px;font-size:clamp(17px,1.55vw,23px);line-height:1.55}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.btn{border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:57px;padding:0 26px;font-size:14px;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-3px)}.btn svg,.room-link svg,.all-playlists svg{width:19px;height:19px}.btn-primary{color:#1b1720;background:linear-gradient(115deg,#f6c894,#ffe1b8);box-shadow:0 6px 30px #ffad6138}.btn-outline{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d0c1852;border:1px solid #f3cbaa}.hero-footnote{color:#e0caca;letter-spacing:.07em;align-items:center;gap:9px;margin-top:47px;font-size:12px;display:inline-flex}.pulse-dot,.room-control-live span{background:#f0c491;border-radius:50%;width:7px;height:7px;animation:2.3s infinite breathe;display:inline-block;box-shadow:0 0 12px #ffc18e}@keyframes breathe{50%{opacity:.35}}.hero-caption{color:#e5c5cb;font-family:Georgia,serif;font-size:14px;font-style:italic;position:absolute;bottom:38px;right:7%}.moods-section{z-index:2;margin-top:-34px;position:relative}.moods-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.mood-card{color:#fff2ec;text-align:left;background:linear-gradient(125deg,#2b344e,#21263e);border:1px solid #f2d3d31f;border-radius:22px;align-items:center;gap:18px;min-height:138px;padding:14px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.mood-card:hover{transform:translateY(-5px)}.mood-card.is-selected{border-color:#ffd5a7a6;box-shadow:0 0 0 1px #ffca9b2b,0 15px 60px #0c0c1c59}.mood-relax{background:linear-gradient(120deg,#40304c,#31243f)}.mood-sleep{background:linear-gradient(120deg,#253450,#1e2540)}.mood-card img{object-fit:cover;border-radius:15px;width:35%;max-width:146px;height:105px}.mood-card-body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.mood-card-title{align-items:center;gap:11px;font-size:clamp(23px,2vw,31px);display:flex}.mood-icon{color:#f8d6b9;font-family:Arial,sans-serif;font-size:27px}.mood-card-description{color:#e7dce3;font-size:13px;line-height:1.5}.mood-arrow{opacity:.9;align-self:center}.mood-arrow svg{width:22px;height:22px}.room-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(50px,9vw,145px);padding-block:110px 115px;display:grid}h2{letter-spacing:-.04em;font-size:clamp(36px,3.6vw,59px);font-weight:400;line-height:1.12}h2 em{color:#f1bbab;font-weight:400}.room-info h2{margin:18px 0 20px}.room-info>p{max-width:490px;color:var(--muted);font-size:17px;line-height:1.75}.selected-mood{align-items:center;gap:16px;margin:35px 0 28px;display:flex}.selected-mood-symbol{color:#f2c28f;background:#2c273c;border:1px solid #f4c69e4d;border-radius:18px;place-items:center;width:60px;height:60px;font-size:28px;display:grid}.selected-mood>div{flex-direction:column;gap:5px;display:flex}.selected-mood strong{font-family:Georgia,serif;font-size:21px;font-weight:400}.selected-mood>div>span:last-child{color:var(--muted);font-size:13px}.small-label{color:#e2b88d;letter-spacing:.2em;font-size:10px}.room-link,.all-playlists{color:#f1c79f;align-items:center;gap:10px;font-size:14px;font-weight:600;display:inline-flex}.room-link:hover,.all-playlists:hover{text-decoration:underline}.room-control{background:#29253c;border:1px solid #e7c0d738;border-radius:28px;flex-direction:column;justify-content:space-between;min-height:370px;padding:27px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 100px #06051273}.room-control-art{opacity:.38;filter:blur(12px)saturate(1.1);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.14)}.room-control:after{content:"";pointer-events:none;background:linear-gradient(90deg,#17152bd9,#17152ba6);position:absolute;inset:0}.room-control>:not(.room-control-art){z-index:1;position:relative}.room-control-top{letter-spacing:.17em;color:#e7d9e9;justify-content:space-between;align-items:center;gap:12px;font-size:10px;display:flex}.room-control-live{color:#ebc393;align-items:center;gap:8px;font-size:9px;display:flex}.rain-control{align-items:center;gap:16px;display:flex}.rain-disc{color:#f9d6aa;background:#ffecdf1f;border-radius:20px;flex:none;place-items:center;width:73px;height:73px;display:grid}.rain-disc svg{width:36px;height:36px}.rain-label{flex-direction:column;flex:1;gap:6px;display:flex}.rain-label strong{font-family:Georgia,serif;font-size:27px;font-weight:400}.rain-label small{color:#d6c8d6;font-size:12px}.round-play{color:#251b2b;background:#f9d2a4;border:0;border-radius:50%;place-items:center;width:55px;height:55px;transition:transform .2s;display:grid}.round-play:hover{transform:scale(1.07)}.round-play svg{width:22px;height:22px}.volume-row{align-items:center;gap:13px;padding:15px 2px;font-size:12px;display:flex}.volume-row svg{color:#f6d1aa;width:20px;height:20px}.volume-row input{accent-color:#f3c394;flex:1;min-width:20px}.volume-row span{font-variant-numeric:tabular-nums;text-align:right;width:34px}.room-note{color:#d3c4cf;font-size:10px;line-height:1.5}.playlist-section{padding-block:0 120px}.section-header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px;display:flex}.section-header h2{margin:13px 0 10px}.section-header p{color:var(--muted);font-size:15px}.all-playlists{white-space:nowrap;border:1px solid #ffdac48c;border-radius:999px;padding:14px 18px}.playlist-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;display:grid}.playlist-card{display:block}.playlist-art{aspect-ratio:1.37;background-position:50%;background-size:cover;border-radius:20px;transition:transform .2s;position:relative;overflow:hidden}.playlist-art:after{content:"";background:linear-gradient(#0000 40%,#0e0a197a);position:absolute;inset:0}.playlist-card:hover .playlist-art{transform:translateY(-5px)}.playlist-play{z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#100d19a8;border:1px solid #f6dccb;border-radius:50%;place-items:center;width:43px;height:43px;display:grid;position:absolute;bottom:16px;left:16px}.playlist-play svg{width:20px;height:20px}.playlist-copy{flex-direction:column;gap:7px;padding:16px 3px;display:flex}.playlist-copy strong{font-size:22px;font-weight:400}.playlist-copy span{color:var(--muted);font-size:12px}.art-midnight-notes{filter:hue-rotate(22deg);background-position:80%}.art-dreamy-nights{filter:saturate(.85)}.about-section{text-align:center;border-top:1px solid var(--line);padding-block:65px 105px}.about-ornament{color:#e4b88d;letter-spacing:14px;margin-bottom:22px;font-size:30px}.about-section h2{margin:17px auto}.about-section p{max-width:570px;color:var(--muted);margin:auto;line-height:1.8}.footer{border-top:1px solid var(--line);min-height:110px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;font-size:12px;display:flex}.footer-brand{color:#f5e9dd;letter-spacing:.12em;align-items:center;gap:10px;font-family:Georgia,serif;font-size:20px;display:flex}.footer-brand .brand-mark{width:29px;height:29px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1100px){.mood-card{gap:10px}.mood-card img{width:30%;height:88px}.mood-card-description{font-size:11px}.room-section{gap:35px}}@media (max-width:820px){.header{height:75px}.mobile-toggle{color:#f6dbcb;border:1px solid var(--line);background:#0a0b1980;border-radius:10px;width:43px;height:40px;font-size:20px;display:block}.nav{background:#110f23fa;flex-direction:column;align-items:flex-start;gap:22px;padding:24px;display:none;position:absolute;top:75px;left:0;right:0}.nav-open{display:flex}.nav-active:after{bottom:-6px}.hero{min-height:630px}.hero-image{background-position:62%}.hero:before{background:linear-gradient(90deg,#0a0a1af0,#0a0a1a94 65%,#0a0a1a3d)}.moods-grid{grid-template-columns:1fr}.mood-card{min-height:113px}.mood-card img{width:125px;height:86px}.mood-card-description{font-size:13px}.room-section{grid-template-columns:1fr;gap:33px;padding-block:75px}.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-caption{display:none}}@media (max-width:520px){.brand{font-size:23px}.brand-mark{width:33px;height:33px}.hero{min-height:610px}.hero-content{padding-block:135px 100px}.hero h1{font-size:clamp(47px,12vw,70px)}.hero-content>p{max-width:310px;font-size:17px}.hero-actions{flex-direction:column;align-items:flex-start}.btn{min-height:50px}.hero-footnote{margin-top:25px}.mood-card img{width:90px;height:77px}.mood-card-title{font-size:24px}.mood-card-description{font-size:12px}.mood-arrow svg{width:18px;height:18px}.section-header{flex-direction:column;align-items:start}.playlist-grid{gap:12px}.playlist-art{border-radius:14px}.playlist-copy strong{font-size:19px}.playlist-copy span{font-size:11px}.room-control{padding:18px}.room-control-top{font-size:9px}.room-control-live{font-size:8px}.rain-disc{width:56px;height:56px}.rain-label strong{font-size:22px}.rain-label small{font-size:10px}.round-play{width:46px;height:46px}.footer{flex-direction:column;align-items:flex-start;padding-block:25px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@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-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}
.hero{background:#111426;min-height:clamp(555px,73svh,690px);overflow:hidden}.hero-image{z-index:-4;filter:saturate(1.08)contrast(1.035);background-image:url(/art/hero-cinematic.avif),url(/art/hero.svg);background-position:0,58%;background-repeat:no-repeat;background-size:cover,cover;width:76%;position:absolute;inset:0 0 0 auto}.hero-video{object-fit:cover;object-position:center center;z-index:-3;pointer-events:none;width:76%;height:100%;position:absolute;inset:0 0 0 auto}.hero:before{z-index:-2;background:linear-gradient(90deg,#101021 0%,#0f0f20f7 16%,#111022e6 30%,#1211246e 49%,#0f102214 73%,#0f0e1c1a 100%),linear-gradient(#0c0d1e38 0%,#0000 20% 80%,#0e1020eb 100%)}.hero:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 -40px 90px #0c0c1c40}.hero-glow{z-index:-1;pointer-events:none;opacity:.72;background:radial-gradient(at 82% 37%,#fcb46e26,#0000 48%);width:48%;height:75%;animation:7s ease-in-out infinite alternate room-glow;position:absolute;top:9%;right:-5%}@keyframes room-glow{0%{opacity:.52}to{opacity:.85}}.hero-rain{opacity:.28;z-index:-1;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 92%,#0000),linear-gradient(#0000,#000 7% 83%,#0000);pointer-events:none;width:36%;height:66%;inset:6% 1.5% 28% auto;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 12% 92%,#0000)}.hero-rain span{filter:blur(.45px);background:linear-gradient(#0000,#ccdfffbf,#0000);width:1px;height:38px}.hero-content{padding-top:115px;padding-bottom:67px}.hero-content h1{text-wrap:balance;max-width:670px;font-size:clamp(57px,5.7vw,95px)}.hero-content>p{max-width:480px}.moods-section{margin-top:-48px}.mood-card{-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);background:linear-gradient(115deg,#30304fd6,#1e1f39d1);border:1px solid #f8d5c62e;position:relative;box-shadow:0 12px 36px #0606133b}.mood-relax{background:linear-gradient(110deg,#4d2b4cd9,#312445db)}.mood-sleep{background:linear-gradient(110deg,#263556db,#1e2343e0)}.mood-card img{box-shadow:0 6px 20px #0b091945}.room-control{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}@media (max-width:820px){.hero{min-height:625px}.hero-image{background-position:50%,63%;width:100%}.hero-video{width:100%}.hero:before{background:linear-gradient(90deg,#0b0a1be6,#0b0a1bad 48%,#0b0a1b42),linear-gradient(#0000 64%,#0a0b1ce6)}.hero-rain{width:37%;height:57%;top:4%;left:auto;right:1%}.hero-content{padding-top:135px;padding-bottom:83px}.moods-section{margin-top:-30px}}@media (max-width:520px){.hero{min-height:620px}.hero-image{background-position:46%,67%}.hero-content h1{font-size:clamp(48px,11.5vw,65px)}.hero-content{padding-bottom:72px}.hero-rain{opacity:.2;width:35%;height:44%;top:3%;right:3%}.hero-glow{display:none}}@media (prefers-reduced-motion:reduce){.hero-glow{animation:none}.hero-video{display:none}}
.playlist-art-real{background:#242238}.playlist-art-real>img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.playlist-art-real:after{z-index:0}.youtube-empty{color:#f6e8df;background:linear-gradient(115deg,#232339,#30243d);border:1px solid #fbd9bc33;border-radius:24px;align-items:center;gap:24px;padding:30px;display:flex}.youtube-empty-icon{color:#f2c38d;background:#fde7d00f;border-radius:20px;flex:none;place-items:center;width:72px;height:72px;font-size:38px;display:grid}.youtube-empty>div{flex:1}.youtube-empty strong{font-family:Georgia,serif;font-size:23px;font-weight:400}.youtube-empty p{color:#cbc0d0;max-width:600px;margin-top:8px;font-size:13px;line-height:1.65}.youtube-empty a{color:#f2c38d;white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:flex}.youtube-empty a svg{width:18px;height:18px}.latest-section{padding-bottom:90px}.video-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;display:grid}.video-card{min-width:0}.video-open{aspect-ratio:16/9;color:#fff;background:#211e35;border:0;border-radius:20px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.video-open img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.video-open:hover img{transform:scale(1.045)}.video-open:after{content:"";pointer-events:none;background:linear-gradient(#0000 50%,#0b09194d);position:absolute;inset:0}.video-open-play{z-index:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#121020bf;border:1px solid #ffdfcacc;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-open-play svg{width:24px;height:24px}.video-copy{flex-direction:column;gap:10px;padding:14px 2px;display:flex}.video-copy h3{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font:400 18px/1.35 Georgia,serif;display:-webkit-box;overflow:hidden}.video-copy a{color:#f0bf9d;align-self:flex-start;font-size:12px}.youtube-source-note{color:#aaa2b4;margin-top:-52px;padding-bottom:100px;font-size:11px}.youtube-modal{z-index:100;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.youtube-modal-backdrop{cursor:default;background:#090811db;border:0;position:absolute;inset:0}.youtube-modal-panel{background:#1b1a2d;border:1px solid #fad4b94d;border-radius:18px;width:min(100%,1040px);position:relative;overflow:hidden;box-shadow:0 30px 120px #0009}.youtube-modal-header{justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;display:flex}.youtube-modal-header strong{text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,serif;font-size:18px;font-weight:400;overflow:hidden}.youtube-modal-close{color:#fce9da;background:0 0;border:1px solid #ffe6d44d;border-radius:50%;flex:none;width:40px;height:40px}.youtube-modal-panel iframe{aspect-ratio:16/9;background:#0c0c17;border:0;width:100%;display:block}.youtube-modal-link{text-align:right;color:#eec49c;padding:13px 20px;font-size:12px;display:block}@media (max-width:850px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.youtube-empty{flex-wrap:wrap}}@media (max-width:520px){.video-grid{gap:12px}.video-open{border-radius:14px}.video-open-play{width:42px;height:42px}.video-copy h3{font-size:15px}.youtube-empty{gap:14px;padding:22px}.youtube-empty-icon{width:48px;height:48px;font-size:27px}.youtube-empty strong{font-size:19px}.youtube-empty a{margin-left:auto}}
.room-section{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start}.room-info{padding-top:28px;position:sticky;top:35px}.lofi-player{background:linear-gradient(150deg,#252239,#15172b 65%,#17182d);border:1px solid #ffdfcb36;border-radius:26px;min-width:0;padding:18px;overflow:hidden;box-shadow:0 20px 110px #0404105c}.lofi-player-head{justify-content:space-between;align-items:center;gap:14px;padding:7px 7px 18px;display:flex}.lofi-player-head>div{flex-direction:column;gap:6px;display:flex}.lofi-player-head strong{color:#f8e5dc;font:400 24px Georgia,Times New Roman,serif}.lofi-player-kicker{letter-spacing:.17em;color:#ebb98d;font-size:10px;font-weight:700}.lofi-cinema-button{white-space:nowrap;color:#f4e3d5;background:#26243b;border:1px solid #ffe4d454;border-radius:99px;align-items:center;gap:7px;padding:10px 13px;font-size:12px;display:flex}.lofi-cinema-button:hover{background:#34304b}.lofi-cinema-button svg,.lofi-rain-symbol svg{width:17px;height:17px}.lofi-player-screen{aspect-ratio:16/9;isolation:isolate;background:#1b2138;border-radius:16px;position:relative;overflow:hidden}.lofi-player-screen iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.lofi-player-poster{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.lofi-player-shade{background:linear-gradient(#0000 35%,#0e0c1cb3),linear-gradient(90deg,#1212251f,#0000);position:absolute;inset:0}.lofi-big-play{white-space:nowrap;color:#ffe3c2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161121b8;border:1px solid #fff1dba6;border-radius:22px;flex-direction:column;align-items:center;gap:9px;padding:18px 22px;font-size:13px;font-weight:700;transition:background .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 70px #0006}.lofi-big-play:hover{background:#2d2339e6}.lofi-big-play svg{width:27px;height:27px}.lofi-player-empty{text-align:center;color:#fff0de;background:#13132480;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex;position:absolute;inset:0}.lofi-player-empty strong{font:400 23px Georgia,serif}.lofi-player-empty>span:last-child{color:#ded0d2;font-size:12px;line-height:1.5}.lofi-empty-symbol{color:#f2cb9f;font-size:32px}.lofi-now-playing{border-bottom:1px solid #f2cdbd2b;justify-content:space-between;align-items:center;gap:15px;padding:20px 7px 18px;display:flex}.lofi-track-meta{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.lofi-small-label{letter-spacing:.17em;color:#e9bb8c;font-size:9px;font-weight:700}.lofi-track-meta strong{white-space:nowrap;text-overflow:ellipsis;font:400 19px/1.3 Georgia,serif;overflow:hidden}.lofi-track-meta>span:last-child{color:#c5bac9;font-size:11px;line-height:1.55}.lofi-track-buttons{flex:none;align-items:center;gap:8px;display:flex}.lofi-track-buttons button{color:#ffdfba;background:#efc9a50d;border:1px solid #fbdfcb59;border-radius:50%;place-items:center;width:39px;height:39px;font-size:28px;line-height:1;display:grid}.lofi-track-buttons button:hover:not(:disabled){background:#fcdcb82b}.lofi-track-buttons button:disabled{opacity:.3;cursor:not-allowed}.lofi-track-buttons button.lofi-control-primary{color:#2d2230;background:#f6d1a1;width:48px;height:48px}.lofi-control-primary svg{width:20px;height:20px}.lofi-queue{padding:20px 4px 15px}.lofi-queue-heading{justify-content:space-between;align-items:center;gap:12px;margin:0 3px 12px;display:flex}.lofi-queue-heading strong{font:400 17px Georgia,serif}.lofi-queue-heading>span{color:#cdbbc6;font-variant-numeric:tabular-nums;font-size:11px}.lofi-queue-list{scrollbar-color:#726076 transparent;scrollbar-width:thin;gap:9px;padding:2px 3px 13px;display:flex;overflow-x:auto}.lofi-queue-item{text-align:left;color:#eadddf;background:#fbebdc0a;border:1px solid #fce0cb1f;border-radius:13px;flex:0 0 154px;min-width:0;padding:7px;transition:border-color .2s,background .2s;position:relative}.lofi-queue-item.is-active{background:#fad7ba21;border-color:#ffdcb499}.lofi-queue-item:hover{background:#fad7ba21}.lofi-queue-item img{aspect-ratio:16/9;object-fit:cover;border-radius:7px;width:100%;display:block}.lofi-queue-item>span:not(.lofi-queue-indicator){-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:30px;margin-top:7px;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.lofi-queue-indicator{color:#f9c38d;text-shadow:0 1px 5px #201324;font-size:14px;position:absolute;top:10px;right:10px}.lofi-queue-link{color:#f3c79f;margin:2px 0 0;padding:4px;font-size:12px;display:inline-block}.lofi-queue-link:hover{text-decoration:underline}.lofi-queue-empty{color:#d2c5cd;padding:10px 4px 20px;font-size:12px;line-height:1.5}.lofi-rain-module{background:linear-gradient(100deg,#433c5873,#252c4666);border:1px solid #fce0cb21;border-radius:17px;padding:18px 18px 15px}.lofi-rain-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.lofi-rain-identity{align-items:center;gap:12px;min-width:0;display:flex}.lofi-rain-symbol{color:#f7c18c;background:#ffdec017;border-radius:14px;flex:none;place-items:center;width:45px;height:45px;display:grid}.lofi-rain-identity>div:last-child{flex-direction:column;gap:4px;display:flex}.lofi-rain-identity strong{font:400 20px Georgia,serif}.lofi-rain-identity span{color:#cdbdc7;font-size:10px;line-height:1.4}.lofi-rain-toggle{color:#eee1dd;background:#353049;border:1px solid #ffdac14d;border-radius:99px;flex:none;justify-content:space-between;align-items:center;gap:10px;min-width:76px;padding:7px 9px 7px 14px;font-size:11px;display:flex}.lofi-rain-toggle>span{background:#998ba1;border-radius:50%;width:19px;height:19px;transition:background .2s}.lofi-rain-toggle.is-on>span{background:#f7c58d;box-shadow:0 0 12px #f7c58d80}.lofi-rain-volume{align-items:center;gap:12px;margin-top:18px;display:flex}.lofi-rain-volume label{color:#ede0d8;white-space:nowrap;font-size:11px}.lofi-rain-volume input{accent-color:#f6c995;flex:1;min-width:20px}.lofi-rain-volume span{font-variant-numeric:tabular-nums;text-align:right;width:35px;font-size:11px}.lofi-rain-module>p{color:#c6b8c5;margin-top:12px;font-size:10px;line-height:1.5}.lofi-player--cinema{z-index:90;flex-direction:column;max-width:1400px;margin:auto;display:flex;position:fixed;inset:clamp(10px,2vw,30px);overflow:auto;box-shadow:0 0 0 100vmax #080713f0,0 25px 90px #000000b3}.lofi-player--cinema .lofi-player-screen{aspect-ratio:16/9;flex-shrink:0;width:100%;max-height:min(66vh,850px)}.lofi-player--cinema .lofi-player-head strong{font-size:28px}.lofi-player--cinema .lofi-queue-list{max-width:100%}@media (max-width:1100px){.room-section{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:35px}.lofi-now-playing{flex-direction:column;align-items:flex-start}.lofi-track-buttons{align-self:flex-end}}@media (max-width:820px){.room-section{grid-template-columns:minmax(0,1fr)}.room-info{padding-top:0;position:static}.lofi-now-playing{flex-direction:row;align-items:center}.lofi-track-buttons{align-self:auto}}@media (max-width:520px){.lofi-player{border-radius:19px;padding:12px}.lofi-player-head{padding:5px 4px 12px}.lofi-player-head strong{font-size:21px}.lofi-cinema-button{padding:8px;font-size:10px}.lofi-cinema-button span{display:none}.lofi-player-screen{border-radius:12px}.lofi-now-playing{flex-direction:column;align-items:stretch;padding:14px 4px}.lofi-track-meta strong{font-size:17px}.lofi-track-buttons{align-self:flex-end}.lofi-queue-item{flex-basis:140px}.lofi-rain-module{padding:13px}.lofi-rain-identity span{font-size:9px}.lofi-player--cinema{border-radius:0;inset:0}.lofi-player--cinema .lofi-player-screen{max-height:none}}@media (prefers-reduced-motion:reduce){.lofi-queue-item,.lofi-rain-toggle>span,.lofi-big-play{transition:none}}
.lofi-player-actions{flex:none;align-items:center;gap:8px;display:flex}.lofi-orientation-button{color:#f5ddc8;white-space:nowrap;background:#1e1d34bf;border:1px solid #ffdfca4f;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 13px;font-size:12px;line-height:1;display:flex}.lofi-orientation-button:hover{background:#473b4fcc}.aspect-glyph{border:1.5px solid #f4c792;border-radius:2px;width:17px;height:10px;transition:width .2s,height .2s;display:block}.aspect-glyph--portrait{width:10px;height:17px}.lofi-cinema-subtitle{color:#e2c6c0;letter-spacing:.02em;margin-top:3px;font-size:12px;line-height:1.5;display:block}.lofi-player-screen{justify-content:center;align-items:center;display:flex}.lofi-video-slot{z-index:2;isolation:isolate;flex:none;width:100%;height:100%;position:relative;inset:auto;overflow:hidden}.lofi-player-screen.is-portrait{aspect-ratio:auto;background:#171d31;height:clamp(360px,43vw,530px)}.lofi-player-screen.is-portrait .lofi-video-slot{aspect-ratio:9/16;width:auto;max-width:100%;height:100%;box-shadow:0 0 48px #0b0a1ab8}.lofi-portrait-backdrop{z-index:0;background:radial-gradient(circle at 50% 30%,#6c4d72,#11192c 72%);position:absolute;inset:0;overflow:hidden}.lofi-portrait-backdrop>img{object-fit:cover;filter:blur(28px)saturate(.8)brightness(.42);opacity:.72;width:100%;height:100%;display:block;transform:scale(1.15)}.lofi-portrait-backdrop:after{content:"";background:linear-gradient(90deg,#0b0f22a8,#231b2f29 45%,#0b0f22a8);position:absolute;inset:0}.lofi-video-slot iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.lofi-video-slot .lofi-player-poster{object-fit:cover;width:100%;height:100%}.lofi-cinema-watermark{z-index:3;color:#ffe1bce6;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 2px 12px #0c0b1e;pointer-events:none;font-size:10px;position:absolute;bottom:15px;left:15px}.lofi-player--cinema .lofi-cinema-watermark{display:none}.lofi-player--cinema{z-index:200;isolation:isolate;width:100%;max-width:none;height:100dvh;box-shadow:none;background:#0d1020;border:none;border-radius:0;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1.85fr) minmax(288px,.74fr);align-items:stretch;gap:clamp(12px,1.6vw,22px);margin:0;padding:clamp(16px,2.3vw,38px);display:grid;position:fixed;inset:0;overflow:hidden auto}.lofi-player--cinema:before{content:"";z-index:-2;pointer-events:none;filter:saturate(.83);background:linear-gradient(90deg,#090c1dd1,#090c1da8),linear-gradient(#0000 45%,#070a1ae0),url(/art/hero-cinematic.avif) 50%/cover no-repeat;position:fixed;inset:0}.lofi-player--cinema:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 78% 28%,#f69d6521,#0000 45%),radial-gradient(at 6% 70%,#4d64ad1c,#0000 44%);animation:10s ease-in-out infinite alternate lofi-cinema-glow;position:fixed;inset:0}@keyframes lofi-cinema-glow{0%{opacity:.45}to{opacity:1}}.lofi-player--cinema .lofi-player-head{border-bottom:1px solid #ffd9ba29;grid-area:1/1/auto/-1;min-width:0;padding:5px 4px 12px}.lofi-player--cinema .lofi-player-head strong{font-size:clamp(24px,2.6vw,38px)}.lofi-player--cinema .lofi-cinema-button,.lofi-player--cinema .lofi-orientation-button{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a182dc9}.lofi-player--cinema .lofi-player-screen{aspect-ratio:16/9;background:#151627;border:1px solid #ffdabe3d;border-radius:20px;grid-area:2/1;place-self:center;width:100%;min-height:0;max-height:68dvh;box-shadow:0 24px 100px #00000080}.lofi-player--cinema .lofi-player-screen.is-portrait{aspect-ratio:auto;height:clamp(360px,68dvh,760px)}.lofi-player--cinema .lofi-now-playing{-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#171529c9;border:1px solid #f4d0b036;border-radius:18px;flex-direction:row;grid-area:3/1;align-self:end;align-items:center;min-width:0;padding:12px 18px}.lofi-player--cinema .lofi-track-buttons{align-self:auto}.lofi-player--cinema .lofi-queue{-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);background:#131427c9;border:1px solid #f8ceb833;border-radius:18px;flex-direction:column;grid-area:2/2;min-width:0;min-height:0;padding:18px;display:flex;overflow:hidden}.lofi-player--cinema .lofi-queue-heading{flex:none}.lofi-player--cinema .lofi-queue-list{scrollbar-width:thin;flex-direction:column;flex:1;gap:7px;min-height:0;padding:4px;display:flex;overflow:hidden auto}.lofi-player--cinema .lofi-queue-item{flex:none;grid-template-columns:91px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:69px;padding:8px 10px;display:grid}.lofi-player--cinema .lofi-queue-item img{object-fit:cover;width:91px;height:51px}.lofi-player--cinema .lofi-queue-item>span:not(.lofi-queue-indicator){word-break:break-word;min-height:0;margin:0;font-size:11px;line-height:1.4}.lofi-player--cinema .lofi-queue-indicator{font-size:15px;position:static}.lofi-player--cinema .lofi-queue-link{flex:none;margin-top:12px}.lofi-player--cinema .lofi-rain-module{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#272039d6;border-radius:18px;grid-area:3/2;align-self:end;min-width:0}.lofi-player--mood-relax.lofi-player--cinema:after{background:radial-gradient(at 75% 26%,#e883a233,#0000 60%),linear-gradient(100deg,#0000,#98569112)}.lofi-player--mood-sleep.lofi-player--cinema:after{background:radial-gradient(at 75% 24%,#4f70ce36,#0000 63%),linear-gradient(100deg,#1e2f5c1a,#0000)}@media (max-width:1030px){.lofi-player--cinema{grid-template-columns:minmax(0,1.4fr) minmax(255px,.72fr);gap:12px;padding:16px}.lofi-player--cinema .lofi-queue{padding:12px}.lofi-player--cinema .lofi-queue-item{grid-template-columns:70px minmax(0,1fr) auto;gap:7px}.lofi-player--cinema .lofi-queue-item img{width:70px;height:43px}.lofi-player--cinema .lofi-now-playing{flex-direction:column;align-items:stretch}.lofi-player--cinema .lofi-track-buttons{align-self:flex-end}}@media (max-width:790px){.lofi-player--cinema{flex-direction:column;gap:12px;padding:12px;display:flex;overflow-y:auto}.lofi-player--cinema .lofi-player-head{flex:none}.lofi-player--cinema .lofi-player-screen{flex:none;width:100%;max-height:none}.lofi-player--cinema .lofi-player-screen.is-portrait{height:clamp(360px,60dvh,660px);max-height:none}.lofi-player--cinema .lofi-now-playing{flex-direction:row;flex:none;align-items:center}.lofi-player--cinema .lofi-track-buttons{align-self:auto}.lofi-player--cinema .lofi-queue{flex:none;min-height:190px;overflow:visible}.lofi-player--cinema .lofi-queue-list{flex-direction:row;max-height:none;overflow:auto hidden}.lofi-player--cinema .lofi-queue-item{flex:0 0 142px;width:auto;min-height:auto;display:block}.lofi-player--cinema .lofi-queue-item img{aspect-ratio:16/9;width:100%;height:auto}.lofi-player--cinema .lofi-queue-item>span:not(.lofi-queue-indicator){margin-top:7px;display:-webkit-box}.lofi-player--cinema .lofi-queue-indicator{position:absolute;top:9px;right:9px}.lofi-player--cinema .lofi-rain-module{flex:none}}@media (max-width:480px){.lofi-player-actions{gap:6px}.lofi-orientation-button{padding:8px 10px;font-size:11px}.lofi-player--cinema .lofi-player-head strong{font-size:22px}.lofi-player--cinema .lofi-cinema-subtitle{font-size:10px}.lofi-player--cinema .lofi-player-screen.is-portrait{height:clamp(360px,55dvh,600px)}.lofi-player--cinema .lofi-now-playing{flex-direction:column;align-items:stretch}.lofi-player--cinema .lofi-track-buttons{align-self:flex-end}.lofi-player--cinema .lofi-queue-item{flex-basis:132px}}@media (prefers-reduced-motion:reduce){.lofi-player--cinema:after{animation:none}.aspect-glyph{transition:none}}.youtube-modal-panel{max-height:95dvh;overflow:auto}.youtube-modal-actions{flex:none;align-items:center;gap:10px;display:flex}.youtube-modal-aspect{color:#f5d3ae;cursor:pointer;background:#fcdfca0f;border:1px solid #ffdec266;border-radius:99px;min-width:54px;height:39px;font-size:12px}.youtube-modal-aspect:hover{background:#fcdfca29}.youtube-modal-stage{aspect-ratio:16/9;background:#111827;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.youtube-modal-stage.is-portrait{aspect-ratio:auto;height:clamp(360px,65dvh,710px);min-height:360px}.youtube-modal-stage .youtube-modal-video-frame{z-index:1;flex:none;width:100%;height:100%;position:relative}.youtube-modal-stage.is-portrait .youtube-modal-video-frame{aspect-ratio:9/16;width:auto;max-width:100%;height:100%;box-shadow:0 8px 50px #070711a6}.youtube-modal-panel .youtube-modal-stage iframe{aspect-ratio:auto;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.youtube-modal-blur{pointer-events:none;position:absolute;inset:0}.youtube-modal-blur img{object-fit:cover;filter:blur(24px)saturate(.8)brightness(.42);width:100%;height:100%;display:block;transform:scale(1.15)}.youtube-modal-blur:after{content:"";background:linear-gradient(90deg,#070b1e8c,#070b1e17 50%,#070b1e8c);position:absolute;inset:0}.lofi-player--cinema .lofi-player-screen.is-landscape{width:min(100%,120dvh)}@media (max-width:790px){.lofi-player--cinema .lofi-player-screen.is-landscape{width:100%}}@media (max-width:480px){.youtube-modal-header{padding:10px 12px}.youtube-modal-header strong{font-size:15px}.youtube-modal-actions{gap:6px}.youtube-modal-aspect{min-width:48px;height:36px}}.lofi-video-external{color:#ffe0b6;background:#f9d9bf0e;border:1px solid #f5cfb059;border-radius:999px;align-self:flex-start;align-items:center;gap:7px;margin-top:5px;padding:8px 12px;font-size:11px;font-weight:700;display:inline-flex}.lofi-video-external:hover{background:#f9d9bf29;border-color:#f5cfb0a6}.lofi-player--cinema .lofi-video-external{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}