:root{--pink-bright: #e79aa4;--pink-mauve: #bb959b;--paper: #ac9598;--grey: #908f8e;--ink: #141414;--font-display: "Fraunces", ui-serif, Georgia, serif;--font-body: "Fraunces", ui-serif, Georgia, serif;--font-mono: "Space Mono", ui-monospace, "JetBrains Mono", monospace;--font-sans: ui-sans-serif, system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--ink);color:var(--paper);font-family:var(--font-sans)}body:has(.home-route){overflow:hidden;height:100%}html:has(.home-route),body:has(.home-route),#root:has(.home-route){height:100%}.app{position:relative;width:100%;height:100%}.home-link{color:var(--paper);text-decoration:none;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;padding:.5rem .75rem;background:#14141466;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid rgba(227,217,222,.2)}.home-link:hover{color:var(--pink-bright)}.canvas{position:absolute;top:0;right:0;bottom:0;left:0}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.5rem;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}.overlay>*{pointer-events:auto}.brand{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--paper);mix-blend-mode:difference}.player{display:flex;align-items:center;gap:.75rem;background:#14141466;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:.5rem .75rem;width:fit-content;border:1px solid rgba(227,217,222,.2)}.player button{background:var(--paper);color:var(--ink);border:none;padding:.5rem 1rem;font-family:inherit;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:background .12s ease}.player button:hover{background:var(--pink-bright)}.meta{font-size:.75rem;opacity:.7}.player-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.now-playing{display:flex;align-items:baseline;gap:.5rem;padding:.5rem .75rem;background:#14141466;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid rgba(227,217,222,.2);font-size:.75rem;max-width:60vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.np-label{color:var(--grey);text-transform:uppercase;letter-spacing:.2em;font-size:.65rem}.np-title{color:var(--paper)}.np-artist{color:var(--pink-mauve)}.np-by{color:var(--grey);font-size:.7rem}.panel{position:absolute;top:1.5rem;right:1.5rem;pointer-events:auto;font-size:.75rem;letter-spacing:.05em;z-index:10}.panel-toggle{background:var(--paper);color:var(--ink);border:none;padding:.5rem 1rem;font-family:inherit;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer}.panel-toggle:hover{background:var(--pink-bright)}.panel-body{margin-top:.5rem;width:320px;max-height:70vh;overflow-y:auto;background:#141414b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(227,217,222,.2);padding:1rem}.panel-user{display:flex;justify-content:space-between;margin-bottom:.75rem;color:var(--paper)}.panel-tabs{display:flex;gap:.25rem;margin-bottom:.75rem;border-bottom:1px solid rgba(227,217,222,.15)}.panel-tabs button,.form-tabs button{background:transparent;color:var(--paper);border:none;padding:.4rem .6rem;cursor:pointer;font-family:inherit;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;opacity:.5}.panel-tabs button.on,.form-tabs button.on{opacity:1;color:var(--pink-bright);border-bottom:1px solid var(--pink-bright)}.form{display:flex;flex-direction:column;gap:.5rem}.form-tabs{display:flex;gap:.25rem;margin-bottom:.5rem}.form input{background:#14141480;color:var(--paper);border:1px solid rgba(227,217,222,.2);padding:.5rem;font-family:inherit;font-size:.8rem}.form input::placeholder{color:var(--grey)}.form button[type=submit]{background:var(--paper);color:var(--ink);border:none;padding:.5rem;font-family:inherit;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;cursor:pointer}.form button[type=submit]:hover{background:var(--pink-bright)}.form-error{color:var(--pink-bright);font-size:.75rem}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.list li{display:flex;align-items:baseline;gap:.5rem;padding:.4rem 0;border-bottom:1px dashed rgba(227,217,222,.1);color:var(--paper)}.list .num{color:var(--grey);width:1.5rem}.list .title{color:var(--paper);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list .artist{color:var(--pink-mauve)}.list .by{color:var(--grey);font-size:.7rem}.link{background:transparent;color:var(--pink-bright);border:none;cursor:pointer;font-family:inherit;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.empty{color:var(--grey);font-style:italic;padding:.5rem 0}.queue-actions{display:flex;justify-content:flex-end;padding-bottom:.5rem;border-bottom:1px solid rgba(227,217,222,.1);margin-bottom:.25rem}.list .link.remove{padding:0 .25rem;color:var(--grey);font-size:1rem;line-height:1}.list .link.remove:hover{color:var(--pink-bright)}.nebula-ambient-canvas{position:fixed!important;top:0;right:0;bottom:0;left:0;width:100vw!important;height:100vh!important;z-index:0;pointer-events:none}.paper-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:#1414148c;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.content-route{min-height:100vh;background:transparent;color:var(--paper);padding-bottom:88px;position:relative;z-index:2}.content-route:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;opacity:.12;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.content-main{position:relative;z-index:3;max-width:960px;margin:0 auto;padding:4rem 1.5rem 2rem}@media (prefers-reduced-motion: reduce){.content-route{background:var(--ink)}.paper-veil{display:none}}.page-header{margin-bottom:3rem}.page-title{margin:0;font-family:var(--font-mono);font-size:clamp(2rem,6vw,3.5rem);font-weight:700;letter-spacing:.05em;text-transform:lowercase;color:var(--paper);line-height:1}.page-sub{margin:.5rem 0 0;font-family:var(--font-mono);color:var(--grey);font-size:.75rem;letter-spacing:.15em;text-transform:lowercase}.back-link{display:inline-block;font-family:var(--font-mono);color:var(--grey);text-decoration:none;font-size:.7rem;letter-spacing:.2em;text-transform:lowercase;margin-bottom:2rem}.back-link:hover{color:var(--pink-bright)}.members-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:2rem 2rem}@media (min-width: 720px){.members-grid{grid-template-columns:repeat(4,1fr);gap:2.5rem}}.member-card-link{display:block;text-decoration:none;color:inherit;transition:filter .2s ease,transform .2s ease}.member-card-link:hover{filter:drop-shadow(2px 0 0 rgba(231,154,164,.6)) drop-shadow(-2px 0 0 rgba(187,149,155,.5))}.member-photo{width:100%;aspect-ratio:1 / 1;background:#ffffff08;overflow:hidden}.member-photo img{width:100%;height:100%;object-fit:cover;display:block}.member-photo-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--pink-mauve),var(--ink));opacity:.5}.member-card-name{margin-top:.75rem;font-family:var(--font-mono);font-size:1rem;font-weight:700;letter-spacing:.05em;text-transform:lowercase;color:var(--paper);line-height:1.15}.member-card-role{margin-top:.25rem;font-family:var(--font-mono);font-size:.7rem;color:var(--grey);letter-spacing:.1em;text-transform:lowercase}.member-page{display:flex;flex-direction:column}.member-header{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:2rem 0 3rem;margin-bottom:2rem;background-image:repeating-linear-gradient(90deg,var(--pink-mauve) 0 6px,transparent 6px 14px);background-size:100% 1px;background-repeat:no-repeat;background-position:bottom left}@media (min-width: 720px){.member-header{grid-template-columns:240px 1fr;gap:2.5rem;align-items:end}}.member-index{margin:0 0 .4rem;font-family:var(--font-mono);font-weight:700;font-size:.85rem;letter-spacing:.15em;color:var(--pink-bright)}.member-index-total{color:var(--pink-mauve);opacity:.7;font-weight:400}.member-header-photo{position:relative;width:100%;aspect-ratio:1 / 1;max-width:280px}.member-header-photo img{width:100%;height:100%;object-fit:cover;display:block}.member-name{margin:0;font-family:var(--font-mono);font-size:clamp(2rem,6vw,4rem);font-weight:700;letter-spacing:.03em;text-transform:lowercase;color:var(--paper);line-height:1}.member-meta{margin:.75rem 0 0;font-family:var(--font-mono);color:var(--grey);font-size:.75rem;letter-spacing:.12em;text-transform:lowercase}.member-tags{margin:.5rem 0 0;font-family:var(--font-mono);font-style:italic;color:var(--pink-mauve);font-size:.75rem;letter-spacing:.05em}.member-links{list-style:none;padding:0;margin:1.25rem 0 0;display:flex;flex-wrap:wrap;gap:.6rem}.member-links a{display:inline-block;padding:.4rem .75rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:lowercase;color:var(--paper);text-decoration:none;background:#bb959b1f;border:1px solid rgba(227,217,222,.25)}.member-links a:hover{background:var(--pink-bright);color:var(--ink);border-color:var(--pink-bright)}.member-section{padding:2.5rem 0;border-bottom:none;background-image:repeating-linear-gradient(90deg,var(--pink-mauve) 0 6px,transparent 6px 14px);background-size:100% 1px;background-repeat:no-repeat;background-position:bottom left}.member-section:last-of-type{background-image:none}.section-title{margin:0 0 1.5rem;display:flex;align-items:baseline;gap:.5rem;font-family:var(--font-mono);font-size:.75rem;font-weight:400;letter-spacing:.15em;text-transform:lowercase;color:var(--grey)}.section-num{color:var(--pink-bright);font-weight:700;font-size:.85rem}.section-dash,.section-label{color:var(--grey)}.member-bio{font-family:var(--font-body);font-variation-settings:"opsz" 14;font-size:1.05rem;line-height:1.7;color:var(--paper);max-width:62ch}.member-bio p{margin:0 0 1rem}.member-bio p:last-child{margin-bottom:0}.member-bio a{color:var(--pink-bright)}.member-bio strong{color:var(--paper);font-weight:700}.member-bio em{color:var(--pink-mauve);font-style:italic}.member-albums{display:grid;grid-template-columns:1fr;gap:2.5rem}@media (min-width: 720px){.member-albums{grid-template-columns:1fr 1fr;gap:3rem;align-items:start}}.album-label{margin:0 0 .85rem;font-family:var(--font-mono);font-size:.7rem;font-weight:400;letter-spacing:.2em;text-transform:lowercase;color:var(--pink-mauve)}.album-body{display:grid;grid-template-columns:100px 1fr;gap:1rem;align-items:start}@media (min-width: 720px){.album-body{grid-template-columns:140px 1fr;gap:1.25rem}}.album-cover{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.album-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;font-style:italic;font-variation-settings:"opsz" 60,"SOFT" 100;letter-spacing:-.01em;color:var(--paper);line-height:1.1}.album-title a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(231,154,164,.35)}.album-title a:hover{color:var(--pink-bright);border-bottom-color:var(--pink-bright)}.album-artist{font-family:var(--font-mono);color:var(--grey);font-size:.75rem;letter-spacing:.05em;margin-top:.35rem}.album-note{margin:.75rem 0 0;font-family:var(--font-body);font-variation-settings:"opsz" 14;font-style:italic;color:var(--pink-mauve);font-size:.95rem;line-height:1.55}.artists-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.artists-list a{font-family:var(--font-body);font-variation-settings:"opsz" 14;font-size:1.05rem;color:var(--paper);text-decoration:none}.artists-list a:hover{color:var(--pink-bright)}.youtube-embed{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--ink)}.youtube-embed iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.soundcloud-embed{width:100%}.soundcloud-embed iframe{width:100%;height:450px;border:0;display:block}.member-nav{display:flex;justify-content:space-between;align-items:center;padding:2.5rem 0 1rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:lowercase}.member-nav a{display:inline-block;padding:.4rem .75rem;color:var(--grey);text-decoration:none;background:#bb959b1a;border:1px solid rgba(227,217,222,.18)}.member-nav a:hover{color:var(--pink-bright);background:#e79aa41f}.member-nav-sep{color:var(--pink-mauve);opacity:.5;letter-spacing:.5em}.mini-player{position:fixed;left:0;right:0;bottom:0;z-index:100;display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:#141414d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(227,217,222,.15);font-size:.8rem}.mini-brand{font-family:var(--font-mono);color:var(--paper);text-decoration:none;font-size:.7rem;letter-spacing:.2em;text-transform:lowercase;flex-shrink:0}.mini-brand:hover{color:var(--pink-bright)}.mini-play{background:var(--paper);color:var(--ink);border:none;width:36px;height:36px;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .12s ease}.mini-play:hover{background:var(--pink-bright)}.mini-meta{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--paper)}.mini-title{color:var(--paper)}.mini-artist{color:var(--pink-mauve)}.mini-off{color:var(--grey);font-style:italic}@media (max-width: 480px){.mini-player{padding:.5rem .75rem;gap:.6rem}.mini-brand{display:none}}