:root{--dynamic-primary: 99, 102, 241;--dynamic-secondary: 168, 85, 247;--dynamic-tertiary: 59, 130, 246;--dynamic-quaternary: 236, 72, 153;--color-bg: #f5f0e6;--color-bg-elevated: rgba(255, 255, 255, .6);--color-surface: rgba(255, 255, 255, .7);--color-surface-hover: rgba(255, 255, 255, .9);--color-text: #1f2937;--color-text-muted: rgba(31, 41, 55, .6);--color-text-dim: rgba(31, 41, 55, .35);--color-spotify: #1db954;--color-spotify-hover: #1ed760;--color-danger: #ef4444;--glass-bg: rgba(255, 255, 255, .6);--glass-bg-heavy: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .05);--glass-blur: 32px;--button-shell: rgba(230, 236, 244, .82);--button-shell-strong: rgba(239, 243, 249, .92);--button-border: rgba(255, 255, 255, .78);--button-text: rgba(70, 82, 118, .95);--button-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 -1px 0 rgba(136, 148, 173, .18), 0 18px 40px rgba(127, 140, 165, .18), 0 3px 10px rgba(255, 255, 255, .4);--button-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, .95), inset 0 -1px 0 rgba(136, 148, 173, .22), 0 22px 48px rgba(127, 140, 165, .24), 0 4px 14px rgba(255, 255, 255, .48);--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Syne", -apple-system, BlinkMacSystemFont, sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.5rem;--fs-xl: 2rem;--fs-2xl: 2.75rem;--fs-3xl: 3.5rem;--fs-hero: clamp(3rem, 7vw, 5.5rem);--sp-xs: .25rem;--sp-sm: .5rem;--sp-md: 1rem;--sp-lg: 1.5rem;--sp-xl: 2rem;--sp-2xl: 3rem;--sp-3xl: 4rem;--sp-4xl: 6rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 8px 32px rgba(0, 0, 0, .08);--shadow-lg: 0 16px 64px rgba(0, 0, 0, .12);--shadow-glow: 0 0 60px rgba(var(--dynamic-primary), .25);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .35s;--duration-slow: .6s}:root[data-theme=dark]{--color-bg: #10141c;--color-bg-elevated: rgba(18, 24, 35, .72);--color-surface: rgba(20, 27, 39, .76);--color-surface-hover: rgba(29, 37, 52, .9);--color-text: #eef4ff;--color-text-muted: rgba(222, 233, 245, .78);--color-text-dim: rgba(222, 233, 245, .56);--glass-bg: rgba(26, 33, 47, .58);--glass-bg-heavy: rgba(24, 31, 45, .82);--glass-border: rgba(255, 255, 255, .08);--button-shell: rgba(56, 68, 92, .72);--button-shell-strong: rgba(72, 86, 114, .84);--button-border: rgba(255, 255, 255, .18);--button-text: rgba(236, 242, 250, .96);--button-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), inset 0 -1px 0 rgba(0, 0, 0, .22), 0 18px 40px rgba(0, 0, 0, .22), 0 3px 10px rgba(0, 0, 0, .16);--button-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, .16), inset 0 -1px 0 rgba(0, 0, 0, .26), 0 22px 48px rgba(0, 0, 0, .28), 0 4px 14px rgba(0, 0, 0, .18)}:root[data-theme=dark] .picker__selected-count{color:#ecf2faf5}:root[data-theme=dark] .picker__selection-note{color:#dee9f59e}:root[data-theme=dark] .search-modal{background:#070a1094}:root[data-theme=dark] .search-modal__close,:root[data-theme=dark] .record-modal__close,:root[data-theme=dark] .share-modal__close,:root[data-theme=dark] .spotify-login-modal__close,:root[data-theme=dark] .insights-modal__close,:root[data-theme=dark] .wallpaper-modal__close,:root[data-theme=dark] .rooms-modal__close,:root[data-theme=dark] .save-room-modal__close{background:#ffffff14;color:#ecf2faf0}:root[data-theme=dark] .search-modal__close:hover,:root[data-theme=dark] .record-modal__close:hover,:root[data-theme=dark] .share-modal__close:hover,:root[data-theme=dark] .spotify-login-modal__close:hover,:root[data-theme=dark] .insights-modal__close:hover,:root[data-theme=dark] .wallpaper-modal__close:hover,:root[data-theme=dark] .rooms-modal__close:hover,:root[data-theme=dark] .save-room-modal__close:hover{background:#ffffff24}:root[data-theme=dark] .rooms-modal,:root[data-theme=dark] .save-room-modal{background:#03060c94}:root[data-theme=dark] .share-modal{background:#03060c94}:root[data-theme=dark] .spotify-login-modal{background:#03060c94}:root[data-theme=dark] .wallpaper-modal{background:#03060c94}:root[data-theme=dark] .share-modal__dialog{background:linear-gradient(180deg,#1c2432eb,#121926e0),#121926d1;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff1f,0 28px 72px #00000061}:root[data-theme=dark] .spotify-login-modal__dialog{background:linear-gradient(180deg,#1c2432eb,#121926e0),#121926d1;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff1f,0 28px 72px #00000061}:root[data-theme=dark] .wallpaper-modal__dialog{background:linear-gradient(180deg,#1c2432eb,#121926e0),#121926d1;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff1f,0 28px 72px #00000061}:root[data-theme=dark] .share-modal__eyebrow,:root[data-theme=dark] .share-modal__social-label{color:#dee9f594}:root[data-theme=dark] .spotify-login-modal__eyebrow{color:#dee9f594}:root[data-theme=dark] .wallpaper-modal__eyebrow,:root[data-theme=dark] .wallpaper-modal__body{color:#dee9f59e}:root[data-theme=dark] .spotify-login-modal__title{color:#ecf2faf5}:root[data-theme=dark] .wallpaper-modal__title,:root[data-theme=dark] .wallpaper-modal__label{color:#ecf2faf5}:root[data-theme=dark] .share-modal__body{color:#dee9f5b8}:root[data-theme=dark] .spotify-login-modal__body{color:#dee9f5b8}:root[data-theme=dark] .share-modal__link-input{background:#ffffff14;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff14;color:#ecf2faf5}:root[data-theme=dark] .share-modal__copy-btn{background:linear-gradient(180deg,#f6fafff0,#dee7f1e6);border-color:#ffffffb8;color:#26324a}:root[data-theme=dark] .insights-modal{background:#03060c94}:root[data-theme=dark] .insights-modal__dialog{background:linear-gradient(180deg,#1c2432eb,#121926e0),#121926d1;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff1f,0 28px 72px #00000061}:root[data-theme=dark] .insights-modal__eyebrow,:root[data-theme=dark] .insights-modal__subtitle,:root[data-theme=dark] .insights-modal__section-title,:root[data-theme=dark] .insights-modal__note,:root[data-theme=dark] .insights-modal__event-meta,:root[data-theme=dark] .insights-modal__event-time,:root[data-theme=dark] .insights-modal__empty{color:#dee9f59e}:root[data-theme=dark] .insights-modal__title,:root[data-theme=dark] .insights-modal__stat strong,:root[data-theme=dark] .insights-modal__event-title{color:#ecf2faf5}:root[data-theme=dark] .insights-modal__stat,:root[data-theme=dark] .insights-modal__event{background:#ffffff0f;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff14}:root[data-theme=dark] .insights-modal__event-icon,:root[data-theme=dark] .rooms-modal__room-avatar{background:#ffffff14;border-color:#ffffff1f;color:#ecf2faeb}:root[data-theme=dark] .spotify-login-modal__cta{background:linear-gradient(180deg,#f6fafff0,#dee7f1e6);border-color:#ffffffb8;color:#26324a}:root[data-theme=dark] .wallpaper-modal__option{background:#ffffff0f;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff14}:root[data-theme=dark] .wallpaper-modal__option--active,:root[data-theme=dark] .wallpaper-modal__option:hover{background:#ffffff1f;border-color:#ffffff2e;box-shadow:inset 0 1px #ffffff1f,0 14px 28px #0000002e}:root[data-theme=dark] .share-modal__social-btn{background:#ffffff14;border-color:#ffffff24;box-shadow:inset 0 1px #ffffff14,0 8px 18px #00000024;color:#ecf2fae6}:root[data-theme=dark] .rooms-modal__dialog,:root[data-theme=dark] .save-room-modal__dialog{background:linear-gradient(180deg,#1c2432eb,#121926e0),#121926d1;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff1f,0 28px 72px #00000061}:root[data-theme=dark] .rooms-modal__room{background:#ffffff0f;border-color:#ffffff1a;color:#ecf2faf5;box-shadow:inset 0 1px #ffffff14}:root[data-theme=dark] .rooms-modal__room:hover,:root[data-theme=dark] .rooms-modal__room--active{background:#ffffff1f;border-color:#ffffff2e;box-shadow:inset 0 1px #ffffff1f,0 14px 28px #0000002e}:root[data-theme=dark] .rooms-modal__room-meta,:root[data-theme=dark] .rooms-modal__room-date,:root[data-theme=dark] .rooms-modal__eyebrow,:root[data-theme=dark] .save-room-modal__eyebrow,:root[data-theme=dark] .rooms-modal__section-title,:root[data-theme=dark] .rooms-modal__empty{color:#dee9f594}:root[data-theme=dark] .rooms-modal__body,:root[data-theme=dark] .save-room-modal__body{color:#dee9f5b8}:root[data-theme=dark] .rooms-modal__action,:root[data-theme=dark] .save-room-modal__action{background:linear-gradient(180deg,#f6fafff0,#dee7f1e6);border-color:#ffffffb8;color:#26324a;box-shadow:inset 0 1px #ffffffeb,0 12px 26px #00000029}:root[data-theme=dark] .rooms-modal__action--secondary,:root[data-theme=dark] .save-room-modal__action--secondary{background:#ffffff1a;border-color:#ffffff24;color:#ecf2faeb}:root[data-theme=dark] .wall__header-action{background:#ffffff14;border-color:#ffffff24;box-shadow:inset 0 1px #ffffff14,0 8px 18px #00000024;color:#ecf2fae6}:root[data-theme=dark] .wall__header-action:hover{color:#f5f9fffa;background:#ffffff1f;border-color:#ffffff2e}:root[data-theme=dark] .save-room-modal__input{background:#ffffff14;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff14;color:#ecf2faf5}:root[data-theme=dark] .save-room-modal__input::placeholder{color:#dee9f56b}:root[data-theme=dark] .share-bar__social-btn--x:hover{color:#ecf2faf5}:root[data-theme=dark] .share-bar__toast{background:linear-gradient(180deg,#283142f0,#1b2331e6),#121926d1;color:#ecf2faf0;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff1f,0 18px 40px #00000042}:root[data-theme=dark] .share-bar__toast[data-tone=error]{background:linear-gradient(180deg,#5a252aeb,#3a161ce6),#581c23c7;color:#ffe2e2f0;border-color:#ff94a233}:root[data-theme=dark] .app-feedback{background:linear-gradient(180deg,#1c2432eb,#121926e0),#121926d1;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff1f,0 22px 48px #00000047}:root[data-theme=dark] .app-feedback--error{background:linear-gradient(180deg,#5a252ae0,#3a161cd6),#581c23bd;border-color:#ff94a22e}:root[data-theme=dark] .app-feedback__title{color:#ffe2e2f0}:root[data-theme=dark] .app-feedback__body{color:#ffd6d6cc}:root[data-theme=dark] body[data-wallpaper]{background-color:var(--color-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E")}:root[data-theme=dark] .topbar__brand{color:#f5f9fffa}:root[data-theme=dark] .global-player{background:#0006;border-top:1px solid rgba(255,255,255,.05);box-shadow:0 -10px 40px #0000004d;color:#fff}:root[data-theme=dark] .global-player__btn{color:#fffffff0;background:#ffffff2e;border:1px solid rgba(255,255,255,.28);box-shadow:0 8px 32px #0000002e}:root[data-theme=dark] .global-player__btn:hover{background:#ffffff52;border-color:#ffffff5c;box-shadow:0 10px 34px #00000038}:root[data-theme=dark] .global-player__track-name{color:#fff}:root[data-theme=dark] .global-player__album-name{color:#ffffff80}:root[data-theme=dark] .global-player__time-current,:root[data-theme=dark] .global-player__time-total{color:#ffffff73}:root[data-theme=dark] .global-player__progress{background:#ffffff26}:root[data-theme=dark] .global-player__progress-fill,:root[data-theme=dark] .global-player__scrubber{background:#fff}:root[data-theme=dark] .picker__time-btn{color:#dee9f5d1}:root[data-theme=dark] .picker__time-btn:not(.picker__time-btn--active):hover{color:#f5f9fffa}:root[data-theme=dark] .picker__time-btn--active{color:#2f3b55}:root[data-theme=dark] .picker__time-btn--active:hover{color:#2f3b55}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");line-height:1.6;min-height:100vh;overflow-x:hidden;transition:background-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out)}body.record-modal-open{overflow:hidden}#app{min-height:100vh;position:relative}a{color:rgba(var(--dynamic-primary),1);text-decoration:none}a:hover{opacity:.85}img{max-width:100%;display:block}button{font-family:var(--font-body);cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}.landing__cta,.picker__build-btn,.shared-wall__cta,.share-bar__btn,.wall__play-preview-btn{background:linear-gradient(180deg,#ffffff70,#ffffff14),var(--button-shell);color:var(--button-text);border:1px solid var(--button-border);box-shadow:var(--button-shadow);backdrop-filter:blur(24px) saturate(1.15);-webkit-backdrop-filter:blur(24px) saturate(1.15)}.landing__cta:hover,.picker__build-btn:hover,.shared-wall__cta:hover,.share-bar__btn:hover,.wall__play-preview-btn:hover{box-shadow:var(--button-shadow-hover)}.topbar__search-btn,.share-bar__social-btn,.wall__spotify-btn,.global-player__btn{background:linear-gradient(180deg,#ffffff6b,#ffffff14),var(--button-shell);border:1px solid var(--button-border);box-shadow:var(--button-shadow);color:var(--button-text);backdrop-filter:blur(24px) saturate(1.15);-webkit-backdrop-filter:blur(24px) saturate(1.15)}input{font-family:var(--font-body);color:inherit;background:none;border:none;outline:none}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.ambient-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.ambient-bg__blob{position:absolute;border-radius:50%;filter:blur(120px);opacity:.35;animation:blob-drift 25s ease-in-out infinite alternate}.ambient-bg__blob:nth-child(1){width:600px;height:600px;top:-15%;left:-10%;background:rgba(var(--dynamic-primary),.5);animation-delay:0s}.ambient-bg__blob:nth-child(2){width:500px;height:500px;top:40%;right:-10%;background:rgba(var(--dynamic-secondary),.4);animation-delay:-8s}.ambient-bg__blob:nth-child(3){width:450px;height:450px;bottom:-10%;left:30%;background:rgba(var(--dynamic-tertiary),.35);animation-delay:-16s}.ambient-bg__blob:nth-child(4){width:350px;height:350px;top:20%;left:50%;background:rgba(var(--dynamic-quaternary),.3);animation-delay:-12s}@keyframes blob-drift{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-40px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}to{transform:translate(10px,-10px) scale(1.02)}}@keyframes vinyl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.global-player__album-art--spinning{border-radius:50%;animation:vinyl-spin 3s linear infinite}.global-player__album-art--spinning.paused{animation-play-state:paused}.landing{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:0 var(--sp-xl) var(--sp-xl);position:relative;z-index:1}.landing__banner{width:calc(100% + (var(--sp-xl) * 2));display:flex;align-items:center;justify-content:center;padding:12px 20px;margin:0 calc(var(--sp-xl) * -1) clamp(32px,7vh,72px);background:#f4e8d0d1;border-top:0;border-right:0;border-bottom:1px solid rgba(205,176,126,.68);border-left:0;box-shadow:none;color:#6a4b1f}.landing__banner-label{font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.landing__content{position:relative;z-index:1;max-width:720px;margin:auto 0;padding-top:12px}.landing__logo{font-family:var(--font-display);font-size:var(--fs-hero);font-weight:800;line-height:1;color:var(--color-text);margin-bottom:var(--sp-lg);letter-spacing:-.04em}.landing__logo span{background:linear-gradient(135deg,rgba(var(--dynamic-primary),1),rgba(var(--dynamic-secondary),1),rgba(var(--dynamic-tertiary),1));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.landing__tagline{font-size:var(--fs-lg);color:var(--color-text-muted);margin-bottom:var(--sp-3xl);font-weight:300;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.5}.landing__cta{display:inline-flex;align-items:center;gap:var(--sp-md);padding:18px 48px;color:var(--button-text);font-size:var(--fs-md);font-weight:500;border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-out);letter-spacing:-.01em}.landing__cta:hover{transform:scale(1.01);color:var(--button-text)}.landing__cta:active{transform:translateY(0) scale(.98)}.landing__cta svg{width:24px;height:24px;flex-shrink:0}.landing__status{margin:18px auto 0;max-width:520px}.landing__status-stack{display:grid;gap:12px;margin-top:18px}.landing__status-stack .landing__status{margin:0 auto}.landing__note{margin:18px auto 0;max-width:520px;font-size:.92rem;line-height:1.55;color:var(--color-text-dim)}.landing__features{display:flex;gap:var(--sp-2xl);margin-top:var(--sp-4xl);justify-content:center;flex-wrap:wrap}.landing__feature{text-align:center;max-width:160px}.landing__feature-icon{font-size:1.75rem;margin-bottom:var(--sp-sm);width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--glass-bg-heavy);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);margin-left:auto;margin-right:auto;margin-bottom:var(--sp-md)}.landing__feature-label{font-size:var(--fs-sm);color:var(--color-text-muted);line-height:1.5}@media(max-width:720px){.landing__banner{text-align:center;padding:14px 18px;margin-bottom:28px}}.topbar{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:50;width:min(calc(100% - 32px),1100px);padding:0}.topbar__rail{position:relative;min-height:66px;padding:10px 14px 10px 20px;display:flex;align-items:center;gap:16px;border-radius:999px;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#ffffff38,#ffffff12);border:1px solid rgba(221,226,232,.62);box-shadow:inset 0 1px #ffffffb8,inset 0 -1px #bac2d024,0 12px 32px #7178840f;backdrop-filter:blur(14px) saturate(1.08);-webkit-backdrop-filter:blur(14px) saturate(1.08)}.topbar__rail:before,.topbar__rail:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.topbar__rail:before{background:linear-gradient(180deg,#ffffff57,#ffffff14 26%,#fff0 58%),radial-gradient(circle at 14% 20%,rgba(214,232,255,.12),transparent 24%),radial-gradient(circle at 84% 26%,rgba(255,226,198,.08),transparent 22%);opacity:.82}.topbar__rail:after{top:1px;right:1px;bottom:1px;left:1px;border-radius:998px;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 16px 24px #ffffff0f}.topbar__rail>*{position:relative;z-index:1}.topbar__brand{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:-.03em;color:#fffffff5;display:inline-flex;align-items:center;flex-shrink:0}.topbar__brand span{background:linear-gradient(135deg,#fffffffa,#dee9f5cc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.topbar__divider{width:1px;height:24px;background:#ffffff24;flex-shrink:0}.topbar__actions{display:flex;align-items:center;gap:10px;margin-left:auto}.topbar__search-btn,.topbar__theme-btn{color:#5f6f91;opacity:1;cursor:pointer;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(180deg,#ffffffeb,#ebf1f7eb);border:1px solid rgba(255,255,255,.98);box-shadow:inset 0 1px #fff,0 6px 14px #778aa62e;transition:box-shadow var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.topbar__theme-btn:hover{color:#43526f;background:linear-gradient(180deg,#fffffffa,#f1f6fbfa);border-color:#fff;box-shadow:inset 0 1px #fff,inset 0 -1px #94a6c424,0 8px 16px #778aa62e}.topbar__theme-btn svg{width:18px;height:18px}.topbar__rooms-btn,.topbar__insights-btn{color:#5f6f91;opacity:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 16px 0 14px;border-radius:var(--radius-full);background:linear-gradient(180deg,#ffffffeb,#ebf1f7eb);border:1px solid rgba(255,255,255,.98);box-shadow:inset 0 1px #fff,0 6px 14px #778aa62e;transition:box-shadow var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.topbar__auth-btn{color:#43526f;opacity:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 18px;border-radius:var(--radius-full);background:linear-gradient(180deg,#ffffffeb,#ebf1f7eb);border:1px solid rgba(255,255,255,.98);box-shadow:inset 0 1px #fff,0 6px 14px #778aa62e;font-size:var(--fs-sm);font-weight:600;letter-spacing:-.01em;transition:box-shadow var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.topbar__rooms-btn:hover,.topbar__insights-btn:hover,.topbar__search-btn:hover,.topbar__auth-btn:hover{color:#43526f;background:linear-gradient(180deg,#fffffffa,#f1f6fbfa);border-color:#fff;box-shadow:inset 0 1px #fff,inset 0 -1px #94a6c424,0 8px 16px #778aa62e}.topbar__rooms-btn svg,.topbar__insights-btn svg,.topbar__search-btn svg{width:18px;height:18px}.topbar__rooms-btn span,.topbar__insights-btn span{font-size:var(--fs-sm);font-weight:600;letter-spacing:-.01em}.topbar__avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.6);box-shadow:0 2px 8px #52627e2e}.topbar__logout{width:42px;height:42px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#43526f;background:transparent;border:none;box-shadow:none;transition:opacity var(--duration-normal) var(--ease-out),filter var(--duration-normal) var(--ease-out)}.topbar__logout:hover{color:#2d3a56;opacity:.88;filter:brightness(1.03)}.topbar__logout svg{width:18px;height:18px}@media(max-width:768px){.topbar{top:12px;width:calc(100% - 20px)}.topbar__rail{min-height:60px;padding:8px 10px 8px 16px;gap:12px}.topbar__divider{display:none}.topbar__rooms-btn,.topbar__insights-btn{padding:0 12px}.topbar__auth-btn{padding:0 14px}.topbar__rooms-btn span,.topbar__insights-btn span{display:none}.topbar__logout{width:42px}}.picker{min-height:100vh;padding:var(--sp-xl);padding-top:88px;padding-bottom:var(--sp-4xl);max-width:1100px;margin:0 auto;position:relative;z-index:1}.picker__ambient-backdrop{position:fixed;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:-1;background-size:cover;background-position:center;filter:blur(80px) saturate(2);opacity:0;transition:opacity .8s ease,background-image .8s ease;pointer-events:none}.picker__header{text-align:center;margin-bottom:28px;padding-top:18px}.picker__title{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.03em;margin-bottom:var(--sp-sm)}.picker__subtitle{color:var(--color-text-muted);font-size:var(--fs-md);max-width:34rem;margin:0 auto;line-height:1.5}.picker__selected-count{color:#4e5b78f5;font-weight:600}.picker__selection-note{margin-top:-8px;margin-bottom:28px;text-align:center;font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-dim);opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .22s var(--ease-out),transform .22s var(--ease-out)}.picker__selection-note--visible{opacity:1;transform:translateY(0)}.picker__tabs{display:flex;gap:var(--sp-xs);margin-bottom:var(--sp-xl);background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-full);padding:4px;width:fit-content;margin-left:auto;margin-right:auto}.picker__tab{padding:var(--sp-sm) var(--sp-lg);border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:500;color:var(--color-text-muted);transition:all var(--duration-normal) var(--ease-out)}.picker__tab:hover{color:var(--color-text)}.picker__tab--active{background:rgba(var(--dynamic-primary),.2);color:var(--color-text);box-shadow:var(--shadow-sm)}.picker__time-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:24px;position:relative;z-index:2}.picker__time-range{--segment-gap: 6px;--segment-offset: 0;display:flex;gap:var(--segment-gap);justify-content:center;position:relative;width:fit-content;padding:6px;border-radius:999px;background:linear-gradient(180deg,#ffffff4d,#ffffff1a),#56627847;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px #ffffff57,0 16px 32px #52607b1f;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2)}.picker__time-range:before{content:"";position:absolute;top:6px;left:6px;bottom:6px;width:calc((100% - 12px - (var(--segment-gap) * 2)) / 3);transform:translate(var(--segment-offset));border-radius:999px;background:linear-gradient(180deg,#ffffffeb,#ebf1f7eb);border:1px solid rgba(255,255,255,.98);box-shadow:inset 0 1px #fff,inset 0 -1px #94a6c424,0 8px 16px #778aa62e;transition:transform var(--duration-normal) var(--ease-out);pointer-events:none}.picker__time-range--short_term{--segment-offset: 0%}.picker__time-range--medium_term{--segment-offset: calc(100% + var(--segment-gap))}.picker__time-range--long_term{--segment-offset: calc((100% + var(--segment-gap)) * 2)}.picker__time-btn{position:relative;z-index:1;padding:12px 20px;border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:500;color:#5f6f91;border:none;background:transparent;min-width:138px;transition:color var(--duration-normal) var(--ease-out),opacity var(--duration-normal) var(--ease-out)}.picker__time-btn:hover{color:#43526f}.picker__time-btn--active{color:#43526f;font-weight:600}.picker__search{position:relative;max-width:500px;margin:0 auto var(--sp-xl)}.picker__search-input{width:100%;padding:16px 22px 16px 54px;background:linear-gradient(180deg,#ffffff4d,#ffffff1a),#56627847;backdrop-filter:blur(24px) saturate(1.1);-webkit-backdrop-filter:blur(24px) saturate(1.1);border:1px solid rgba(255,255,255,.28);border-radius:var(--radius-full);font-size:var(--fs-base);color:#fffffff5;box-shadow:inset 0 1px #ffffff57,0 18px 40px #52607b1f;transition:all var(--duration-normal) var(--ease-out)}.picker__search-input::placeholder{color:#dee9f5b8}.picker__search-input:focus{border-color:#ffffff6b;box-shadow:inset 0 1px #fff6,0 20px 44px #52607b24,0 0 0 4px #ffffff14;background:linear-gradient(180deg,#ffffff57,#ffffff1f),#606d8552}.picker__search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#dee9f5cc;width:20px;height:20px}.picker__grid-wrap{position:relative;width:100%}.picker__grid-status{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(180deg,#ffffffeb,#ebf1f7eb);border:1px solid rgba(255,255,255,.98);box-shadow:inset 0 1px #fff,0 6px 14px #778aa62e;color:#5f6f91;opacity:0;transform:scale(.9);pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.picker__grid-status svg{width:16px;height:16px}.picker__grid-status--visible{opacity:1;transform:scale(1)}.picker__grid-status--visible svg{animation:picker-status-spin 1s linear infinite}@keyframes picker-status-spin{to{transform:rotate(360deg)}}.picker__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px;margin-bottom:var(--sp-2xl);padding:12px 0 var(--sp-md);position:relative;z-index:1;align-items:start;transition:opacity .22s var(--ease-out),filter .22s var(--ease-out)}.picker__grid-wrap--loading .picker__grid{opacity:.72;filter:saturate(.94)}.picker__album{position:relative;border-radius:0;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);background:transparent;border:1px solid transparent;overflow:visible;display:flex;flex-direction:column;gap:12px}.picker__grid-wrap--entering .picker__album{opacity:0;transform:translate(36px) scale(.985);animation:picker-album-in .52s var(--ease-out) forwards}.picker__grid-wrap--entering .picker__album:nth-child(1){animation-delay:0ms}.picker__grid-wrap--entering .picker__album:nth-child(2){animation-delay:45ms}.picker__grid-wrap--entering .picker__album:nth-child(3){animation-delay:90ms}.picker__grid-wrap--entering .picker__album:nth-child(4){animation-delay:135ms}.picker__grid-wrap--entering .picker__album:nth-child(5){animation-delay:.18s}.picker__grid-wrap--entering .picker__album:nth-child(6){animation-delay:225ms}.picker__grid-wrap--entering .picker__album:nth-child(n+7){animation-delay:.27s}@keyframes picker-album-in{0%{opacity:0;transform:translate(36px) scale(.985)}to{opacity:1;transform:translate(0) scale(1)}}.picker__album:hover{z-index:30}.picker__album-cover{position:relative;aspect-ratio:1;overflow:hidden;transform:translateY(0) scale(1);transform-origin:center bottom;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1);box-shadow:0 10px 24px #2f3d5900,0 14px 24px rgba(var(--dynamic-primary),0)}.picker__album:hover .picker__album-cover{transform:scale(1.06);box-shadow:0 14px 32px #2f3d592e,0 18px 32px rgba(var(--dynamic-primary),.14)}.picker__album--selected{border-color:transparent}.picker__album--selected .picker__album-cover{box-shadow:0 12px 30px #2f3d591f,0 18px 34px rgba(var(--dynamic-primary),.12)}.picker__album-art{width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .22s cubic-bezier(.22,1,.36,1)}.picker__album-info{position:static;width:100%;max-width:none;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;padding:0 2px;border-radius:0;box-shadow:none;color:var(--color-text);pointer-events:none;opacity:1;visibility:visible;text-align:left}.picker__album-name{font-size:var(--fs-sm);font-weight:600;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:3px;letter-spacing:-.01em;line-height:1.25}.picker__album-artist{font-size:var(--fs-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker__album-badge{position:absolute;top:12px;right:12px;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:linear-gradient(180deg,#ffffffeb,#ebf1f7eb);border:1px solid rgba(255,255,255,.98);color:#43526f;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;letter-spacing:-.01em;box-shadow:inset 0 1px #fff,0 8px 18px #52607b29,0 10px 20px rgba(var(--dynamic-primary),.12);animation:pop-in var(--duration-normal) var(--ease-spring);z-index:10}@keyframes pop-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.picker__build-btn{display:flex;align-items:center;justify-content:center;gap:var(--sp-sm);color:#5f6f91;font-size:var(--fs-md);font-weight:500;border-radius:var(--radius-full);background:linear-gradient(180deg,#ffffffeb,#ebf1f7eb);backdrop-filter:blur(18px) saturate(1.08);-webkit-backdrop-filter:blur(18px) saturate(1.08);border:1px solid rgba(255,255,255,.98);box-shadow:inset 0 1px #fff,0 8px 18px #778aa633;transition:background var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out);letter-spacing:-.01em}.picker__build-btn:hover{color:#43526f;background:linear-gradient(180deg,#fffffffa,#f1f6fbfa);border-color:#fff;box-shadow:inset 0 1px #fff,inset 0 -1px #94a6c424,0 10px 20px #778aa638;transform:scale(1.01)}.picker__build-btn--fab{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:2205;min-width:260px;max-width:min(calc(100vw - 32px),420px);width:max-content;padding:18px 36px;animation:fab-enter .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes fab-enter{0%{transform:translate(-50%) translateY(60px) scale(.88);opacity:0}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}.picker__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-md);padding:var(--sp-3xl);color:var(--color-text-muted)}.spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.05);border-top-color:rgba(var(--dynamic-primary),.8);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.wall{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:var(--sp-xl);position:relative;z-index:1}.wall__container{max-width:900px;width:100%;margin:0 auto}.wall__header{text-align:center;margin-bottom:24px;padding-top:calc(88px + env(safe-area-inset-top,0px));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.wall__header-meta{display:grid;justify-items:center;gap:4px}.wall__user-name{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.03em;margin-top:4px}.wall__user-label{font-size:var(--fs-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.2em;font-weight:500;margin:0}.wall__header-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.wall__header-action{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:10px 16px;border-radius:var(--radius-full);color:#4a5572d6;font-size:var(--fs-sm);font-weight:500;background:#ffffff8f;border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px #ffffffb8,0 8px 18px #778aa614}.wall__header-action:hover{transform:none;color:var(--button-text);background:#ffffffad}.wall__header-action svg{width:15px;height:15px}.wall__header-action[disabled]{opacity:.6;cursor:default;pointer-events:none}.wall__canvas{padding:34px 28px 26px;position:relative;overflow:visible}body[data-wallpaper=gallery]{background-color:#f5f2ec;background-image:linear-gradient(180deg,#ffffff38,#f8f6f224),linear-gradient(135deg,#f5f2ecd1,#e8e4ddb8)}body[data-wallpaper=linen]{background-color:#ece6dd;background-image:linear-gradient(180deg,#ffffff29,#ffffff0a),repeating-linear-gradient(0deg,rgba(154,141,125,.06) 0 2px,transparent 2px 8px),repeating-linear-gradient(90deg,rgba(154,141,125,.05) 0 2px,transparent 2px 9px),linear-gradient(135deg,#ece6dde6,#d6ccbfcc)}body[data-wallpaper=midnight]{background-color:#131d31;background-image:radial-gradient(circle at top center,rgba(98,123,173,.28),transparent 28%),linear-gradient(180deg,#ffffff14,#ffffff05),linear-gradient(135deg,#131d31f5,#1f2e49e6)}body[data-wallpaper=sunset]{background-color:#fcddcc;background-image:radial-gradient(circle at 20% 20%,rgba(255,214,183,.36),transparent 24%),radial-gradient(circle at 80% 14%,rgba(245,173,200,.28),transparent 20%),linear-gradient(180deg,#ffffff1f,#ffffff0a),linear-gradient(135deg,#fcddcce6,#e4becad1 55%,#c7b6e1cc)}body[data-wallpaper=forest]{background-color:#22342d;background-image:radial-gradient(circle at 18% 16%,rgba(183,213,194,.18),transparent 22%),linear-gradient(180deg,#ffffff14,#ffffff05),linear-gradient(135deg,#22342df5,#3a5648e6)}body[data-wallpaper=chrome]{background-color:#e5ebf1;background-image:linear-gradient(180deg,#fff3,#ffffff0d),linear-gradient(135deg,#e5ebf1e6,#bdc9d6cc 48%,#ebf0f5d6)}.wall__grid{display:flex;flex-direction:column;gap:64px;position:relative;z-index:1}.wall__shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative}.wall__record-container{position:relative;width:100%;padding-top:28px;cursor:pointer}.wall__record-container:before{content:"";position:absolute;top:8px;left:20%;right:20%;height:1px;background:linear-gradient(to right,transparent,rgba(0,0,0,.18) 25%,rgba(0,0,0,.18) 75%,transparent)}.wall__record-container:after{content:"";position:absolute;top:4px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:#00000038;box-shadow:0 1px 3px #00000026}.wall__record{width:100%;aspect-ratio:1;position:relative;transition:transform .42s cubic-bezier(.22,1,.36,1),filter .42s cubic-bezier(.22,1,.36,1);transform-style:preserve-3d;will-change:transform,filter}.wall__record--flipped{transform:rotateY(180deg)!important;z-index:10}.wall__record-front,.wall__record-back{position:absolute;width:100%;height:100%;backface-visibility:hidden}.wall__record-front{background:#faf7f2;padding:10px;box-shadow:6px 10px 36px #0003,1px 2px 8px #0000001a;transition:box-shadow .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1)}.wall__record-back{transform:rotateY(180deg);background:var(--glass-bg-heavy);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:var(--sp-md);display:flex;flex-direction:column}.wall__record:hover .wall__quick-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.wall__record-container:hover .wall__record:not(.wall__record--flipped){filter:saturate(1.04)}.wall__quick-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:64px;height:64px;border-radius:50%;background:#fff3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all var(--duration-normal) var(--ease-spring);z-index:10;box-shadow:0 8px 32px #0003}.wall__quick-play:hover{background:#fff6;transform:translate(-50%,-50%) scale(1.1)}.wall__quick-play svg{width:32px;height:32px;margin-left:4px}.wall__sleeve{width:100%;height:100%;overflow:hidden}.wall__record:hover:not(.wall__record--flipped) .wall__record-front{box-shadow:12px 18px 46px #00000042,4px 6px 16px #0000002e}.wall__sleeve-art{width:100%;height:100%;object-fit:cover;transition:transform .42s cubic-bezier(.22,1,.36,1)}.wall__gallery-label{margin-top:10px;padding-left:2px;text-align:left}.wall__gallery-label-name{font-size:var(--fs-xs);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}.wall__gallery-label-artist{font-size:.65rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.wall__tracklist-title{font-size:var(--fs-sm);font-weight:700;margin-bottom:var(--sp-sm);border-bottom:1px solid var(--glass-border);padding-bottom:var(--sp-xs);flex-shrink:0}.wall__tracklist{flex-grow:1;overflow-y:auto;font-size:var(--fs-xs);color:var(--color-text-muted);list-style:none;padding-right:var(--sp-xs)}.wall__tracklist::-webkit-scrollbar{width:4px}.wall__tracklist::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.wall__tracklist::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.wall__track-item{padding:6px 0;border-bottom:1px solid rgba(0,0,0,.03);display:flex;gap:var(--sp-sm);align-items:center;border-radius:4px}.wall__track-item--playable{cursor:pointer;transition:background var(--duration-fast)}.wall__track-item--playable:hover,.wall__track-item--playable.playing{background:#0000001a;color:#000}.wall__track-item--playable:hover .wall__track-num-text,.wall__track-item--playable.playing .wall__track-num-text{display:none}.wall__track-item--playable:hover .wall__play-icon{display:block!important}.wall__track-item--playable.playing .wall__play-icon{display:none!important}.wall__play-icon,.wall__pause-icon{width:14px;height:14px;display:none}.wall__track-num{opacity:.5;min-width:20px;display:flex;align-items:center;justify-content:center}.wall__track-item--playable:hover .wall__track-num,.wall__track-item--playable.playing .wall__track-num{opacity:1}.wall__track-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.wall__record:after{content:"";position:absolute;bottom:-20px;left:10%;right:10%;height:40px;background:inherit;filter:blur(20px);opacity:0;transition:opacity var(--duration-slow) var(--ease-out);z-index:-1}.wall__record-container:hover .wall__record:after{opacity:.5}.wall__disc{display:none}.wall__record-label{text-align:center;padding:var(--sp-md) var(--sp-sm) var(--sp-sm);z-index:3}.wall__record-name{font-size:var(--fs-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.wall__record-artist{font-size:var(--fs-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-bar{display:flex;gap:var(--sp-md);justify-content:center;margin-top:18px;margin-bottom:24px;flex-wrap:wrap}.share-bar__btn{display:inline-flex;align-items:center;gap:var(--sp-sm);padding:14px 24px;border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:500;transition:all var(--duration-normal) var(--ease-out)}.share-bar__btn--download{color:var(--button-text)}.share-bar__btn--download:hover{transform:none}.share-bar__btn--edit{color:#4a5572d6}.share-bar__btn--edit:hover{color:var(--button-text);transform:none}.share-bar__btn svg{width:16px;height:16px}.share-bar__toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%) translateY(20px);background:linear-gradient(180deg,#ffffffeb,#ebf1f7e6),#56627838;color:#43526f;padding:14px 24px;border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:600;border:1px solid rgba(255,255,255,.82);box-shadow:inset 0 1px #fffffff5,0 18px 40px #48546c24;opacity:0;pointer-events:none;transition:all var(--duration-normal) var(--ease-out);z-index:100;backdrop-filter:blur(18px) saturate(1.08);-webkit-backdrop-filter:blur(18px) saturate(1.08)}.share-bar__toast[data-tone=error]{background:linear-gradient(180deg,#fff2f2f5,#fae7e7eb),#a73c3c33;color:#8a3333;border-color:#ffd6d6eb;box-shadow:inset 0 1px #ffffffeb,0 18px 40px #8d2b2b24}.share-bar__toast--visible{opacity:1;transform:translate(-50%) translateY(0)}.app-feedback{padding:18px 20px;border-radius:22px;background:linear-gradient(180deg,#ffffffd6,#f1f6fbc7),#56627824;border:1px solid rgba(255,255,255,.52);box-shadow:inset 0 1px #ffffffb8,0 18px 40px #48546c1f;backdrop-filter:blur(18px) saturate(1.08);-webkit-backdrop-filter:blur(18px) saturate(1.08)}.app-feedback--centered{text-align:center}.app-feedback--error{background:linear-gradient(180deg,#fff4f4f0,#fae7e7e0),#a73c3c1f;border-color:#ffdbdbdb}.app-feedback__title{margin:0 0 6px;font-size:.95rem;font-weight:700;letter-spacing:-.01em;color:#7d3030}.app-feedback__body{margin:0;font-size:.88rem;line-height:1.5;color:#7d3030d6}.view-enter{animation:view-in var(--duration-slow) var(--ease-out) forwards}.picker.view-enter{animation:picker-view-in var(--duration-slow) var(--ease-out) forwards}@keyframes view-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes picker-view-in{0%{opacity:0}to{opacity:1}}.shared-wall{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:var(--sp-xl);position:relative;z-index:1}.shared-wall .wall__container{display:grid;gap:18px}.shared-wall .wall__header{margin-bottom:0;gap:12px}.shared-wall .wall__header-meta{gap:2px}.shared-wall .wall__header-actions{gap:8px}.shared-wall .wall__canvas{padding-top:10px}.shared-wall__footer{text-align:center;margin-top:6px}.shared-wall__owner{margin:2px 0 0;font-size:.95rem;color:var(--color-text-muted);letter-spacing:-.01em}.shared-wall__intro{margin:8px 0 0;max-width:44ch;font-size:.9rem;line-height:1.5;color:var(--color-text-dim)}.shared-wall__listeners{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:4px}.shared-wall__listeners-label{font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-dim)}.shared-wall__listeners-row{display:flex;align-items:center;gap:10px}.shared-wall__listener-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.6);box-shadow:0 2px 8px #0000001f}.shared-wall__listener-avatar--initials{display:inline-flex;align-items:center;justify-content:center;background:var(--glass-bg);font-size:var(--fs-sm);font-weight:700;color:var(--color-text-muted)}.shared-wall__listener-name{font-size:var(--fs-sm);font-weight:600;color:var(--color-text)}.shared-wall__credit{margin:0;font-size:.84rem;color:var(--color-text-muted)}.shared-wall__header-link{text-decoration:none}.rooms-modal,.save-room-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2100;display:flex;align-items:center;justify-content:center;padding:24px;background:#0d121c5c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:modal-fade-in .22s var(--ease-out) forwards}.rooms-modal--closing,.save-room-modal--closing{animation:modal-fade-out .22s var(--ease-out) forwards}.rooms-modal__dialog,.save-room-modal__dialog{position:relative;width:min(100%,560px);padding:30px 28px 24px;border-radius:28px;background:linear-gradient(180deg,#ffffffdb,#f1f6fbcc),#56627829;border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px #ffffffb8,0 26px 70px #27334c33;backdrop-filter:blur(24px) saturate(1.1);-webkit-backdrop-filter:blur(24px) saturate(1.1)}.rooms-modal__eyebrow,.save-room-modal__eyebrow{margin:0 0 8px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-dim)}.rooms-modal__title,.save-room-modal__title{margin:0 0 10px;font-size:clamp(1.45rem,2vw,1.9rem);line-height:1.1;letter-spacing:-.03em}.rooms-modal__body,.save-room-modal__body{margin:0 0 18px;color:var(--color-text-muted);line-height:1.55}.rooms-modal__section{display:grid;gap:10px}.rooms-modal__section+.rooms-modal__section{margin-top:18px}.rooms-modal__section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.rooms-modal__section-title{margin:0;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-dim)}.rooms-modal__list{display:flex;flex-direction:column;gap:8px;max-height:min(28vh,280px);overflow-y:auto}.rooms-modal__list--saved{max-height:min(24vh,220px)}.rooms-modal__room{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:16px;padding:16px 18px;text-align:left;border-radius:20px;border:1px solid rgba(255,255,255,.5);background:#ffffff75;color:var(--color-text);box-shadow:inset 0 1px #ffffffb3;transition:background var(--duration-fast),border-color var(--duration-fast),box-shadow var(--duration-fast)}.rooms-modal__room:hover,.rooms-modal__room--active{background:#ffffffa3;border-color:#ffffffd1;box-shadow:inset 0 1px #ffffffd1,0 10px 24px #48546c14}.rooms-modal__room-main{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.rooms-modal__room-title{font-weight:600;letter-spacing:-.02em}.rooms-modal__room-avatar{width:44px;height:44px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.52);background:#fff6;box-shadow:inset 0 1px #ffffffb8;overflow:hidden}.rooms-modal__room-avatar-img{width:100%;height:100%;object-fit:cover}.rooms-modal__room-avatar-fallback{font-size:.92rem;font-weight:700;color:var(--color-text);text-transform:uppercase}.rooms-modal__room-meta,.rooms-modal__room-date{font-size:.78rem;color:var(--color-text-dim)}.rooms-modal__empty{padding:16px 18px;border-radius:18px;border:1px dashed rgba(255,255,255,.38);background:#ffffff3d;color:var(--color-text-dim);font-size:.84rem;line-height:1.5}.rooms-modal__actions,.save-room-modal__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.rooms-modal__action,.save-room-modal__action{padding:12px 20px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.9);background:linear-gradient(180deg,#fffffffa,#f1f6fbfa);color:#43526f;font-weight:600;box-shadow:inset 0 1px #fff,0 10px 22px #48546c1a}.rooms-modal__action--secondary,.save-room-modal__action--secondary{background:#ffffff8c;border-color:#ffffff80}.save-room-modal__input{width:100%;padding:15px 18px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.6);background:#ffffff80;color:var(--color-text);box-shadow:inset 0 1px #ffffffb8}.share-bar__room-title{margin-top:8px;margin-bottom:4px;text-align:center;font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-dim)}.share-bar__btn--save{color:var(--button-text)}.share-modal,.insights-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2100;display:flex;align-items:center;justify-content:center;padding:24px;background:#0d121c66;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:modal-fade-in .22s var(--ease-out) forwards}.insights-modal--closing{animation:modal-fade-out .22s var(--ease-out) forwards}.insights-modal__dialog{position:relative;width:min(100%,480px);padding:32px 30px 28px;border-radius:28px;background:linear-gradient(180deg,#ffffffdb,#f1f6fbcc),#56627829;border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px #ffffffb8,0 26px 70px #27334c33;backdrop-filter:blur(24px) saturate(1.1);-webkit-backdrop-filter:blur(24px) saturate(1.1)}.insights-modal__eyebrow{margin:0 0 10px;text-align:center;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-dim)}.insights-modal__hero{display:grid;justify-items:center;gap:8px;margin-bottom:22px}.insights-modal__hero-art{width:104px;height:104px;border-radius:50%;object-fit:cover;box-shadow:0 18px 30px #48546c24}.insights-modal__hero-art--fallback{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:2rem;color:var(--color-text);background:linear-gradient(135deg,rgba(var(--dynamic-primary),.92),rgba(var(--dynamic-secondary),.88))}.insights-modal__title{margin:0;font-size:clamp(1.55rem,2vw,2rem);line-height:1.1;letter-spacing:-.03em}.insights-modal__subtitle{margin:0;color:var(--color-text-muted)}.insights-modal__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:22px}.insights-modal__stat{padding:18px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.5);background:#ffffff75;box-shadow:inset 0 1px #ffffffb3;text-align:center}.insights-modal__stat strong{display:block;font-size:1.65rem;line-height:1;letter-spacing:-.03em}.insights-modal__stat span{display:block;margin-top:6px;font-size:.82rem;color:var(--color-text-dim)}.insights-modal__section{display:grid;gap:10px}.insights-modal__section-title{margin:0;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-dim)}.insights-modal__events{display:grid;gap:8px}.insights-modal__event{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.5);background:#ffffff75;box-shadow:inset 0 1px #ffffffb3}.insights-modal__event-icon{width:38px;height:38px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:#fff6;color:var(--color-text);font-size:.92rem;font-weight:700}.insights-modal__event-main{min-width:0;flex:1}.insights-modal__event-title,.insights-modal__event-meta{margin:0}.insights-modal__event-title{font-size:.92rem;font-weight:600}.insights-modal__event-meta,.insights-modal__event-time,.insights-modal__note,.insights-modal__empty{font-size:.82rem;color:var(--color-text-dim)}.insights-modal__note{margin:16px 0 0;text-align:center;line-height:1.5}.insights-modal__empty{padding:16px 18px;border-radius:18px;border:1px dashed rgba(255,255,255,.38);background:#ffffff3d;line-height:1.5}.wallpaper-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2100;display:flex;align-items:center;justify-content:center;padding:24px;background:#0d121c66;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:modal-fade-in .22s var(--ease-out) forwards}.wallpaper-modal--closing{animation:modal-fade-out .22s var(--ease-out) forwards}.wallpaper-modal__dialog{position:relative;width:min(100%,620px);padding:32px 30px 28px;border-radius:28px;background:linear-gradient(180deg,#ffffffdb,#f1f6fbcc),#56627829;border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px #ffffffb8,0 26px 70px #27334c33;backdrop-filter:blur(24px) saturate(1.1);-webkit-backdrop-filter:blur(24px) saturate(1.1)}.wallpaper-modal__eyebrow{margin:0 0 8px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-dim)}.wallpaper-modal__title{margin:0 0 10px;font-size:clamp(1.45rem,2vw,1.9rem);line-height:1.1;letter-spacing:-.03em}.wallpaper-modal__body{margin:0 0 18px;color:var(--color-text-muted);line-height:1.55}.wallpaper-modal__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wallpaper-modal__option{display:grid;gap:10px;padding:12px;text-align:left;border-radius:20px;border:1px solid rgba(255,255,255,.5);background:#ffffff75;color:var(--color-text);box-shadow:inset 0 1px #ffffffb3}.wallpaper-modal__option--active,.wallpaper-modal__option:hover{background:#ffffffa3;border-color:#ffffffd1;box-shadow:inset 0 1px #ffffffd1,0 10px 24px #48546c14}.wallpaper-modal__swatch{display:block;width:100%;aspect-ratio:1.6;border-radius:16px;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px #ffffff52}.wallpaper-modal__swatch--gallery{background:linear-gradient(180deg,#ffffff38,#f8f6f224),linear-gradient(135deg,#f5f2ecf5,#e8e4dddb)}.wallpaper-modal__swatch--linen{background:repeating-linear-gradient(0deg,rgba(154,141,125,.08) 0 2px,transparent 2px 8px),repeating-linear-gradient(90deg,rgba(154,141,125,.06) 0 2px,transparent 2px 9px),linear-gradient(135deg,#ece6ddf5,#d6ccbfdb)}.wallpaper-modal__swatch--midnight{background:radial-gradient(circle at top center,rgba(98,123,173,.32),transparent 28%),linear-gradient(135deg,#131d31fa,#1f2e49f0)}.wallpaper-modal__swatch--sunset{background:radial-gradient(circle at 20% 20%,rgba(255,214,183,.42),transparent 24%),radial-gradient(circle at 80% 14%,rgba(245,173,200,.34),transparent 20%),linear-gradient(135deg,#fcddccf5,#e4becae0 55%,#c7b6e1db)}.wallpaper-modal__swatch--forest{background:radial-gradient(circle at 18% 16%,rgba(183,213,194,.18),transparent 22%),linear-gradient(135deg,#22342dfa,#3a5648eb)}.wallpaper-modal__swatch--chrome{background:linear-gradient(180deg,#ffffff38,#ffffff0f),linear-gradient(135deg,#e5ebf1f5,#bdc9d6db 48%,#ebf0f5e6)}.wallpaper-modal__label{font-size:.92rem;font-weight:600}.share-modal--closing{animation:modal-fade-out .22s var(--ease-out) forwards}.share-modal__dialog{position:relative;width:min(100%,620px);padding:32px 30px 28px;border-radius:28px;background:linear-gradient(180deg,#ffffffdb,#f1f6fbcc),#56627829;border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px #ffffffb8,0 26px 70px #27334c33;backdrop-filter:blur(24px) saturate(1.1);-webkit-backdrop-filter:blur(24px) saturate(1.1)}.share-modal__eyebrow{margin:0 0 8px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-dim)}.share-modal__title{margin:0 0 10px;font-size:clamp(1.45rem,2vw,1.9rem);line-height:1.1;letter-spacing:-.03em}.share-modal__body{margin:0 0 18px;color:var(--color-text-muted);line-height:1.55}.share-modal__link-row{display:flex;gap:10px;align-items:stretch}.share-modal__link-input{flex:1;min-width:0;padding:15px 18px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.6);background:#ffffff80;color:var(--color-text);box-shadow:inset 0 1px #ffffffb8}.share-modal__copy-btn{padding:0 20px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.9);background:linear-gradient(180deg,#fffffffa,#f1f6fbfa);color:#43526f;font-weight:600;box-shadow:inset 0 1px #fff,0 10px 22px #48546c1a}.share-modal__social{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}.share-modal__social-label{font-size:var(--fs-xs);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.12em;font-weight:500}.share-modal__social-icons{display:flex;gap:var(--sp-sm)}.share-modal__social-btn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;color:var(--button-text);background:linear-gradient(180deg,#ffffffeb,#ebf1f7eb);border:1px solid rgba(255,255,255,.98);box-shadow:inset 0 1px #fff,0 8px 18px #778aa624}.share-modal__social-btn svg{width:17px;height:17px}.share-modal__social-btn--instagram:hover{color:#cc2366}.share-modal__social-btn--facebook:hover{color:#1877f2}.share-modal__social-btn--x:hover{color:#000}.spotify-login-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2100;display:flex;align-items:center;justify-content:center;padding:24px;background:#0d121c6b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:modal-fade-in .22s var(--ease-out) forwards}.spotify-login-modal--closing{animation:modal-fade-out .22s var(--ease-out) forwards}.spotify-login-modal__dialog{position:relative;width:min(100%,480px);padding:36px 32px 30px;border-radius:28px;background:linear-gradient(180deg,#ffffffd6,#f1f6fbc7),#5662782e;border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px #ffffffb3,0 26px 70px #27334c33;backdrop-filter:blur(24px) saturate(1.1);-webkit-backdrop-filter:blur(24px) saturate(1.1);text-align:center}.spotify-login-modal__eyebrow{margin:0 0 10px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-dim)}.spotify-login-modal__title{margin:0 0 12px;font-size:clamp(1.5rem,2vw,2rem);line-height:1.1;letter-spacing:-.03em}.spotify-login-modal__body{margin:0 auto 24px;max-width:34ch;color:var(--color-text-muted);line-height:1.55}.spotify-login-modal__feedback{margin:0 0 18px}.spotify-login-modal__cta{display:inline-flex;align-items:center;justify-content:center;min-width:208px;padding:15px 28px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.98);background:linear-gradient(180deg,#fffffffa,#f1f6fbfa);color:#43526f;font-size:.96rem;font-weight:600;box-shadow:inset 0 1px #fff,0 12px 28px #48546c24;transition:background var(--duration-fast),border-color var(--duration-fast),box-shadow var(--duration-fast),color var(--duration-fast),transform var(--duration-fast)}.spotify-login-modal__cta:hover{transform:none;color:#2f3d59;box-shadow:inset 0 1px #fff,0 14px 30px #48546c2e}.search-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#ffffff80;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-xl);animation:modal-fade-in .4s cubic-bezier(.22,1,.36,1) forwards}.search-modal--closing{animation:modal-fade-out .4s cubic-bezier(.22,1,.36,1) forwards}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}.search-modal__close,.record-modal__close,.share-modal__close,.spotify-login-modal__close,.rooms-modal__close,.save-room-modal__close{position:absolute;width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(180deg,#ffffff61,#ffffff1f),#56627838;color:#ebf2faf0;border:1px solid rgba(255,255,255,.32);box-shadow:inset 0 1px #ffffff57,0 12px 28px #48546c29;backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);cursor:pointer;z-index:10;transition:background var(--duration-fast),border-color var(--duration-fast),box-shadow var(--duration-fast),transform var(--duration-fast),color var(--duration-fast)}.search-modal__close,.record-modal__close,.share-modal__close,.spotify-login-modal__close,.insights-modal__close,.wallpaper-modal__close,.rooms-modal__close,.save-room-modal__close{top:var(--sp-xl);right:var(--sp-xl)}.record-modal__close{top:40px;right:40px}.share-modal__close,.spotify-login-modal__close,.insights-modal__close,.wallpaper-modal__close,.rooms-modal__close,.save-room-modal__close{top:18px;right:18px}.search-modal__close svg,.record-modal__close svg,.share-modal__close svg,.spotify-login-modal__close svg,.insights-modal__close svg,.wallpaper-modal__close svg,.rooms-modal__close svg,.save-room-modal__close svg{width:20px;height:20px;stroke-width:1.9}.search-modal__close:hover,.record-modal__close:hover,.share-modal__close:hover,.spotify-login-modal__close:hover,.insights-modal__close:hover,.wallpaper-modal__close:hover,.rooms-modal__close:hover,.save-room-modal__close:hover{background:linear-gradient(180deg,#ffffff75,#ffffff29),#606d8542;border-color:#ffffff6b;box-shadow:inset 0 1px #ffffff6b,0 14px 32px #48546c2e;transform:none}.search-modal__input-wrapper{max-width:600px;width:100%;margin-bottom:var(--sp-2xl);position:relative;animation:input-scale-in .5s cubic-bezier(.22,1,.36,1) forwards;border-radius:999px}@keyframes input-scale-in{0%{transform:scale(.95) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.search-modal__input{width:100%;background:linear-gradient(180deg,#ffffff4d,#ffffff1a),#56627847;border:1px solid rgba(255,255,255,.28);padding:22px 28px 22px 78px;border-radius:var(--radius-full);color:#fffffffa;font-size:var(--fs-xl);outline:none;box-shadow:inset 0 1px #ffffff57,0 20px 44px #52607b24;text-shadow:none;transition:all var(--duration-fast)}.search-modal__input::placeholder{color:#dee9f5b8}.search-modal__input:focus{background:linear-gradient(180deg,#ffffff57,#ffffff1f),#606d8552;border-color:#ffffff6b;box-shadow:inset 0 1px #fff6,0 24px 48px #52607b29,0 0 0 4px #ffffff14}.search-modal__icon{position:absolute;left:26px;top:50%;transform:translateY(-50%);width:32px;height:32px;color:#dee9f5cc;filter:none}.search-modal__results{max-width:1000px;width:100%;margin:-40px auto 0;max-height:60vh;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fit,140px);justify-content:center;gap:var(--sp-lg);align-content:start;padding:80px 20px 40px}.search-modal__results::-webkit-scrollbar{display:none}@media(max-width:768px){.wall__header{gap:12px}.wall__header-actions{width:100%}.shared-wall .wall__container{gap:16px}.shared-wall .wall__header-actions{gap:8px}.shared-wall .wall__canvas{padding-top:4px}.wall__shelf{grid-template-columns:repeat(2,1fr);gap:var(--sp-md)}.picker__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;padding:10px 0 var(--sp-sm)}.picker__album{gap:10px}.picker__album-info{padding:0 1px}.picker__album-name{font-size:.88rem}.picker__album-artist{font-size:.74rem}.picker__time-row{gap:8px}.landing__features{gap:var(--sp-lg)}.wall__canvas{padding:var(--sp-lg);border-radius:var(--radius-lg)}.ambient-bg__blob{filter:blur(80px);opacity:.25}.picker__build-btn--fab{bottom:calc(92px + env(safe-area-inset-bottom,0px));max-width:min(calc(100vw - 24px),420px);padding:16px 28px}}@media(max-width:480px){.wall__shelf{grid-template-columns:repeat(2,1fr);gap:var(--sp-sm)}.picker__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;padding:8px 0 var(--sp-sm)}.picker__time-row{gap:6px}.landing__logo{font-size:var(--fs-2xl)}.share-bar{flex-direction:column;align-items:stretch}.share-bar__btn{justify-content:center}.picker__build-btn--fab{bottom:calc(88px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:400px}@keyframes fab-enter{0%{transform:translate(-50%) translateY(60px) scale(.88);opacity:0}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}}.record-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#000;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:all var(--duration-normal);color:#fff;overflow:hidden}.record-modal.active{opacity:1;visibility:visible}.record-modal__bg{position:absolute;top:-100px;right:-100px;bottom:-100px;left:-100px;background-size:cover;background-position:center;filter:blur(100px) brightness(.6) saturate(1.8);opacity:.8;z-index:-1;transition:background-image .5s ease}.record-modal__content{flex:1;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:100px;max-width:1400px;margin:0 auto;padding:80px 40px;z-index:1;transform:translateY(20px);transition:all var(--duration-slow) var(--ease-out)}.record-modal.active .record-modal__content{transform:translateY(0)}.record-modal__art-side{display:flex;flex-direction:column;align-items:center;justify-content:center}.record-modal__album-art{width:100%;max-width:500px;aspect-ratio:1;box-shadow:0 30px 100px #00000080;border-radius:4px;object-fit:cover}.wall__player-actions{display:flex;align-items:center;justify-content:center;gap:var(--sp-md);margin-top:40px;width:100%;max-width:500px}.record-modal__tracklist-side{height:80vh;overflow-y:auto;padding-top:36px;padding-right:40px;scrollbar-width:none;-ms-overflow-style:none;mask-image:linear-gradient(to bottom,transparent 0,black 22%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,black 22%,black 90%,transparent 100%)}.record-modal__tracklist-side::-webkit-scrollbar{display:none}.record-modal .wall__tracklist-title{color:#fff;font-size:var(--fs-lg);font-family:var(--font-body);text-transform:none;font-weight:700;margin:0 0 30px;padding-bottom:20px;border-bottom:2px solid rgba(255,255,255,.1)}.record-modal .wall__track-item{color:#ffffffb3;border:none;padding:12px 0;font-size:var(--fs-base);transition:all var(--duration-fast)}.record-modal .wall__track-item:hover,.record-modal .wall__track-item.playing{color:#fff;background:transparent}.record-modal .wall__track-num{font-size:var(--fs-xs);min-width:40px;justify-content:flex-start;color:#ffffff4d}.record-modal .wall__modal-footer{margin-top:40px;border-top:1px solid rgba(255,255,255,.1)}@media(max-width:768px){.share-modal,.spotify-login-modal,.insights-modal,.rooms-modal,.save-room-modal{padding:18px}.share-modal__dialog,.spotify-login-modal__dialog,.insights-modal__dialog,.rooms-modal__dialog,.save-room-modal__dialog{padding:30px 22px 24px;border-radius:24px}.share-modal__copy-btn,.spotify-login-modal__cta,.rooms-modal__action,.save-room-modal__action{width:100%;min-width:0}.insights-modal__stats{grid-template-columns:1fr}.insights-modal__event{align-items:flex-start}.share-modal__link-row,.share-modal__social{flex-direction:column;align-items:stretch}.rooms-modal__actions,.save-room-modal__actions{flex-direction:column}.record-modal{overflow-y:auto;-webkit-overflow-scrolling:touch}.record-modal__content{grid-template-columns:1fr;align-items:start;gap:28px;padding:88px 20px 28px;max-width:680px}.record-modal__art-side{width:100%}.record-modal__album-art{max-width:min(100%,360px)}.wall__player-actions{margin-top:24px;max-width:360px}.record-modal__tracklist-side{height:auto;overflow:visible;padding-top:0;padding-right:0;mask-image:none;-webkit-mask-image:none}.record-modal .wall__tracklist-title{margin-bottom:20px;padding-bottom:14px}.record-modal__close{position:fixed;top:16px;right:16px;margin:0;z-index:2012}}.wall__modal-footer{margin-top:auto;padding-top:var(--sp-xl);display:flex;justify-content:space-between;align-items:center;gap:var(--sp-md);border-top:1px solid rgba(0,0,0,.05)}.wall__play-preview-btn{flex-grow:1;border-radius:var(--radius-full);padding:15px 28px;font-size:var(--fs-sm);font-weight:500;display:flex;align-items:center;justify-content:center;gap:14px;cursor:pointer;transition:all var(--duration-fast);letter-spacing:-.01em}.wall__play-preview-btn:hover{transform:none}.wall__play-preview-btn svg{width:22px;height:22px}.wall__play-preview-btn--playing{background:linear-gradient(180deg,#ffffff80,#ffffff1a),#d9e4f4f5;box-shadow:inset 0 1px #fffffff2,inset 0 -1px #8894ad3d,0 24px 48px #7f8ca538}.wall__play-preview-btn--playing:hover{background:linear-gradient(180deg,#ffffff80,#ffffff1a),#d9e4f4f5}.wall__spotify-btn{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#2d5a43;transition:all var(--duration-fast);flex-shrink:0}.wall__spotify-btn:hover{transform:scale(1.02)}.wall__spotify-btn svg{width:24px;height:24px}.global-player{position:fixed;bottom:0;left:0;right:0;z-index:2100;padding:0 var(--sp-xl);height:80px;display:flex;align-items:center;justify-content:center;background:#ffffff6b;backdrop-filter:blur(40px) saturate(1.8);-webkit-backdrop-filter:blur(40px) saturate(1.8);border-top:1px solid rgba(255,255,255,.35);box-shadow:0 -10px 40px #7988a329;transform:translateY(100%);transition:transform var(--duration-normal) var(--ease-spring);color:var(--button-text)}.global-player.active{transform:translateY(0)}.global-player__content{width:100%;max-width:1400px;display:grid;grid-template-columns:350px 1fr 350px;align-items:center;gap:var(--sp-lg)}.global-player__info{display:flex;align-items:center;gap:var(--sp-md);min-width:0}.global-player__album-link{flex-shrink:0;width:48px;height:48px;border-radius:4px;overflow:hidden;cursor:pointer;transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s cubic-bezier(.22,1,.36,1)}.global-player__album-link:hover{transform:scale(1.04);box-shadow:0 12px 30px #00000047}.global-player__controls{order:-1;display:flex;align-items:center;justify-content:flex-start;gap:var(--sp-md)}.global-player__btn{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;color:#43526ff0;opacity:1;flex-shrink:0;background:#ffffff47;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.36);box-shadow:0 8px 32px #7988a31f;transition:background var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.global-player__btn svg{width:18px;height:18px}.global-player__btn:hover{background:#fff6;border-color:#ffffff75;box-shadow:0 10px 34px #7988a329}.global-player__btn--play{width:58px;height:58px}.global-player__btn--play svg{width:22px;height:22px}.global-player__btn--play:hover{color:#43526f}.global-player__progress-container{display:flex;flex-direction:row;align-items:center;gap:10px;width:100%}.global-player__time-current,.global-player__time-total{font-size:.7rem;color:#43526f7a;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:32px}.global-player__time-total{text-align:right}.global-player__progress{flex:1;height:4px;background:#43526f29;cursor:pointer;border-radius:2px;transition:height .15s ease;position:relative}.global-player__progress:hover{height:6px}.global-player__track-details{order:2;display:flex;justify-content:flex-end;align-items:center}.global-player__meta{text-align:center;order:1}.global-player__track-name{color:#303b52f0}.global-player__album-name{color:#43526f80}.global-player__album-art{width:100%;height:100%;object-fit:cover;display:block}.global-player__progress-fill{height:100%;background:#43526fe0;border-radius:2px;position:relative}.global-player__scrubber{position:absolute;right:-5px;top:50%;transform:translateY(-50%) scale(0);width:10px;height:10px;border-radius:50%;background:#43526feb;transition:transform .15s ease;pointer-events:none}.global-player__progress:hover .global-player__scrubber{transform:translateY(-50%) scale(1)}@media(max-width:768px){.global-player{height:auto;min-height:88px;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px))}.global-player__content{display:flex;align-items:center;justify-content:flex-start;gap:14px}.global-player__controls{order:0;flex-shrink:0;gap:10px}.global-player__btn{width:40px;height:40px}.global-player__btn svg{width:16px;height:16px}.global-player__btn--play{width:48px;height:48px}.global-player__btn--play svg{width:18px;height:18px}.global-player__meta{order:1;flex:1;min-width:0;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.global-player__track-name{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem}.global-player__progress-container{width:100%;gap:8px}.global-player__time-current,.global-player__time-total{min-width:28px;font-size:.68rem}.global-player__progress{display:block}.global-player__track-details{display:none}}