:root{--cream:#f6f1e7;--warm-white:#fbf8f2;--beige:#e6dcc8;--stone:#cfc1a6;--earth:#a9805c;--clay:#8a5a3f;--brown:#5a4331;--charcoal:#262119;--ink:#1c1811;--bg:var(--warm-white);--surface:var(--cream);--surface-alt:var(--beige);--text:#45392c;--text-muted:#7a6b58;--text-heading:var(--ink);--border:#2621191f;--border-strong:#2621193d;--accent:var(--clay);--serif:"Fraunces", "Iowan Old Style", "Georgia", serif;--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--hand:"Caveat", "Segoe Script", cursive;--shadow-soft:0 20px 45px -25px #1c181159;--shadow-lift:0 30px 60px -20px #1c181166;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font:17px/1.6 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}body{background:var(--bg);margin:0;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:999;opacity:.035;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}img{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit}h1,h2,h3,h4{font-family:var(--serif);color:var(--text-heading);letter-spacing:-.01em;margin:0;font-weight:500}p{margin:0}ul{margin:0;padding:0}::selection{background:var(--earth);color:var(--warm-white)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}html{scroll-behavior:smooth}.room-scene{aspect-ratio:800/560;width:100%;box-shadow:var(--shadow-lift);background:#efe6d6;border-radius:22px;position:relative;overflow:hidden}.room-scene__svg{width:100%;height:100%;transition:transform .4s;display:block}.room-scene__svg *{transition:fill .7s,stroke .7s,opacity .6s}.room-scene--mini{box-shadow:var(--shadow-soft);border-radius:14px}.room-star{animation:3.2s ease-in-out infinite twinkle}@keyframes twinkle{0%,to{opacity:.25}50%{opacity:1}}.room-curtain{transform-box:fill-box;transform-origin:top;animation:6s ease-in-out infinite curtain-sway}.room-curtain--right{animation-duration:7s;animation-delay:.6s}@keyframes curtain-sway{0%,to{transform:rotate(-.6deg)}50%{transform:rotate(1deg)}}.room-leaf{transform-box:fill-box;transform-origin:bottom;animation:5s ease-in-out infinite leaf-sway}.room-leaf--b{animation-duration:6.5s;animation-delay:.4s}.room-leaf--c{animation-duration:5.8s;animation-delay:.9s}@keyframes leaf-sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(3deg)}}.room-plant{transform-box:fill-box;transform-origin:bottom}.room-beam{animation:8s ease-in-out infinite beam-pulse}@keyframes beam-pulse{0%,to{opacity:.1}50%{opacity:.2}}.room-lamp-glow{animation:4s ease-in-out infinite lamp-pulse}@keyframes lamp-pulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.room-fairy__dot{animation:2.4s ease-in-out infinite fairy-twinkle}@keyframes fairy-twinkle{0%,to{opacity:.4}50%{opacity:1}}.room-dust{animation:linear infinite dust-float}@keyframes dust-float{0%{opacity:0;transform:translate(0)}10%{opacity:.7}90%{opacity:.5}to{opacity:0;transform:translate(-14px,-60px)}}.room-steam path{transform-box:fill-box;transform-origin:bottom;animation:3.2s ease-in-out infinite steam-rise}.room-steam path:last-child{animation-delay:.7s}@keyframes steam-rise{0%{opacity:0;transform:translateY(4px)}30%{opacity:.8}to{opacity:0;transform:translateY(-10px)}}.room-cat{transform-box:fill-box;transform-origin:50%;animation:4.5s ease-in-out infinite cat-breathe}@keyframes cat-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.03)}}.room-sun{animation:6s ease-in-out infinite sun-glow}@keyframes sun-glow{0%,to{filter:drop-shadow(0 0 #f6d77a00)}50%{filter:drop-shadow(0 0 10px #f6d77a99)}}@media (prefers-reduced-motion:reduce){.room-star,.room-curtain,.room-leaf,.room-beam,.room-lamp-glow,.room-fairy__dot,.room-dust,.room-steam path,.room-cat,.room-sun{animation:none!important}}.room-scene__hotspots{pointer-events:none;position:absolute;inset:0}.room-hotspot{pointer-events:auto;cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;transform:translate(-50%,-50%)}.room-hotspot__dot{background:#fbf8f2eb;border-radius:999px;width:12px;height:12px;transition:transform .3s,box-shadow .3s;animation:2.6s ease-in-out infinite hotspot-pulse;box-shadow:0 0 0 4px #fbf8f252}.room-hotspot:hover .room-hotspot__dot,.room-hotspot.is-active .room-hotspot__dot{animation:none;transform:scale(1.25);box-shadow:0 0 0 7px #fbf8f273}@keyframes hotspot-pulse{0%,to{box-shadow:0 0 0 4px #fbf8f247}50%{box-shadow:0 0 0 8px #fbf8f21f}}.room-hotspot__tag{background:var(--ink);color:var(--warm-white);white-space:nowrap;text-align:left;z-index:5;box-shadow:var(--shadow-soft);border-radius:12px;flex-direction:column;gap:.1rem;padding:.55rem .85rem;font-size:.78rem;animation:.25s both tag-in;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.room-hotspot__tag strong{font-family:var(--serif);font-size:.9rem}.room-hotspot__tag em{color:var(--stone);font-style:normal}.room-hotspot__tag small{color:var(--stone);letter-spacing:.03em}@keyframes tag-in{0%{opacity:0;transform:translate(-50%)translateY(6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=640px){.room-hotspot__tag{font-size:.72rem}}main{overflow-x:clip}.site-header,.hero__room,.section-heading,.styles-explorer__grid,.palette-grid,.daynight-compare,.shop-shelf,.details-scatter,.final-scene,.site-footer__inner{width:min(1240px,100% - 3rem);margin-inline:auto}section{padding-block:clamp(3.5rem,7vw,6.5rem);position:relative}.section-heading{flex-direction:column;gap:.85rem;max-width:680px;margin-bottom:clamp(2.5rem,5vw,4rem);display:flex}.section-heading--split{flex-flow:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;max-width:none}.section-heading--split>div:first-child{max-width:640px}.section-heading__eyebrow{font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:.75rem;font-weight:600}.section-heading__title{font-size:clamp(1.9rem,3.4vw,2.75rem);line-height:1.12}.section-heading__lede{color:var(--text-muted);max-width:46ch;font-size:1.05rem}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:.6rem;padding:.85rem 1.7rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:transform .35s cubic-bezier(.22,1,.36,1),background .3s,color .3s,border-color .3s;display:inline-flex}.button--solid{background:var(--ink);color:var(--warm-white)}.button--solid:hover{background:var(--brown);transform:translateY(-2px)}.button--ghost{border-color:var(--border-strong);color:var(--text-heading);background:0 0}.button--ghost:hover{border-color:var(--text-heading);transform:translateY(-2px)}.handwritten-note{font-family:var(--hand);color:var(--accent);transform:rotate(var(--rotate,-2deg));font-size:1.4rem;line-height:1.2;display:inline-block}.site-header{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#fbf8f2db;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;padding-block:1.1rem;display:flex}.site-header__mark{font-family:var(--serif);color:var(--text-heading);letter-spacing:-.01em;font-size:1.05rem;text-decoration:none}.site-header__mark span{color:var(--accent);font-style:italic}.site-nav ul{gap:clamp(1.1rem,2vw,2rem);list-style:none;display:flex}.site-nav a{color:var(--text);padding-bottom:4px;font-size:.9rem;text-decoration:none;position:relative}.site-nav a:after{content:"";background:var(--text-heading);height:1px;transition:right .3s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;right:100%}.site-nav a:hover:after{right:0}.site-header__toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.site-header__toggle span{background:var(--text-heading);width:22px;height:1.5px;transition:transform .3s,opacity .3s}@media (width<=900px){.site-header__toggle{display:flex}.site-nav{background:var(--warm-white);border-bottom:1px solid var(--border);opacity:0;pointer-events:none;transition:transform .3s,opacity .3s;position:fixed;inset:64px 0 auto;transform:translateY(-8px)}.site-nav.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.site-nav ul{flex-direction:column;gap:1.1rem;padding:1.5rem 1.5rem 2rem}.site-header__toggle.is-open span:first-child{transform:translateY(6.5px)rotate(45deg)}.site-header__toggle.is-open span:nth-child(2){opacity:0}.site-header__toggle.is-open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}}.hero{background:radial-gradient(120% 90% at 50% -10%, #fbf1de 0%, var(--bg) 60%);flex-direction:column;gap:clamp(1.1rem,2.4vw,1.75rem);padding-top:clamp(1.5rem,4vw,2.25rem);padding-bottom:clamp(1.5rem,4vw,2.5rem);display:flex}.hero__intro{text-align:center;flex-direction:column;align-items:center;gap:.6rem;width:min(720px,100% - 3rem);margin-inline:auto;display:flex}.hero__eyebrow{font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:.75rem}.hero__title{font-size:clamp(2rem,4.6vw,3.2rem);line-height:1.05}.hero__subtitle{color:var(--text-muted);max-width:46ch;font-size:clamp(.98rem,1.3vw,1.1rem)}.hero__note{margin-top:.3rem}.hero__room{flex:1;align-items:center;min-height:0;display:flex;position:relative}.hero__room-controls{z-index:6;align-items:center;gap:.7rem;display:flex;position:absolute;top:clamp(.8rem,2vw,1.5rem);right:clamp(.8rem,2vw,1.5rem)}.hero__shop-cue{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#fbf8f2d9;border:1px solid #1c18111a;border-radius:999px;padding:.55rem 1.1rem;font-size:.85rem;transition:transform .3s,background .3s}.hero__shop-cue:hover{background:var(--warm-white);transform:translateY(-2px)}.hero__room-caption{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:6;background:#fbf8f2d9;border-radius:999px;padding:.5rem .95rem;font-size:.85rem;position:absolute;bottom:clamp(.8rem,2vw,1.5rem);left:clamp(.8rem,2vw,1.5rem)}.daynight-toggle{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#fbf8f2d9;border:1px solid #1c18111a;border-radius:999px;align-items:center;gap:.55rem;padding:.3rem .9rem .3rem .3rem;display:flex}.daynight-toggle__track{background:linear-gradient(90deg,#fdebc8,#f7cfa0);border-radius:999px;align-items:center;width:52px;height:28px;transition:background .5s;display:flex;position:relative}.is-night .daynight-toggle__track{background:linear-gradient(90deg,#242a52,#3b3468)}.daynight-toggle__icon{font-size:.72rem;transition:opacity .3s;position:absolute;top:50%;transform:translateY(-50%)}.daynight-toggle__icon--sun{opacity:1;left:6px}.daynight-toggle__icon--moon{color:#f3ead3;opacity:.4;right:6px}.is-night .daynight-toggle__icon--sun{opacity:.35}.is-night .daynight-toggle__icon--moon{opacity:1}.daynight-toggle__knob{background:#fff8e7;border-radius:50%;width:22px;height:22px;transition:transform .45s cubic-bezier(.65,0,.35,1),background .4s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #00000040}.is-night .daynight-toggle__knob{background:#d9d3ea;transform:translate(24px)}.daynight-toggle__label{text-align:left;min-width:32px;font-size:.85rem;font-weight:500}.styles-explorer{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.styles-explorer__grid{grid-template-columns:repeat(4,1fr);gap:1.75rem;display:grid}.style-tile{text-align:left;background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:20px;flex-direction:column;gap:.6rem;padding:1rem;transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s;display:flex}.style-tile:hover{box-shadow:var(--shadow-soft);transform:translateY(-4px)}.style-tile.is-active{border-color:var(--text-heading);box-shadow:var(--shadow-lift)}.style-tile__preview{pointer-events:none;display:block}.style-tile__name{font-family:var(--serif);color:var(--text-heading);font-size:1.15rem}.style-tile__tagline{color:var(--text-muted);font-size:.88rem;line-height:1.45}.style-tile__materials{letter-spacing:.03em;text-transform:uppercase;color:var(--accent);font-size:.76rem}.style-tile__swatches{gap:.4rem;margin-top:.2rem;display:flex}.swatch-dot{border:1px solid #0000001f;border-radius:50%;flex-shrink:0;width:20px;height:20px;position:relative}.swatch-dot__hex{background:var(--ink);color:var(--warm-white);white-space:nowrap;opacity:0;pointer-events:none;z-index:4;border-radius:8px;padding:.3rem .5rem;font-size:.7rem;transition:opacity .2s,transform .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.swatch-dot:hover .swatch-dot__hex{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=1024px){.styles-explorer__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.styles-explorer__grid{grid-template-columns:1fr}}.palette-section{background:var(--bg)}.palette-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.palette-card{background:var(--surface);border:1px solid var(--border);text-align:left;cursor:pointer;border-radius:18px;flex-direction:column;gap:.6rem;padding:1.2rem;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s;display:flex}.palette-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-4px)}.palette-card.is-active{border-color:var(--text-heading);box-shadow:var(--shadow-lift)}.palette-card__swatches{border-radius:12px;height:60px;display:flex;overflow:hidden}.palette-card__swatch{flex:1;position:relative}.palette-card__hex{background:var(--ink);color:var(--warm-white);text-align:center;white-space:nowrap;opacity:0;z-index:4;border-radius:8px;margin-top:8px;padding:.3rem .4rem;font-size:.65rem;line-height:1.3;transition:opacity .2s,transform .2s;position:absolute;inset:auto auto 0 50%;transform:translate(-50%,100%)}.palette-card__swatch:hover .palette-card__hex{opacity:1;transform:translate(-50%,100%)translateY(-4px)}.palette-card__name{font-family:var(--serif);font-size:1.15rem}.palette-card__note{color:var(--text-muted);font-size:.88rem;line-height:1.45}@media (width<=900px){.palette-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.palette-grid{grid-template-columns:1fr}}.daynight-section{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.daynight-compare{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.daynight-compare__panel{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:24px;padding:.4rem;transition:border-color .3s,transform .3s;position:relative}.daynight-compare__panel:hover{transform:translateY(-3px)}.daynight-compare__panel.is-selected{border-color:var(--accent)}.daynight-compare__label{font-family:var(--serif);margin-top:.8rem;font-size:1.1rem;display:inline-block}@media (width<=720px){.daynight-compare{grid-template-columns:1fr}}.shop-section{background:var(--bg)}.shop-section__budget{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.7rem;font-size:.95rem;display:flex}.shop-section__budget strong{font-family:var(--serif);color:var(--text-heading);font-size:1.5rem}.shop-shelf{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.4rem;margin-top:2.5rem;display:grid}.shop-shelf__item{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:.6rem;padding:1.1rem;transition:transform .3s,box-shadow .3s;display:flex}.shop-shelf__item:hover{box-shadow:var(--shadow-soft);transform:translateY(-4px)}.shop-shelf__thumb{width:64px;height:56px}.icon-thumb{width:100%;height:100%}.shop-shelf__name{font-family:var(--serif);font-size:1.05rem}.shop-shelf__meta{color:var(--text-muted);font-size:.8rem}.shop-shelf__price{color:var(--accent);font-size:.95rem}.shop-shelf__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-top:.3rem;display:flex}.shop-shelf__link{text-underline-offset:3px;font-size:.82rem;text-decoration:underline}.shop-shelf__add{border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:999px;padding:.4rem .8rem;font-size:.78rem;transition:background .25s,color .25s,border-color .25s}.shop-shelf__add:hover{border-color:var(--text-heading)}.shop-shelf__add.is-added{background:var(--ink);color:var(--warm-white);border-color:var(--ink)}.details-section{background:var(--surface);border-top:1px solid var(--border)}.details-scatter{grid-template-columns:repeat(3,1fr);gap:2rem 2.5rem;display:grid}.details-scatter__item{transform:rotate(var(--rotate,0deg));border-top:1px dashed var(--border-strong);padding:1.1rem 0}.details-scatter__name{font-family:var(--serif);margin-bottom:.35rem;font-size:1.15rem}.details-scatter__note{color:var(--text-muted);font-size:.9rem}@media (width<=900px){.details-scatter{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.details-scatter{grid-template-columns:1fr}}.final-scene{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,4vw,4rem);display:grid}.final-scene__text{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.final-scene__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:.78rem}.final-scene__title{font-size:clamp(1.9rem,3vw,2.6rem)}.final-scene__body{color:var(--text-muted);max-width:46ch}@media (width<=860px){.final-scene{grid-template-columns:1fr}.final-scene__text{text-align:center;align-items:center}}.drawer-scrim{z-index:60;opacity:0;pointer-events:none;background:#14100a59;transition:opacity .35s;position:fixed;inset:0}.drawer-scrim.is-visible{opacity:1;pointer-events:auto}.drawer{background:var(--warm-white);z-index:61;flex-direction:column;width:min(420px,100vw);padding:1.5rem;transition:transform .45s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-20px 0 50px -20px #1c181166}.drawer.is-open{transform:translate(0)}.drawer__header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.drawer__header h3{font-size:1.4rem}.drawer__close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:1.6rem;line-height:1}.drawer__lede{color:var(--text-muted);margin-bottom:1.2rem;font-size:.9rem}.drawer__empty{color:var(--text-muted);margin-top:2rem;font-size:.95rem}.drawer__list{flex-direction:column;gap:1rem;display:flex}.drawer__item{border-bottom:1px solid var(--border);border-radius:12px;grid-template-columns:56px 1fr;gap:.9rem;padding-bottom:1rem;transition:background .3s;display:grid}.drawer__item.is-active{background:var(--surface)}.drawer__item-thumb{width:56px;height:48px}.drawer__item-name{font-family:var(--serif);font-size:1rem}.drawer__item-meta{color:var(--text-muted);font-size:.78rem}.drawer__item-price{color:var(--accent);margin-top:.2rem;font-size:.9rem}.drawer__item-actions{grid-column:2;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.4rem;display:flex}.drawer__item-actions a{text-underline-offset:3px;font-size:.8rem;text-decoration:underline}.drawer__item-actions button{border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .7rem;font-size:.75rem}.drawer__item-actions button.is-added{background:var(--ink);color:var(--warm-white);border-color:var(--ink)}.drawer__total{border-top:1px solid var(--border-strong);justify-content:space-between;align-items:baseline;margin-top:1.5rem;padding-top:1rem;font-size:1rem;display:flex}.drawer__total strong{font-family:var(--serif);font-size:1.4rem}.dream-fab{background:var(--ink);color:var(--warm-white);cursor:pointer;z-index:45;border:none;border-radius:999px 0 0 999px;align-items:center;gap:.5rem;padding:.75rem 1.1rem .75rem 1.3rem;font-size:.85rem;transition:transform .3s,padding .3s;display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%);box-shadow:-6px 6px 20px -8px #0006}.dream-fab:hover{transform:translateY(-50%)translate(-4px)}.dream-fab__count{background:var(--accent);color:var(--ink);border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 .3rem;font-size:.72rem;display:inline-flex}@media (width<=640px){.dream-fab{border-radius:999px;top:auto;bottom:92px;right:12px;transform:none}.dream-fab:hover{transform:translateY(-2px)}}.music-player{z-index:50;color:var(--warm-white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c1811eb;border-radius:999px;align-items:center;gap:1.1rem;max-width:calc(100vw - 2rem);padding:.6rem 1.3rem;display:flex;position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%);box-shadow:0 20px 45px -20px #0009}.music-player__meta{align-items:center;gap:.6rem;min-width:0;display:flex}.music-player__icon{color:var(--stone);flex-shrink:0;font-size:1.1rem}.music-player__title{white-space:nowrap;text-overflow:ellipsis;max-width:190px;font-size:.82rem;overflow:hidden}.music-player__subtitle{color:var(--stone);font-size:.72rem}.music-player__controls{align-items:center;gap:.55rem;display:flex}.music-player__controls button{color:var(--warm-white);cursor:pointer;background:0 0;border:none;padding:.2rem;font-size:.95rem}.music-player__play{background:var(--warm-white);width:34px;height:34px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;display:inline-flex}.music-player__volume{width:70px;accent-color:var(--stone)}@media (width<=640px){.music-player{gap:.6rem;padding:.5rem .9rem}.music-player__title{max-width:110px}.music-player__volume{display:none}}.site-footer{background:var(--ink);color:var(--beige)}.site-footer__inner{text-align:center;flex-direction:column;align-items:center;gap:.6rem;padding-block:3.5rem;display:flex}.site-footer__title{font-family:var(--serif);color:var(--warm-white);font-size:1.3rem}.site-footer__credit{font-size:.95rem}.site-footer__stack{color:#e6dcc899;font-size:.82rem}