:root{--ink:#f2eef6;--ink-soft:#a89bb0;--paper:#0a0a0c;--mist:#16141c;--wash-a:#1e1528;--wash-b:#2a1838;--deep:#0e0c12;--panel:#14121a;--accent:#c43c4a;--accent-hover:#d4525e;--accent-soft:#c43c4a38;--violet:#6b4a8a;--violet-mist:#58347873;--danger:#e07070;--line:#f2eef61f;--line-strong:#c43c4a8c;--radius:8px;--font-display:"Plus Jakarta Sans", "Segoe UI", sans-serif;--font-body:"Figtree", "Segoe UI", sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100dvh;font-family:var(--font-body);color:var(--ink);background:radial-gradient(70% 55% at 50% 28%, var(--violet-mist) 0%, transparent 62%), radial-gradient(50% 40% at 80% 90%, #3c1e4659 0%, transparent 55%), radial-gradient(40% 35% at 15% 85%, #28123066 0%, transparent 50%), linear-gradient(180deg, #0a0a0c 0%, #0e0c12 45%, #121018 100%);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;font-size:1.05rem;line-height:1.55}#root{min-height:100dvh}img{max-width:100%;display:block}button,input{font:inherit}button{cursor:pointer}.app{min-height:100dvh}.app--loading{place-items:center;display:grid}.loading-hint{color:var(--ink-soft)}.topbar{box-sizing:border-box;width:100%;max-width:1100px;color:var(--ink-soft);border-bottom:1px solid var(--line-strong);justify-content:space-between;align-items:center;gap:.65rem;margin:0 auto;padding:.55rem clamp(1rem,4vw,3rem);font-size:.85rem;display:flex}.topbar__mode{flex:none}.topbar__search{flex:auto;min-width:0;max-width:22rem}.topbar__out{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;max-width:36vw;overflow:hidden}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home-search{box-sizing:border-box;max-width:1100px;margin:0 auto;padding:.65rem clamp(1.25rem,5vw,3rem) 0}.home-search--guest{padding-top:.35rem;padding-bottom:.25rem}.folder-search{width:100%;position:relative}.folder-search__input{box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--ink);font:inherit;background:#14121ad9;margin:0;padding:.45rem .75rem;font-size:.9rem}.folder-search--compact .folder-search__input{padding:.38rem .65rem;font-size:.85rem}.folder-search__input::placeholder{color:var(--ink-soft);opacity:.85}.folder-search__input:focus{border-color:#c43c4a8c;outline:none}.folder-search__results{z-index:40;border:1px solid var(--line);border-radius:var(--radius);background:#14121a;max-height:14rem;margin:0;padding:.25rem;list-style:none;position:absolute;top:calc(100% + .25rem);left:0;right:0;overflow:auto;box-shadow:0 12px 32px #00000073}.folder-search__empty{color:var(--ink-soft);padding:.55rem .65rem;font-size:.85rem}.folder-search__hit{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:.5rem;margin:0;padding:.45rem .55rem;display:flex}.folder-search__hit:hover{background:#c43c4a1f}.folder-search__hit-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.folder-search__hit-badge{color:var(--ink-soft);flex:none;font-size:.7rem}.folder-search__hit-badge--own{color:#c9a8d4}.folder-social{flex:none;align-items:center;gap:.3rem;display:inline-flex}.folder-social--card{z-index:2;background:#0a0a0c8c;border-radius:6px;padding:.15rem;position:absolute;top:.4rem;right:.4rem}.folder-social--header{gap:.35rem}.folder-social__like,.folder-social__report{min-width:1.75rem;min-height:1.75rem;color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:.2rem;margin:0;padding:.15rem .35rem;font-size:.78rem;line-height:1;display:inline-flex}.folder-social__like:hover,.folder-social__report:hover{color:var(--ink);border-color:var(--line)}.folder-social__like.is-on{color:#e07070}.folder-social__heart{font-size:.95rem;line-height:1}.folder-social__count{font-variant-numeric:tabular-nums;font-size:.75rem}.folder-social__report{letter-spacing:.02em;min-width:1.6rem;font-size:.72rem}.folder-social--header .folder-social__report{text-overflow:ellipsis;white-space:nowrap;max-width:7.5rem;padding:.2rem .45rem;overflow:hidden}.folder-social__report.is-done{opacity:.55;cursor:default}.folder-social__notice{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;max-width:8rem;font-size:.68rem;overflow:hidden}.popular-card-wrap{position:relative}.guest-setup{border:1.5px solid var(--danger);border-radius:var(--radius);max-width:36rem;color:var(--danger);background:#9b3d3d14;margin:0 auto 1rem;padding:.85rem 1rem;font-size:.95rem}.guest-setup code{font-size:.85em}.hero--guest{align-items:center;min-height:min(88dvh,720px);padding-top:clamp(2.5rem,10vh,5rem);padding-bottom:clamp(2rem,6vh,3.5rem)}.home-section--auth{justify-content:center;padding:0 clamp(1.25rem,5vw,3rem) clamp(3rem,8vw,5rem);display:flex}.auth-panel{justify-content:center;width:100%;max-width:1100px;padding:0;display:flex}.guest-setup--hero{z-index:2;margin:1.25rem clamp(1rem,4vw,2rem) 0;position:relative}.auth-panel__card{border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121018b8;width:min(400px,100%);padding:1.5rem 1.35rem 1.35rem}.auth-panel__brand{font-family:var(--font-display);letter-spacing:0;color:var(--ink);margin:0 0 .5rem;font-size:1.15rem;font-weight:700;font-stretch:100%}.auth-panel__title{font-family:var(--font-display);margin:0 0 .4rem;font-size:1.5rem;font-weight:700}.auth-panel__lead{color:var(--ink-soft);margin:0 0 1.25rem;font-size:.95rem}.auth-form{gap:.85rem;display:grid}.auth-form__label{color:var(--ink-soft);gap:.35rem;font-size:.9rem;font-weight:500;display:grid}.auth-form__input{border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);background:#0a0a0cd9;padding:.7rem .85rem}.auth-form__input:focus{outline:1px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.auth-form__error{color:var(--danger);margin:0;font-size:.9rem}.auth-form__info{color:var(--accent);margin:0;font-size:.9rem}.auth-form__submit{width:100%;margin-top:.25rem}.auth-panel__switch{color:var(--ink-soft);text-align:center;margin:1rem 0 0;font-size:.9rem}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes washDrift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(2%,-1.5%)scale(1.04)}}@keyframes slideReveal{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.animate-rise{opacity:0;animation:rise .85s var(--ease) forwards}.animate-rise--delay-1{animation-delay:.12s}.animate-rise--delay-2{animation-delay:.24s}.animate-rise--delay-3{animation-delay:.36s}.animate-fade{animation:fadeIn .45s var(--ease)}@media (prefers-reduced-motion:reduce){.animate-rise,.animate-fade,.hero__wash,.gallery__stage{opacity:1!important;animation:none!important;transform:none!important}}.btn{border-radius:var(--radius);letter-spacing:.01em;transition:background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease);border:1.5px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.7rem 1.25rem;font-weight:600;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{border-color:var(--accent);color:var(--ink);background:0 0}.btn--primary:hover{background:var(--accent-soft);border-color:var(--accent-hover);color:#fff}.btn--secondary{border-color:var(--line);color:var(--ink);background:0 0}.btn--secondary:hover{border-color:var(--ink-soft);background:#f2eef60f}.btn--ghost{border-color:var(--line);color:var(--ink-soft);background:0 0}.btn--ghost:hover{border-color:var(--ink-soft);color:var(--ink)}.btn--danger{border-color:var(--accent);color:#f2eef6;background:#c43c4a2e}.btn--danger:hover{border-color:var(--accent-hover);color:#fff;background:#c43c4a52}.btn:disabled{opacity:.4;cursor:not-allowed}.confirm-form__message{color:var(--ink);margin:0 0 1.25rem;font-size:1rem;line-height:1.45}.confirm-form__actions{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;display:flex}.btn-text{color:var(--ink-soft);text-underline-offset:3px;background:0 0;border:none;padding:.2rem .35rem;font-size:.9rem;font-weight:500;text-decoration:underline}.btn-text:hover{color:var(--ink)}.btn-text--danger{color:var(--danger)}.btn-icon{border:1.5px solid var(--line);border-radius:var(--radius);width:2.4rem;height:2.4rem;color:var(--ink);background:0 0;font-size:1.4rem;line-height:1}.btn-icon:hover{border-color:var(--deep)}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:clamp(1.5rem,5vw,3rem);display:flex;position:relative;overflow:hidden}.hero__atmosphere{pointer-events:none;position:absolute;inset:0}.hero__wash{filter:blur(40px);opacity:.55;border-radius:50%;animation:18s ease-in-out infinite washDrift;position:absolute}.hero__wash--a{opacity:.7;filter:blur(48px);background:radial-gradient(circle,#6c488c8c 0%,#0000 70%);width:min(75vw,560px);height:min(75vw,560px);top:8%;left:50%;translate:-50%}.hero__wash--b{opacity:.5;background:radial-gradient(circle,#5a284666 0%,#0000 70%);width:min(55vw,420px);height:min(55vw,420px);animation-delay:-6s;bottom:-8%;right:10%}.hero__grain{opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.hero__content{z-index:1;box-sizing:border-box;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:36rem;margin-inline:auto;padding-inline:clamp(.75rem,4vw,1.5rem);display:flex;position:relative}.hero__brand{width:auto;max-width:100%;font-family:var(--font-display);letter-spacing:-.015em;font-synthesis:none;color:var(--ink);text-align:center;white-space:nowrap;margin:0 auto 1.25rem;font-size:clamp(1.7rem,5.8vw,3.4rem);font-weight:700;font-stretch:100%;line-height:1.15;transform:scale(1)}.hero__headline{width:100%;font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);text-align:center;overflow-wrap:break-word;max-width:100%;margin:0 0 1rem;font-size:clamp(1.05rem,3.8vw,1.85rem);font-weight:700;line-height:1.28}.hero__lead{width:100%;max-width:28rem;color:var(--ink-soft);text-align:center;margin:0 auto 1.75rem;font-size:clamp(.95rem,2.2vw,1.15rem)}.hero__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;width:100%;display:flex}.hero__actions .btn{min-height:2.75rem;padding-inline:1.15rem}.library{border-top:1px solid var(--line);max-width:1100px;margin:0 auto;padding:clamp(2rem,5vw,3.5rem) clamp(1.25rem,5vw,3rem) clamp(3rem,7vw,4.5rem)}.library__head{gap:.5rem;max-width:28rem;margin-bottom:2.5rem;display:grid}.library__title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700}.library__sub{color:var(--ink-soft);margin:0 0 .75rem}.library__empty{color:var(--ink-soft);max-width:28rem;font-size:1.05rem}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;display:grid}.folder-tile{flex-direction:column;gap:.5rem;display:flex;position:relative}.folder-tile__open{text-align:left;width:100%;color:inherit;transition:transform .35s var(--ease);background:0 0;border:none;padding:0;display:block}.folder-tile__open:hover{transform:translateY(-4px)}.folder-tile__open:hover .folder-tile__cover{border-color:var(--accent)}.folder-tile__cover{aspect-ratio:4/5;border-radius:var(--radius);border:1px solid var(--line);border-bottom:2px solid var(--accent);background:linear-gradient(145deg, var(--mist), var(--wash-a));transition:border-color .25s var(--ease);overflow:hidden}.folder-tile__cover img{object-fit:cover;width:100%;height:100%}.folder-tile__placeholder{background:radial-gradient(80% 70% at 50% 40%,#58347873 0%,#0000 65%) 0 0/100% 100%,linear-gradient(160deg,#1a1522,#0e0c12) 0 0/100% 100%;width:100%;height:100%}.folder-tile__name{font-family:var(--font-display);letter-spacing:-.01em;margin:.65rem 0 0;font-size:1.15rem;font-weight:650}.folder-tile__pub{color:var(--accent);margin:.2rem 0 0;font-size:.8rem}.folder-tile__menu{flex-wrap:wrap;gap:.75rem;display:flex}.site-footer{text-align:center;padding:2rem clamp(1.25rem,5vw,3rem) 3rem}.site-footer p{color:var(--ink-soft);margin:0;font-size:.85rem}.folder-view{max-width:1100px;margin:0 auto;padding:clamp(1rem,3vw,2rem) clamp(1.25rem,4vw,2.5rem) 3rem}.folder-view--immersive{max-width:none;height:100dvh;max-height:100dvh;color:var(--ink);background:#0a0a0c;flex-direction:column;margin:0;padding:0;display:flex;overflow:hidden}.folder-view--immersive .folder-view__header{z-index:5;border-bottom:1px solid var(--line-strong);background:#0a0a0ce0;flex:none;align-items:center;margin:0;padding:.35rem clamp(.5rem,2vw,.85rem);position:relative}.folder-view--immersive .folder-view__header--slim{flex-wrap:nowrap;grid-template-columns:auto minmax(0,1fr) auto auto auto auto;align-items:center;gap:.35rem .45rem;margin-bottom:0;display:grid}.folder-view--immersive .folder-social--header{max-width:9.5rem}.folder-view--immersive .folder-view__brand{color:#c9a8d4}.folder-view--immersive .folder-view__name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(.95rem,2.5vw,1.2rem);overflow:hidden}.folder-view__back{min-width:2.4rem;min-height:2.4rem;padding:.25rem .55rem;font-size:1.45rem;line-height:1}.folder-view__titles--slim{flex:auto;min-width:0}.folder-view__meta-line{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;margin:.1rem 0 0;font-size:.72rem;overflow:hidden}.folder-view__menu{flex:none;position:relative}.folder-view__menu-btn{letter-spacing:.05em;min-width:2.4rem;min-height:2.4rem;padding:.2rem .5rem;font-size:1.35rem;line-height:1}.folder-view__menu-panel{z-index:20;border-radius:var(--radius);border:1px solid var(--line);background:#121018f7;gap:.25rem;width:min(16.5rem,100vw - 1.25rem);padding:.45rem;display:grid;position:absolute;top:calc(100% + .35rem);right:0;box-shadow:0 12px 32px #00000073}.folder-view__menu-row{color:var(--ink-soft);gap:.25rem;padding:.45rem .55rem;font-size:.8rem;display:grid}.folder-view__menu-row .folder-view__transition-select{width:100%;max-width:none;color:var(--ink);padding:.35rem 1.2rem .35rem 0;font-size:.9rem}.folder-view__menu-item{text-align:left;width:100%;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:.55rem .65rem;font-size:.92rem;display:block}.folder-view__menu-item:hover,.folder-view__menu-item:focus-visible{background:#c43c4a24;outline:none}.folder-view__menu-item:disabled{opacity:.5;cursor:default}.folder-view__stage-loading{z-index:3;color:var(--ink-soft);pointer-events:none;place-items:center;margin:0;font-size:.95rem;display:grid;position:absolute;inset:0}.folder-view--loading{place-items:center;min-height:40dvh;display:grid}.folder-view--immersive .btn--ghost,.folder-view--immersive .btn--secondary{color:var(--ink);background:#0a0a0c66;border-color:#f2eef647;border-radius:999px}.folder-view--immersive .btn--ghost:hover,.folder-view--immersive .btn--secondary:hover{border-color:var(--accent);background:#c43c4a1f}.folder-view--immersive .folder-view__panel{z-index:7;border-radius:var(--radius);width:min(360px,100% - 1.25rem);max-height:min(55dvh,420px);color:var(--ink);border:1px solid var(--line);background:#121018f5;padding:1rem;position:absolute;top:3.1rem;left:auto;right:clamp(.5rem,2vw,1rem);overflow:auto;transform:none}.folder-view--immersive .folder-view__body{flex-direction:column;flex:auto;gap:0;min-height:0;margin:0;display:flex}.folder-view--immersive .folder-view__stage{flex:auto;min-height:0;position:relative}.folder-view--immersive .gallery--immersive{height:100%;min-height:0;position:absolute;inset:0}.folder-view__dock--immersive{z-index:6;width:100%;padding:.35rem clamp(.55rem, 2vw, 1rem) calc(.45rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(80% 120% at 50% 100%,#58347847 0%,#0000 70%),#0a0a0ceb;flex:none;margin:0}.folder-view--immersive .player--compact{width:100%;max-width:720px;color:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;margin:0 auto;padding:.35rem .15rem;position:static;bottom:auto;left:auto;transform:none}.folder-view--immersive .player--compact .player__heading{display:none}.folder-view--immersive .player--compact .player__controls{margin-bottom:.35rem}.folder-view--immersive .player--compact .player__list{display:none}.folder-view--immersive .gallery__chrome{bottom:1rem}.folder-view--immersive .player--compact .player__track-row{margin-bottom:.35rem}.folder-view--immersive .player--compact .player__track{color:var(--ink-soft)}.folder-view--immersive .player--compact .btn-icon{color:var(--accent);border-color:#0000}.folder-view--immersive .player--compact .btn-icon:hover{border-color:var(--accent);color:var(--accent-hover)}.folder-view--immersive .player--compact .btn--primary{border-color:var(--accent);color:var(--accent);background:0 0}.folder-view--immersive .player--compact .player__times{color:var(--ink-soft)}.folder-view__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.75rem;display:flex}.folder-view__header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.folder-view__transition{background:color-mix(in srgb, var(--panel) 88%, transparent);border:1px solid color-mix(in srgb, var(--line) 80%, transparent);border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .55rem;display:inline-flex}.folder-view__transition-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap;font-size:.78rem}.folder-view__transition-select{appearance:none;color:var(--ink);font-family:var(--font-body);cursor:pointer;background:0 0;background-image:linear-gradient(45deg, transparent 50%, var(--ink-soft) 50%), linear-gradient(135deg, var(--ink-soft) 50%, transparent 50%);background-position:calc(100% - .55rem) 55%,calc(100% - .3rem) 55%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border:0;max-width:11rem;padding:.2rem 1.1rem .2rem .15rem;font-size:.9rem}.folder-view__transition-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.folder-view--immersive .folder-view__header-actions .btn{min-height:2.35rem;padding:.35rem .65rem;font-size:.85rem}.folder-view--immersive .folder-view__transition{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0c8c;border-color:#c43c4a59}.folder-view__transition--wide,.folder-view__header-actions--wide{display:none}@media (width>=720px){.folder-view__transition--wide{display:inline-flex}.folder-view__header-actions--wide{flex-wrap:nowrap;gap:.35rem;display:flex}.folder-view--immersive .folder-view__header--slim{grid-template-columns:auto minmax(0,1fr) auto auto auto auto}}@media (width<=719px){.folder-view--immersive .folder-view__header--slim{grid-template-columns:auto minmax(0,1fr) auto auto;gap:.25rem .35rem;padding:.28rem .45rem}.folder-view--immersive .folder-social--header .folder-social__report{min-width:1.7rem;padding:.15rem;font-size:0}.folder-view--immersive .folder-social--header .folder-social__report:before{content:"!";font-size:.78rem;font-weight:600}.folder-social__notice{display:none}.topbar__search{max-width:none}.topbar__mode{display:none}.folder-view--immersive .folder-view__name{font-size:.95rem}.folder-view__meta-line{display:none}.folder-view--immersive .folder-view__notice--bar{margin-top:.35rem;padding:.45rem .65rem;font-size:.85rem}}.folder-view__titles{flex:12rem;min-width:0}.folder-view__brand{font-family:var(--font-display);letter-spacing:.02em;color:var(--accent);margin:0;font-size:.95rem;font-weight:700}.folder-view__name{font-family:var(--font-display);letter-spacing:-.02em;margin:.15rem 0 0;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:750}.folder-view__notice{border-radius:var(--radius);border:1.5px solid #0000;margin:.75rem 0 0;padding:.65rem .85rem;font-size:.95rem}.folder-view__notice--ok{color:#d4a0b0;background:#c43c4a1a;border-color:#c43c4a59}.folder-view__notice--warn{color:#8a5a10;background:#dcaa3c2e;border-color:#b4781e73}.folder-view__notice--err{color:var(--danger);background:#9b3d3d1a;border-color:#9b3d3d66}.folder-view__notice--bar{margin:.75rem clamp(1rem,4vw,2rem)}.folder-view--immersive .folder-view__notice--bar{z-index:6;margin-top:.35rem;position:relative}.folder-view__music-hint{color:var(--ink-soft);margin:.75rem 0 0;font-size:.9rem}.folder-view__badge{color:var(--accent);margin:.35rem 0 0;font-size:.85rem}.folder-view--immersive .folder-view__badge{color:#c9a8d4}.popular{border-top:1px solid var(--line);max-width:1100px;margin:0 auto;padding:clamp(2.5rem,6vw,4rem) clamp(1.25rem,5vw,3rem) clamp(1.5rem,4vw,2.5rem)}.popular__head{max-width:28rem;margin-bottom:1.75rem}.popular__title{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .4rem;font-size:clamp(1.5rem,3.5vw,2rem);font-weight:700}.popular__sub,.popular__empty{color:var(--ink-soft);margin:0}.popular__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem;margin-top:1.5rem;display:grid}.popular-card{text-align:left;color:inherit;cursor:pointer;transition:transform .3s var(--ease);background:0 0;border:none;flex-direction:column;gap:.45rem;padding:0;display:flex}.popular-card:hover{transform:translateY(-3px)}.popular-card__cover{aspect-ratio:4/5;border-radius:var(--radius);border:1px solid var(--line);border-bottom:2px solid var(--accent);background:linear-gradient(145deg, var(--mist), var(--wash-a));overflow:hidden}.popular-card__cover img{object-fit:cover;width:100%;height:100%}.popular-card__ph{background:radial-gradient(80% 70% at 50% 40%,#58347866 0%,#0000 65%),linear-gradient(160deg,#1a1522,#0e0c12);width:100%;height:100%}.popular-card__name{font-family:var(--font-display);font-size:1.05rem;font-weight:650}.popular-card__meta{color:var(--ink-soft);font-size:.85rem}.folder-view__panel{margin-bottom:1.25rem}.folder-view__body{grid-template-columns:1fr;gap:2rem;margin-top:1.25rem;display:grid}.folder-view:not(.folder-view--immersive) .folder-view__body{margin-top:0}@media (width>=860px){.folder-view:not(.folder-view--immersive) .folder-view__body{grid-template-columns:1.4fr .85fr;align-items:start}}.dropzone{border-radius:var(--radius);text-align:center;transition:border-color .25s var(--ease), background .25s var(--ease);background:#12101873;border:1.5px dashed #c43c4a59;padding:1.75rem 1.25rem}.dropzone--over{border-color:var(--accent);background:#c43c4a1a;border-style:solid}.dropzone--busy{opacity:.65;pointer-events:none}.dropzone__title{font-family:var(--font-display);margin:0 0 .35rem;font-size:1.15rem;font-weight:650}.dropzone__hint{color:var(--ink-soft);margin:0 0 1rem;font-size:.9rem}.dropzone__pick{cursor:pointer}.gallery{flex-direction:column;gap:1rem;display:flex}.gallery--empty{text-align:center;color:var(--ink-soft);border:1.5px solid var(--line);border-radius:var(--radius);background:#ffffff47;padding:3rem 1rem}.gallery--immersive{gap:0;min-height:min(100dvh,100vh);position:relative}.gallery--immersive .gallery__stage{aspect-ratio:auto;isolation:isolate;width:100%;height:100%;max-height:none;transform:scale(var(--pulse,1));transition:transform .28s var(--ease);background:#0a0a0c;border:none;border-radius:0;margin:0;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 #6c488c00}.gallery__viz{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.gallery__viz--behind{z-index:0}.gallery__viz--spectrum,.gallery__viz--edge{z-index:1}.gallery__viz-toggle{letter-spacing:.03em;color:var(--ink-soft);opacity:.75;font-size:.8rem}.gallery__viz-toggle.is-on{color:#c9a8d4;opacity:1;text-decoration-color:#c43c4a8c}.gallery--immersive.is-beat .gallery__stage{box-shadow:inset 0 0 80px rgba(108, 72, 140, var(--beat-glow,.25));transition:box-shadow .12s ease-out, transform .18s var(--ease)}.gallery--immersive .gallery__slide{opacity:1;z-index:1;filter:none;clip-path:inset(0);transform-origin:50%;will-change:transform, opacity, filter, clip-path;backface-visibility:hidden;transition:opacity var(--tx-ms,.65s) var(--ease), transform var(--tx-ms,.65s) var(--ease), filter var(--tx-ms,.65s) var(--ease), clip-path var(--tx-ms,.65s) var(--ease);margin:0;position:absolute;inset:0;transform:translate(0,0)}.gallery--immersive .gallery__slide.is-active{opacity:1;z-index:3}.gallery--immersive .gallery__slide.is-exit{z-index:2;pointer-events:none}.gallery--immersive .gallery__slide.is-exit:not(.is-anim){opacity:0}.gallery--immersive .gallery__img{object-fit:contain;transform-origin:50%;background:0 0;width:100%;height:100%;display:block}.gallery--immersive .gallery__slide.is-anim{transition:none}.gallery--immersive[data-tx=crossfade] .gallery__slide.is-anim.is-active{animation:txCrossIn var(--tx-ms,.65s) var(--ease) both}.gallery--immersive[data-tx=crossfade] .gallery__slide.is-anim.is-exit{animation:txCrossOut var(--tx-ms,.65s) var(--ease) both}.gallery--immersive[data-tx=dissolve] .gallery__slide.is-anim.is-active{animation:.78s ease-in-out both txDissolveIn}.gallery--immersive[data-tx=dissolve] .gallery__slide.is-anim.is-exit{animation:.78s ease-in-out both txDissolveOut}.gallery--immersive[data-tx=slide-left] .gallery__slide.is-anim.is-active{animation:.65s cubic-bezier(.22,.61,.36,1) both txSlideLeftIn}.gallery--immersive[data-tx=slide-left] .gallery__slide.is-anim.is-exit{animation:.65s cubic-bezier(.22,.61,.36,1) both txSlideLeftOut}.gallery--immersive[data-tx=slide-right] .gallery__slide.is-anim.is-active{animation:.65s cubic-bezier(.22,.61,.36,1) both txSlideRightIn}.gallery--immersive[data-tx=slide-right] .gallery__slide.is-anim.is-exit{animation:.65s cubic-bezier(.22,.61,.36,1) both txSlideRightOut}.gallery--immersive[data-tx=slide-up] .gallery__slide.is-anim.is-active{animation:.65s cubic-bezier(.22,.61,.36,1) both txSlideUpIn}.gallery--immersive[data-tx=slide-up] .gallery__slide.is-anim.is-exit{animation:.65s cubic-bezier(.22,.61,.36,1) both txSlideUpOut}.gallery--immersive[data-tx=slide-down] .gallery__slide.is-anim.is-active{animation:.65s cubic-bezier(.22,.61,.36,1) both txSlideDownIn}.gallery--immersive[data-tx=slide-down] .gallery__slide.is-anim.is-exit{animation:.65s cubic-bezier(.22,.61,.36,1) both txSlideDownOut}.gallery--immersive[data-tx=zoom-in] .gallery__slide.is-anim.is-active{animation:txZoomInIn .7s var(--ease) both}.gallery--immersive[data-tx=zoom-in] .gallery__slide.is-anim.is-exit{animation:txZoomInOut .7s var(--ease) both}.gallery--immersive[data-tx=zoom-out] .gallery__slide.is-anim.is-active{animation:txZoomOutIn .7s var(--ease) both}.gallery--immersive[data-tx=zoom-out] .gallery__slide.is-anim.is-exit{animation:txZoomOutOut .7s var(--ease) both}.gallery--immersive[data-tx=blur] .gallery__slide.is-anim.is-active{animation:txBlurIn .75s var(--ease) both}.gallery--immersive[data-tx=blur] .gallery__slide.is-anim.is-exit{animation:txBlurOut .75s var(--ease) both}.gallery--immersive[data-tx=wipe] .gallery__slide.is-anim.is-active{animation:.65s cubic-bezier(.4,0,.2,1) both txWipeIn}.gallery--immersive[data-tx=wipe] .gallery__slide.is-anim.is-exit{animation:.65s cubic-bezier(.4,0,.2,1) both txWipeOut}.gallery--immersive[data-tx=rotate-fade] .gallery__slide.is-anim.is-active{animation:txRotateIn .68s var(--ease) both}.gallery--immersive[data-tx=rotate-fade] .gallery__slide.is-anim.is-exit{animation:txRotateOut .68s var(--ease) both}.gallery--immersive[data-tx=kenburns] .gallery__slide.is-anim.is-active{animation:txCrossIn .7s var(--ease) both}.gallery--immersive[data-tx=kenburns] .gallery__slide.is-anim.is-exit{animation:txCrossOut .7s var(--ease) both}@keyframes txDissolveIn{0%{opacity:0;filter:saturate(.8)brightness(1.06)}to{opacity:1;filter:none}}@keyframes txDissolveOut{0%{opacity:1;filter:none}to{opacity:0;filter:saturate(.75)brightness(1.04)}}@keyframes txSlideLeftIn{0%{opacity:.35;transform:translate(58%)}to{opacity:1;transform:translate(0,0)}}@keyframes txSlideLeftOut{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate(-58%)}}@keyframes txSlideRightIn{0%{opacity:.35;transform:translate(-58%)}to{opacity:1;transform:translate(0,0)}}@keyframes txSlideRightOut{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate(58%)}}@keyframes txSlideUpIn{0%{opacity:.35;transform:translateY(52%)}to{opacity:1;transform:translate(0,0)}}@keyframes txSlideUpOut{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translateY(-52%)}}@keyframes txSlideDownIn{0%{opacity:.35;transform:translateY(-52%)}to{opacity:1;transform:translate(0,0)}}@keyframes txSlideDownOut{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translateY(52%)}}@keyframes txZoomInIn{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes txZoomInOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}@keyframes txZoomOutIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes txZoomOutOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}@keyframes txBlurIn{0%{opacity:0;filter:blur(14px)}to{opacity:1;filter:blur()}}@keyframes txBlurOut{0%{opacity:1;filter:blur()}to{opacity:0;filter:blur(12px)}}@keyframes txWipeIn{0%{opacity:1;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes txWipeOut{0%{opacity:1;clip-path:inset(0)}to{opacity:.55;clip-path:inset(0 0 0 92%)}}@keyframes txRotateIn{0%{opacity:0;transform:rotate(.55deg)scale(1.025)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes txRotateOut{0%{opacity:1;transform:rotate(0)scale(1)}to{opacity:0;transform:rotate(-.55deg)scale(.99)}}@keyframes txCrossIn{0%{opacity:0}to{opacity:1}}@keyframes txCrossOut{0%{opacity:1}to{opacity:0}}.gallery--immersive .gallery__slide.is-active[data-ken=a] .gallery__img{animation:kenA 12s var(--ease) both}.gallery--immersive .gallery__slide.is-active[data-ken=b] .gallery__img{animation:kenB 12s var(--ease) both}@keyframes kenA{0%{transform:scale(1)translate(0)}to{transform:scale(1.06)translate(-1.2%,.8%)}}@keyframes kenB{0%{transform:scale(1.05)translate(1%,-.6%)}to{transform:scale(1)translate(0)}}@media (prefers-reduced-motion:reduce){.gallery--immersive .gallery__slide.is-active[data-ken=a] .gallery__img,.gallery--immersive .gallery__slide.is-active[data-ken=b] .gallery__img,.gallery--immersive[data-tx] .gallery__slide.is-active,.gallery--immersive[data-tx] .gallery__slide.is-exit{animation:none}.gallery--immersive .gallery__stage{transition:none;transform:none}.gallery--immersive .gallery__slide.is-active{opacity:1}.gallery--immersive .gallery__slide.is-exit{opacity:0}}.gallery--immersive .gallery__chrome{z-index:4;pointer-events:none;flex-direction:column;align-items:center;gap:.55rem;padding:0 1rem;display:flex;position:absolute;bottom:1.5rem;left:0;right:0}.gallery--immersive .gallery__chrome--minimal{border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080a0e6b;flex-flow:wrap;justify-content:flex-end;align-items:center;gap:.45rem .65rem;width:auto;max-width:min(100%,16rem);padding:.35rem .5rem;inset:.65rem .65rem auto auto}.gallery--immersive .gallery__chrome>*{pointer-events:auto}.gallery--immersive .gallery__nav{justify-content:center;gap:.5rem}.gallery--immersive .gallery__ctrl{color:#e8f0ef;background:#08101273;border-color:#e8f0ef47;min-width:2.75rem;padding:.45rem .85rem}.gallery--immersive .gallery__pause{min-width:4.5rem}.gallery--immersive .gallery__counter{color:#e8f0efcc;text-shadow:0 1px 8px #00000073;font-size:.85rem}.gallery--immersive .gallery__chrome--minimal .gallery__counter{text-shadow:none;font-variant-numeric:tabular-nums}.gallery--immersive .gallery__chrome--minimal .gallery__viz-toggle{opacity:.9;margin:0}.gallery--immersive .gallery__actions{justify-content:center;gap:1rem}.gallery--immersive .gallery__chrome--minimal .gallery__actions{justify-content:flex-end;gap:.65rem;width:100%}.gallery--immersive .gallery__actions .btn-text{color:#e8f0efbf}.gallery--immersive .gallery__actions .btn-text--danger{color:#e8a0a0}.gallery__stage{aspect-ratio:4/5;border-radius:var(--radius);border:1.5px solid var(--line);background:var(--mist);width:100%;max-height:min(70vh,640px);animation:slideReveal .55s var(--ease);margin:0 auto;position:relative;overflow:hidden}.gallery__slide{margin:0;position:absolute;inset:0}.gallery__img{object-fit:contain;background:#0a0a0c;width:100%;height:100%}.gallery__nav{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.gallery__counter{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:.95rem}.gallery__actions{flex-wrap:wrap;gap:1rem;display:flex}.player{border:1.5px solid var(--line);border-radius:var(--radius);background:#ffffff6b;padding:1.25rem}.player--empty{color:var(--ink-soft)}.player__heading{font-family:var(--font-display);margin:0 0 .5rem;font-size:1.15rem;font-weight:700}.player__track-row{align-items:center;gap:.65rem;min-width:0;margin:0 0 1rem;display:flex}.player__track{min-width:0;color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;flex:auto;margin:0;font-size:.95rem;overflow:hidden}.player__track-delete{flex:none;font-size:.8rem}.player__controls--solo{justify-content:center}.player__unmute{border:1px solid var(--accent);border-radius:var(--radius);width:100%;color:var(--ink);font-family:var(--font-body);cursor:pointer;text-align:center;background:#c43c4a29;margin:0 0 .85rem;padding:.65rem 1rem;font-size:.95rem;font-weight:600;display:block}.player__unmute:hover{background:#c43c4a47}.folder-view--immersive .player--compact .player__unmute{margin:0 0 .45rem;padding:.5rem .85rem;font-size:.88rem}.player__empty{margin:0;font-size:.95rem}.player__controls{justify-content:center;align-items:center;gap:.65rem;margin-bottom:1rem;display:flex}.player__play{min-width:6.5rem}.player__progress input[type=range]{width:100%;accent-color:var(--accent)}.player__times{color:var(--ink-soft);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:.25rem;font-size:.8rem;display:flex}.player__volume{color:var(--ink-soft);grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;margin-top:.85rem;font-size:.85rem;display:grid}.player__volume input[type=range]{width:100%;accent-color:var(--accent)}.player__volume-value{font-variant-numeric:tabular-nums;text-align:right;min-width:2.5rem}.folder-view--immersive .player--compact .player__volume{color:var(--ink-soft);margin-top:.45rem}.folder-view--immersive .player--compact .player__volume input[type=range]{accent-color:var(--accent)}.folder-view--immersive .player--compact .player__track{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.35rem;overflow:hidden}@media (width>=720px){.folder-view--immersive .player--compact{grid-template-columns:minmax(0,1.2fr) auto minmax(140px,.8fr);grid-template-areas:"track controls volume""progress progress progress";align-items:center;gap:.25rem 1rem;display:grid}.folder-view--immersive .player--compact .player__track{grid-area:track;margin:0}.folder-view--immersive .player--compact .player__controls{grid-area:controls;margin:0}.folder-view--immersive .player--compact .player__volume{grid-area:volume;margin:0}.folder-view--immersive .player--compact .player__progress{grid-area:progress}}.player__list{border-top:1px solid var(--line);max-height:220px;margin:1.25rem 0 0;padding:0;list-style:none;overflow-y:auto}.player__list li{border-bottom:1px solid var(--line);align-items:center;gap:.35rem;display:flex}.player__list li.is-active .player__list-btn{color:var(--accent);font-weight:600}.player__list-btn{text-align:left;min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;flex:1;padding:.65rem .25rem;overflow:hidden}.player__list-btn:hover{color:var(--accent)}.modal{background:0 0;border:none;max-width:calc(100vw - 2rem);padding:0}.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#06040ab8}.modal__panel{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);width:min(400px,100%);color:var(--ink);padding:1.5rem;box-shadow:0 16px 48px #00000073}.modal__title{font-family:var(--font-display);margin:0 0 1rem;font-size:1.35rem;font-weight:700}.name-form{gap:1.15rem;display:grid}.name-form__label{color:var(--ink-soft);gap:.4rem;font-size:.9rem;font-weight:500;display:grid}.name-form__input{border:1.5px solid var(--line);border-radius:var(--radius);color:var(--ink);background:#fff;padding:.7rem .85rem}.name-form__input:focus{outline:2px solid var(--accent);outline-offset:1px}.name-form__actions{justify-content:flex-end;gap:.65rem;display:flex}.gallery__missing{text-align:center;color:var(--ink-soft);z-index:2;place-items:center;margin:0;padding:1.5rem;font-size:.95rem;display:grid;position:absolute;inset:0}@media (width<=430px){body{font-size:1rem;overflow-x:clip}.topbar{gap:.5rem;padding:.65rem 1rem;font-size:.8rem}.topbar__out{max-width:58vw}.hero,.hero--guest{align-items:center;min-height:100dvh;padding:1.25rem 1rem 2rem}.hero__brand{letter-spacing:0;margin-bottom:.85rem;white-space:nowrap;text-align:center;margin-inline:auto;font-size:clamp(1.45rem,7vw,1.75rem);font-weight:700;line-height:1.1;transform:none}.hero__content{align-items:center;margin-inline:auto;padding-inline:1rem}.hero__headline{margin-bottom:.75rem;white-space:normal;text-align:center;margin-inline:auto;font-size:clamp(1.02rem,4.4vw,1.22rem)}.hero__lead{margin-bottom:1.35rem;font-size:.95rem;line-height:1.5}.hero__actions{flex-direction:column;align-items:stretch;gap:.55rem;width:100%;max-width:20rem;margin-inline:auto}.hero__actions .btn{justify-content:center;width:100%}.home-section--auth{padding:0 1rem 2.5rem}.auth-panel__card{width:100%;padding:1.25rem 1rem 1.15rem}.auth-form__input{min-height:2.75rem;font-size:1rem}.auth-form__submit{min-height:2.85rem}.popular{padding:2rem 1rem 1.5rem}.popular__title{font-size:1.35rem}.popular__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.popular-card__name{font-size:.95rem}.popular-card__meta{font-size:.78rem}.library{padding:1.75rem 1rem 2.5rem}.folder-view--immersive .folder-view__header--slim{gap:.2rem .3rem;padding:.25rem .4rem}.folder-view--immersive .folder-view__name{font-size:.92rem;line-height:1.2}.folder-view__back,.folder-view__menu-btn{min-width:2.25rem;min-height:2.25rem}.folder-view__dock--immersive{padding:.3rem .5rem calc(.35rem + env(safe-area-inset-bottom,0px))}.folder-view--immersive .player--compact{padding:.55rem .35rem .35rem}.folder-view--immersive .player--compact .player__controls{gap:.45rem}.folder-view--immersive .player--compact .btn-icon{width:2.6rem;min-width:2.6rem;height:2.6rem;font-size:1.35rem}.folder-view--immersive .player--compact .btn--primary,.player__play{min-width:5.5rem;min-height:2.6rem;padding:.45rem .85rem}.folder-view--immersive .player--compact .player__volume{grid-template-columns:auto 1fr auto;gap:.4rem;font-size:.8rem}.folder-view--immersive .player--compact .player__volume input[type=range],.player__progress input[type=range]{min-height:1.5rem}.gallery--immersive .gallery__chrome{flex-wrap:wrap;gap:.4rem;padding:.3rem .45rem}.gallery--immersive .gallery__counter{font-size:.78rem}.gallery__viz-toggle{min-height:2.2rem;padding:.3rem .45rem;font-size:.78rem}.guest-setup--hero{margin:1rem .75rem 0;font-size:.88rem}.modal__panel{padding:1.2rem 1rem}.name-form__actions{flex-wrap:wrap}.name-form__actions .btn{flex:auto;min-height:2.6rem}}