@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Noto+Serif+JP:wght@600;700&display=swap";:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body, "Inter", sans-serif);font-size:var(--size-body, 1rem);background:var(--bg, #050505);color:var(--text);overflow:hidden;overflow-x:hidden}.app{height:100vh;padding:var(--space-xxl, 2rem);position:relative;background-color:var(--bg, #050505);background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden;overflow-x:hidden;max-width:100vw;transition:filter var(--motion-base, .32s) var(--motion-ease),opacity var(--motion-base, .32s) var(--motion-ease)}.app-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;width:100vw;height:100vh;pointer-events:none}.app>*:not(.app-background):not(.enter-gate){position:relative;z-index:2}.app.pre-enter>*:not(.enter-gate):not(.app-background){opacity:0;pointer-events:none}.app.entered>*:not(.enter-gate){animation:appFadeIn var(--motion-slow, .7s) var(--motion-ease) forwards}.enter-gate{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,color-mix(in srgb,var(--gold) 12%,transparent),transparent 42%),radial-gradient(circle at center,#14141459,#050505 62%);display:grid;place-content:center;gap:0;text-align:center;z-index:20;opacity:1;transition:opacity .64s cubic-bezier(.22,1,.36,1)}.enter-gate.is-entering{opacity:0}.enter-gate:before,.enter-gate:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.enter-gate:before{background:radial-gradient(circle at center,color-mix(in srgb,var(--gold-highlight) 65%,white),transparent 55%);opacity:0}.enter-gate:after{background:radial-gradient(circle at center,color-mix(in srgb,var(--gold) 45%,transparent) 0%,transparent 62%);opacity:0;transform:scale(.72)}.enter-gate.is-entering:before{animation:gate-screen-flash .56s ease-out forwards}.enter-gate.is-entering:after{animation:gate-background-shockwave .76s cubic-bezier(.22,1,.36,1) forwards}.logo-mark{margin:0 auto;width:132px;height:132px}.enter-logo-button{position:relative;isolation:isolate;border:0;background:transparent;padding:0;border-radius:var(--radius-pill, 999px);cursor:pointer;transition:transform var(--motion-fast, .18s) var(--motion-ease),filter var(--motion-fast, .18s) var(--motion-ease);animation:gate-logo-idle-throb 2.8s ease-in-out infinite}.enter-logo-button:hover{transform:translateY(-3px) scale(1.06);filter:brightness(1.08)}.enter-logo-button:active{transform:translateY(0) scale(.96)}.enter-gate.is-entering .enter-logo-button{animation:gate-enter-logo-burst .76s cubic-bezier(.22,1,.36,1) forwards}.enter-logo-button:after{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--gold-highlight) 55%,transparent);opacity:0;transform:scale(.9);pointer-events:none}.enter-gate.is-entering .enter-logo-button:after{animation:gate-enter-ring .76s cubic-bezier(.22,1,.36,1) forwards}.logo-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;border-radius:var(--radius-pill, 999px);border:none;box-shadow:0 0 42px color-mix(in srgb,var(--gold) 52%,transparent),0 0 88px color-mix(in srgb,var(--gold) 36%,transparent);transition:transform var(--motion-fast, .18s) var(--motion-ease),filter var(--motion-fast, .18s) var(--motion-ease);animation:gate-logo-breathe 4.6s ease-in-out infinite}@keyframes gate-logo-breathe{0%,to{transform:scale(1);filter:brightness(1);box-shadow:0 0 42px color-mix(in srgb,var(--gold) 52%,transparent),0 0 88px color-mix(in srgb,var(--gold) 36%,transparent)}50%{transform:scale(1.1);filter:brightness(1.16);box-shadow:0 0 62px color-mix(in srgb,var(--gold) 70%,transparent),0 0 112px color-mix(in srgb,var(--gold) 45%,transparent)}}@keyframes gate-enter-logo-burst{0%{opacity:1;transform:scale(1);filter:brightness(1)}35%{opacity:1;transform:scale(1.2);filter:brightness(1.3)}68%{opacity:1;transform:scale(1.45);filter:brightness(1.5)}to{opacity:0;transform:scale(1.8);filter:brightness(1.65)}}@keyframes gate-enter-ring{0%{opacity:0;transform:scale(.9)}28%{opacity:.9;transform:scale(1.05)}to{opacity:0;transform:scale(2.2)}}@keyframes gate-logo-idle-throb{0%,to{filter:brightness(1)}50%{filter:brightness(1.08)}}@keyframes gate-screen-flash{0%{opacity:0}14%{opacity:.55}to{opacity:0}}@keyframes gate-background-shockwave{0%{opacity:.1;transform:scale(.72)}30%{opacity:.35}to{opacity:0;transform:scale(1.8)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 10%,transparent),transparent 45%);pointer-events:none;z-index:1}.parallax-layer{position:fixed;top:-10%;right:0;bottom:0;left:0;background:radial-gradient(circle at 25% 10%,color-mix(in srgb,var(--gold) 15%,transparent),transparent 58%);pointer-events:none;will-change:transform;z-index:1}.header-shell{overflow:hidden;position:relative;z-index:9;position:fixed;left:0;right:0;bottom:0;padding-inline:clamp(.75rem,1.8vw,2rem);padding-bottom:.25rem;pointer-events:none}.header-shell .header{pointer-events:auto}.header-toggle{position:fixed;top:auto;bottom:env(safe-area-inset-bottom);left:50%;transform:translate(-50%);width:34px;height:24px;border:1px solid color-mix(in srgb,var(--gold) 28%,transparent);border-radius:999px;background:color-mix(in srgb,rgba(8,8,8,.92) 88%,transparent);color:var(--gold-highlight);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:9;box-shadow:0 8px 20px #00000073;transition:border-color var(--motion-fast, .18s) var(--motion-ease),background var(--motion-fast, .18s) var(--motion-ease),opacity var(--motion-fast, .18s) var(--motion-ease)}.header-toggle:hover{border-color:var(--gold);background:#0a0a0ad1}.header-toggle.hidden{display:none;opacity:0;visibility:hidden;pointer-events:none}.header h1{margin:0;font-family:var(--font-heading, "Noto Serif JP", serif);font-size:var(--size-display, 2rem);color:var(--gold);letter-spacing:.04em}.header{background:#070707d6;border:1px solid color-mix(in srgb,var(--gold) 24%,transparent);border-radius:var(--radius-md, 12px);padding:var(--space-xl, 1.5rem) var(--space-xl, 1.5rem) var(--space-lg, 1rem);box-shadow:var(--shadow-subtle, 0 10px 24px rgba(0, 0, 0, .22));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);max-width:1320px;margin-left:auto;margin-right:auto}.focused-header{max-width:1320px;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.focused-header-row{display:flex;align-items:center;gap:.8rem}.focused-header-row.minimal{justify-content:flex-start}.back-button{width:52px;height:52px;border-radius:999px;border:1px solid color-mix(in srgb,var(--gold) 80%,transparent);background:color-mix(in srgb,var(--gold) 18%,transparent);color:var(--gold-highlight);font-size:1.45rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow-glow, 0 0 0 2px color-mix(in srgb, var(--gold) 20%, transparent), 0 10px 28px rgba(0, 0, 0, .45));transition:transform var(--motion-fast, .18s) var(--motion-ease),border-color var(--motion-fast, .18s) var(--motion-ease),box-shadow var(--motion-fast, .18s) var(--motion-ease)}.back-button:hover{transform:translateY(-1px) scale(1.03);border-color:color-mix(in srgb,var(--gold) 95%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 28%,transparent),var(--shadow-elevated, 0 14px 32px rgba(0, 0, 0, .38))}.header-main{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-md, .75rem) var(--space-lg, 1rem);width:100%;margin-bottom:var(--space-lg, 1rem)}.header-lead{min-width:min(100%,12rem);flex:1 1 auto}.header-lead p{margin:var(--space-sm, .5rem) 0 0;color:color-mix(in srgb,var(--gold-subtle) 58%,#e7dcc0)}.toolbar{display:flex;gap:var(--space-md, .75rem);align-items:center;margin-bottom:var(--space-lg, 1rem);flex-wrap:wrap}.pagination{display:inline-flex;align-items:center;gap:.45rem;margin-left:auto}.page-button{border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);background:color-mix(in srgb,var(--gold) 8%,transparent);color:var(--gold-highlight);border-radius:var(--radius-pill, 999px);padding:.28rem .65rem;font-size:.78rem;cursor:pointer;transition:transform var(--motion-fast, .18s) var(--motion-ease),border-color var(--motion-fast, .18s) var(--motion-ease),background var(--motion-fast, .18s) var(--motion-ease)}.page-button:disabled{opacity:.45;cursor:not-allowed}.page-button:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--gold) 68%,transparent);background:color-mix(in srgb,var(--gold) 13%,transparent)}.page-indicator{color:color-mix(in srgb,var(--gold-subtle) 62%,#e7dcc0);font-size:.8rem}.page-motion-shell{display:grid;gap:1.1rem}.unified-branch{padding-left:0}.featured-tier{padding-top:2.5rem;padding-bottom:1.5rem}.featured-tier-grid{grid-template-columns:repeat(4,minmax(0,220px));justify-content:center}.featured-tier-card{width:220px;min-height:280px;box-shadow:0 0 0 1px var(--gold-subtle),0 0 18px #c9a84c1f}.featured-tier-card .avatar{width:68px;height:68px}.featured-tier-card h3{font-size:1.1rem}.featured-role-chip{background:transparent;color:var(--gold-highlight);border-color:color-mix(in srgb,var(--gold) 75%,transparent);letter-spacing:.06em}.tier-separator{border-top:1px solid rgba(201,168,76,.15);margin:2rem 0;display:flex;justify-content:center}.tier-label{height:72px;display:flex;align-items:center;justify-content:center;gap:1rem;color:var(--gold);font-family:var(--font-heading, "Noto Serif JP", serif);font-size:.72rem;font-weight:400;letter-spacing:.2em}.tier-label:before,.tier-label:after{content:"";flex:1;height:1px;background:var(--gold-subtle);margin:0 1rem}.scroll-directory-wrapper{position:relative;width:100%;margin:0}.directory-floating-chrome{position:fixed;left:0;right:0;transform:none;width:100%;padding-inline:clamp(.75rem,1.8vw,2rem);z-index:11;pointer-events:none;display:block}.directory-floating-chrome.with-header{top:clamp(10.6rem,14vh,12.8rem)}.directory-floating-chrome.header-collapsed{top:clamp(5.6rem,8.6vh,6.8rem)}.scroll-directory-wrapper:before,.scroll-directory-wrapper:after{content:"";position:absolute;left:0;right:0;height:90px;pointer-events:none;z-index:5}.scroll-directory-wrapper:before{top:0;background:transparent}.scroll-directory-wrapper:after{bottom:0;background:transparent}.content-shell.header-collapsed .scroll-directory-wrapper:before{background:transparent}.content-shell.header-collapsed .scroll-directory-wrapper:after{background:transparent}.tier-label-overlay{position:absolute;top:0;left:0;right:0;height:58px;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none;color:var(--gold);font-family:var(--font-heading, "Noto Serif JP", serif);font-size:.65rem;font-weight:400;letter-spacing:.28em;text-transform:uppercase}.directory-floating-chrome .tier-label-overlay{position:relative;left:0;right:0;top:0;width:100%;height:58px;display:flex;justify-content:center}.tier-label-overlay span{display:inline-flex;align-items:center;gap:.75rem}.tier-label-overlay span:before,.tier-label-overlay span:after{content:"";display:block;width:18px;height:1px;background:color-mix(in srgb,var(--gold) 34%,transparent)}.scroll-directory{position:relative;height:calc(100dvh - 124px);box-sizing:border-box;padding-top:76px;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-padding-block:clamp(138px,18vh,176px) clamp(92px,12vh,128px);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;background:transparent}.scroll-directory::-webkit-scrollbar{width:0;height:0;display:none}.scroll-page-indicator{position:absolute;top:36px;left:50%;transform:translate(-50%);width:auto;margin:0;color:var(--gold);font-family:var(--font-body, "Inter", sans-serif);font-size:.64rem;letter-spacing:.16em;opacity:.74;z-index:14;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;padding:0;border:0;border-radius:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.unified-profiles{max-height:calc(100vh - clamp(260px,30vh,320px));overflow:hidden;align-content:start}.member-search{min-width:240px;max-width:360px;width:100%;background:#000000a8;border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);border-radius:var(--radius-sm, 10px);padding:.65rem var(--space-md, .75rem);color:#f3ead0;transition:border-color var(--motion-fast, .18s) var(--motion-ease),box-shadow var(--motion-fast, .18s) var(--motion-ease)}.member-search::-moz-placeholder{color:color-mix(in srgb,var(--gold-subtle) 65%,#b6ab8b)}.member-search::placeholder{color:color-mix(in srgb,var(--gold-subtle) 65%,#b6ab8b)}.member-search:focus{outline:none;border-color:var(--gold, #d4af37);box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 30%,transparent)}.member-count{color:color-mix(in srgb,var(--gold-subtle) 58%,#e7dcc0);font-size:.9rem}.load-warning{margin:0 0 1rem;color:color-mix(in srgb,var(--danger) 75%,#a65d00);font-size:.9rem}.error-state{margin-top:var(--space-lg, 1rem);padding:var(--space-lg, 1rem);border-radius:var(--radius-md, 12px);border:1px solid color-mix(in srgb,var(--danger) 45%,transparent);background:color-mix(in srgb,var(--danger) 12%,#120d05);color:color-mix(in srgb,var(--danger) 82%,#f3cc7e)}.branch-nav{display:flex;gap:.45rem;flex-wrap:wrap}.branch-nav-chip{border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);background:color-mix(in srgb,var(--gold) 8%,transparent);color:var(--gold-highlight);border-radius:var(--radius-pill, 999px);padding:.25rem .65rem;font-size:.78rem;cursor:pointer;transition:transform var(--motion-fast, .18s) var(--motion-ease),border-color var(--motion-fast, .18s) var(--motion-ease),background var(--motion-fast, .18s) var(--motion-ease)}.branch-nav-chip:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--gold) 75%,transparent);background:color-mix(in srgb,var(--gold) 12%,transparent)}.family-branch{position:relative;padding-left:1.65rem}.family-branch.unified-branch{padding-left:0}.branch-title{margin:0 0 .8rem;color:var(--gold);font-size:1rem;letter-spacing:.03em}.profiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-lg, 1rem)}.profile-card{border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);background:#060606;border-radius:var(--radius-md, 12px);padding:var(--space-lg, 1rem);cursor:pointer;transition:border-color var(--motion-fast, .18s) var(--motion-ease),transform var(--motion-fast, .18s) var(--motion-ease),box-shadow var(--motion-fast, .18s) var(--motion-ease);box-shadow:var(--shadow-subtle, 0 10px 24px rgba(0, 0, 0, .22));opacity:0;transform:translateY(10px);animation:cardIn .45s var(--motion-ease) forwards}.profile-card:hover{border-color:color-mix(in srgb,var(--gold) 80%,transparent);transform:translateY(-2px)}.profile-card.selected{border-color:var(--gold-highlight);box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 35%,transparent),var(--shadow-subtle, 0 10px 24px rgba(0, 0, 0, .22))}.scroll-directory .profile-card{width:min(100%,820px);max-width:820px;min-height:calc(100vh - 180px);height:calc(100vh - 180px);margin:0 auto;padding:3.25rem 3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;scroll-snap-align:center;background:color-mix(in srgb,var(--bg) 10%,transparent);border:none;box-shadow:none;border-radius:var(--radius-md, 12px);position:relative;isolation:isolate;overflow:hidden;--tier-bg-opacity: .36;--tier-overlay-opacity: .2;--tier-accent-opacity: .12;--tier-bg-animation: none;--tier-overlay-animation: tierPulseCalm 30s ease-in-out infinite;--tier-base: color-mix(in srgb, var(--gold) 16%, #0a0a0a);--tier-strong: color-mix(in srgb, var(--gold) 30%, #050505);--tier-edge: color-mix(in srgb, var(--gold-highlight) 35%, #0d0d0d);--tier-texture-opacity: .08;--tier-texture-size: 16px 16px;animation:none;opacity:.56;transform:scale(.95)}.scroll-directory .profile-card>*{position:relative;z-index:2}.scroll-directory .profile-card:before,.scroll-directory .profile-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.scroll-directory .profile-card:before{background:radial-gradient(120% 95% at 12% 0%,color-mix(in srgb,var(--tier-strong) 84%,transparent),transparent 58%),radial-gradient(95% 90% at 100% 100%,color-mix(in srgb,var(--tier-base) 66%,transparent),transparent 70%),linear-gradient(135deg,color-mix(in srgb,var(--tier-edge) 32%,#090909),#060606 78%);opacity:var(--tier-bg-opacity);transform:none;animation:none}.scroll-directory .profile-card:after{background:repeating-linear-gradient(115deg,color-mix(in srgb,var(--tier-edge) 18%,transparent) 0 1px,transparent 1px 7px),repeating-linear-gradient(25deg,color-mix(in srgb,var(--tier-base) 16%,transparent) 0 1px,transparent 1px 9px),radial-gradient(72% 62% at 50% 100%,color-mix(in srgb,var(--tier-strong) 26%,transparent),transparent 72%),linear-gradient(115deg,transparent 20%,color-mix(in srgb,var(--tier-edge) 24%,transparent) 50%,transparent 80%);background-size:var(--tier-texture-size),var(--tier-texture-size),100% 100%,100% 100%;opacity:calc(var(--tier-overlay-opacity) + var(--tier-texture-opacity));mix-blend-mode:screen;animation:var(--tier-overlay-animation)}.scroll-directory .profile-card[data-role-tier=tier-1]{--tier-base: color-mix(in srgb, var(--gold) 36%, #0d0703);--tier-strong: color-mix(in srgb, var(--gold-highlight) 46%, #0a0a0a);--tier-edge: color-mix(in srgb, var(--gold-highlight) 72%, #1b1304);--tier-bg-opacity: .62;--tier-overlay-opacity: .28;--tier-accent-opacity: .16;--tier-bg-animation: none;--tier-overlay-animation: tierPulseCalm 24s ease-in-out infinite;--tier-texture-opacity: .16;--tier-texture-size: 11px 11px}.scroll-directory .profile-card[data-role-tier=tier-2]{--tier-base: color-mix(in srgb, var(--gold) 30%, #0a0704);--tier-strong: color-mix(in srgb, var(--gold-highlight) 34%, #0a0a0a);--tier-edge: color-mix(in srgb, var(--gold-highlight) 56%, #130e04);--tier-bg-opacity: .5;--tier-overlay-opacity: .24;--tier-accent-opacity: .14;--tier-bg-animation: none;--tier-overlay-animation: tierPulseCalm 26s ease-in-out infinite;--tier-texture-opacity: .13;--tier-texture-size: 12px 12px}.scroll-directory .profile-card[data-role-tier=tier-1]:before{background:conic-gradient(from 160deg at 50% 50%,transparent 0deg,color-mix(in srgb,var(--gold-highlight) 28%,transparent) 86deg,transparent 170deg,color-mix(in srgb,var(--gold) 30%,transparent) 258deg,transparent 360deg),radial-gradient(130% 100% at 10% 0%,color-mix(in srgb,var(--tier-strong) 90%,transparent),transparent 58%),radial-gradient(90% 86% at 100% 100%,color-mix(in srgb,var(--tier-base) 68%,transparent),transparent 70%),linear-gradient(130deg,color-mix(in srgb,var(--tier-edge) 36%,#090909),#060606 80%);background-size:140% 140%,100% 100%,100% 100%,100% 100%;background-position:center;opacity:var(--tier-bg-opacity);animation:none}.scroll-directory .profile-card[data-role-tier=tier-1]:after{background:linear-gradient(112deg,transparent 20%,color-mix(in srgb,#fff 36%,transparent) 49%,transparent 78%),radial-gradient(74% 64% at 50% 100%,color-mix(in srgb,var(--tier-strong) 32%,transparent),transparent 72%);mix-blend-mode:screen;opacity:var(--tier-overlay-opacity);animation:tierPulseCalm 24s ease-in-out infinite}.scroll-directory .profile-card[data-role-tier=tier-2]:before{background:radial-gradient(122% 95% at 14% 2%,color-mix(in srgb,var(--tier-strong) 88%,transparent),transparent 58%),radial-gradient(95% 88% at 100% 100%,color-mix(in srgb,var(--tier-base) 66%,transparent),transparent 70%),linear-gradient(132deg,color-mix(in srgb,var(--tier-edge) 30%,#090909),#060606 82%);opacity:var(--tier-bg-opacity);animation:none}.scroll-directory .profile-card[data-role-tier=tier-2]:after{background:linear-gradient(116deg,transparent 24%,color-mix(in srgb,#fff 24%,transparent) 51%,transparent 78%),radial-gradient(72% 60% at 50% 100%,color-mix(in srgb,var(--tier-strong) 28%,transparent),transparent 72%);opacity:var(--tier-overlay-opacity);mix-blend-mode:screen;animation:tierPulseCalm 26s ease-in-out infinite}.scroll-directory .profile-card[data-role-tier=tier-3]{--tier-base: color-mix(in srgb, var(--gold) 24%, #080808);--tier-strong: color-mix(in srgb, var(--gold-highlight) 24%, #090909);--tier-edge: color-mix(in srgb, var(--gold) 45%, #100d06);--tier-bg-opacity: .48;--tier-overlay-opacity: .22;--tier-accent-opacity: .2;--tier-bg-animation: none;--tier-overlay-animation: tierPulseCalm 28s ease-in-out infinite;--tier-texture-opacity: .1;--tier-texture-size: 13px 13px}.scroll-directory .profile-card[data-role-tier=tier-4]{--tier-base: color-mix(in srgb, var(--gold) 18%, #080808);--tier-strong: color-mix(in srgb, var(--gold) 20%, #080808);--tier-edge: color-mix(in srgb, var(--gold-highlight) 26%, #0b0b0b);--tier-bg-opacity: .4;--tier-overlay-opacity: .18;--tier-accent-opacity: .14;--tier-bg-animation: none;--tier-overlay-animation: tierPulseCalm 32s ease-in-out infinite;--tier-texture-opacity: .08;--tier-texture-size: 14px 14px}.scroll-directory .profile-card[data-role-tier=tier-5]{--tier-base: color-mix(in srgb, var(--gold-subtle) 24%, #070707);--tier-strong: color-mix(in srgb, var(--gold-subtle) 24%, #060606);--tier-edge: color-mix(in srgb, var(--gold) 20%, #080808);--tier-bg-opacity: .34;--tier-overlay-opacity: .14;--tier-accent-opacity: .1;--tier-bg-animation: none;--tier-overlay-animation: tierPulseCalm 36s ease-in-out infinite;--tier-texture-opacity: .06;--tier-texture-size: 15px 15px}@media(min-width:1600px){.scroll-directory .profile-card{max-width:900px;padding-inline:clamp(3.25rem,4.8vw,5rem)}}.scroll-directory .profile-card .avatar{width:108px;height:108px;flex-shrink:0;border-width:1px;transform:scale(1)}.profile-row-content{display:flex;flex-direction:column;gap:.45rem;min-width:0}.scroll-directory .profile-card .profile-row-content{align-items:center;text-align:center;gap:.55rem}.scroll-directory .profile-card h3{margin:0;font-size:1.85rem;letter-spacing:.03em}.scroll-directory .profile-card .role-list{margin-top:0;justify-content:center}.scroll-directory .profile-card .profile-summary{-webkit-line-clamp:3;max-width:72ch;font-size:1.02rem;opacity:.85;text-align:center}.scroll-directory .profile-card.focused{transform:scale(1);opacity:1;background:color-mix(in srgb,var(--bg) 68%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid color-mix(in srgb,var(--gold) 34%,transparent);box-shadow:0 0 90px #00000094,0 0 0 1px color-mix(in srgb,var(--gold) 18%,transparent),inset 0 1px color-mix(in srgb,var(--gold) 13%,transparent)}.scroll-directory .profile-card.focused:before{opacity:calc(var(--tier-bg-opacity) + .1)}.scroll-directory .profile-card.focused:after{opacity:calc(var(--tier-overlay-opacity) + var(--tier-accent-opacity))}.scroll-directory .profile-card[data-role-tier=tier-1].focused{box-shadow:0 0 120px #000000a8,0 0 0 1px color-mix(in srgb,var(--gold-highlight) 38%,transparent),0 0 56px color-mix(in srgb,var(--gold) 18%,transparent),inset 0 1px color-mix(in srgb,var(--gold-highlight) 24%,transparent)}.scroll-directory .profile-card[data-role-tier=tier-2].focused{box-shadow:0 0 104px #0000009e,0 0 0 1px color-mix(in srgb,var(--gold) 30%,transparent),0 0 42px color-mix(in srgb,var(--gold) 13%,transparent),inset 0 1px color-mix(in srgb,var(--gold) 18%,transparent)}.scroll-directory .profile-card.focused.selected{animation:profile-card-ambient 10s ease-in-out infinite}.scroll-directory .profile-card.selected{border:1px solid color-mix(in srgb,var(--gold) 54%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 24%,transparent),0 0 30px color-mix(in srgb,var(--gold) 12%,transparent)}.scroll-directory .profile-card:not(.focused):hover{opacity:.74;transform:scale(.965)}.scroll-directory .profile-card.focused:hover,.scroll-directory .profile-card.focused.selected{transform:scale(1.005) translateY(-1px);background:#090909e0;border-color:color-mix(in srgb,var(--gold) 62%,transparent);box-shadow:0 0 110px #000000a3,0 0 0 1px color-mix(in srgb,var(--gold) 32%,transparent),0 0 48px color-mix(in srgb,var(--gold) 10%,transparent),inset 0 1px color-mix(in srgb,var(--gold) 18%,transparent)}.scroll-directory .profile-card.focused:active{transform:scale(.997) translateY(0)}.scroll-directory .profile-card.focused .avatar{border-color:color-mix(in srgb,var(--gold) 58%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 18%,transparent);transform:scale(1.06)}.scroll-directory .profile-card.focused:hover .avatar,.scroll-directory .profile-card.focused.selected .avatar{border-color:color-mix(in srgb,var(--gold) 80%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 28%,transparent),0 0 18px color-mix(in srgb,var(--gold) 22%,transparent)}.scroll-directory .profile-card.focused h3{color:var(--gold-highlight);letter-spacing:.04em}.scroll-directory .profile-card.focused .profile-summary{opacity:.95}.scroll-directory .profile-card.focused .role-chip{border-color:color-mix(in srgb,var(--gold) 52%,transparent);background:color-mix(in srgb,var(--gold) 11%,transparent);color:var(--gold-highlight)}@media(prefers-reduced-motion:no-preference){.scroll-directory{scroll-behavior:smooth}.scroll-directory .profile-card{transition:transform .3s cubic-bezier(.22,.61,.36,1),opacity .3s cubic-bezier(.22,.61,.36,1),background .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s cubic-bezier(.22,.61,.36,1),border-color .3s cubic-bezier(.22,.61,.36,1),backdrop-filter .3s cubic-bezier(.22,.61,.36,1)}.scroll-directory .profile-card .avatar{transition:transform .32s cubic-bezier(.22,.61,.36,1),border-color .32s cubic-bezier(.22,.61,.36,1),box-shadow .32s cubic-bezier(.22,.61,.36,1)}.scroll-directory .profile-card h3{transition:color .32s ease,letter-spacing .32s ease}.scroll-directory .profile-card .role-chip{transition:border-color .28s ease,background .28s ease}}@keyframes profile-card-ambient{0%,to{box-shadow:0 0 90px #00000094,0 0 0 1px color-mix(in srgb,var(--gold) 18%,transparent),inset 0 1px color-mix(in srgb,var(--gold) 13%,transparent)}50%{box-shadow:0 0 110px #000000a3,0 0 0 1px color-mix(in srgb,var(--gold) 26%,transparent),0 0 36px color-mix(in srgb,var(--gold) 12%,transparent),inset 0 1px color-mix(in srgb,var(--gold) 18%,transparent)}}@keyframes profile-card-float{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.002) translateY(-6px)}}@keyframes tierDriftElite{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-.35%,-.3%,0) scale(1.012)}}@keyframes tierDriftHigh{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-.28%,-.24%,0) scale(1.009)}}@keyframes tierDriftMid{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-.5%,-.4%,0) scale(1.02)}}@keyframes tierDriftLow{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-.3%,-.2%,0) scale(1.01)}}@keyframes tierDriftMinimal{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-.15%,-.15%,0) scale(1.005)}}@keyframes tierShimmerElite{0%,to{opacity:calc(var(--tier-overlay-opacity) * .9);transform:translate3d(-1.2%,-.5%,0)}50%{opacity:calc(var(--tier-overlay-opacity) + var(--tier-accent-opacity) * .55);transform:translate3d(1.2%,.5%,0)}}@keyframes tierShimmerHigh{0%,to{opacity:calc(var(--tier-overlay-opacity) * .9);transform:translate3d(-1%,-.4%,0)}50%{opacity:calc(var(--tier-overlay-opacity) + var(--tier-accent-opacity) * .5);transform:translate3d(1%,.4%,0)}}@keyframes tierShimmerMid{0%,to{opacity:calc(var(--tier-overlay-opacity) * .82);transform:translate3d(-2%,-1%,0)}50%{opacity:calc(var(--tier-overlay-opacity) + var(--tier-accent-opacity) * .68);transform:translate3d(2.5%,1.5%,0)}}@keyframes tierShimmerLow{0%,to{opacity:calc(var(--tier-overlay-opacity) * .82);transform:translate3d(-1%,0,0)}50%{opacity:calc(var(--tier-overlay-opacity) + var(--tier-accent-opacity) * .5);transform:translate3d(1.2%,.6%,0)}}@keyframes tierBreatheCalm{0%,to{opacity:var(--tier-bg-opacity);transform:scale(1)}50%{opacity:calc(var(--tier-bg-opacity) + .025);transform:scale(1.003)}}@keyframes tierBreatheCalmSoft{0%,to{opacity:calc(var(--tier-overlay-opacity) + var(--tier-texture-opacity) * .88)}50%{opacity:calc(var(--tier-overlay-opacity) + var(--tier-texture-opacity))}}@keyframes tierPulseCalm{0%,to{opacity:calc(var(--tier-overlay-opacity) + var(--tier-texture-opacity) * .92)}50%{opacity:calc(var(--tier-overlay-opacity) + var(--tier-texture-opacity))}}.highest-role{margin:0 0 .45rem;color:color-mix(in srgb,var(--gold) 85%,#4f3a10);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.avatar{width:52px;height:52px;border-radius:50%;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);-o-object-fit:cover;object-fit:cover}.profile-card h3{margin:.65rem 0 .25rem;color:var(--gold-highlight);font-size:1rem}.profile-card p{color:color-mix(in srgb,var(--text) 85%,#d9d1b7);font-size:var(--size-caption, .82rem);line-height:1.5;margin:.3rem 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile-summary{opacity:.65;font-family:var(--font-body, "Inter", sans-serif)}.profile-summary-group,.profile-summary-tier{display:block}.scroll-directory .profile-card .profile-summary{margin:0;-webkit-line-clamp:3}.scroll-directory .profile-card .directory-presence{margin-top:.78rem;width:clamp(16.5rem,44vw,30rem);max-width:92%;padding:.62rem .82rem;gap:.52rem;align-items:center}.scroll-directory .profile-card .directory-presence .presence-spotify-art{width:36px;height:36px}.scroll-directory .profile-card .directory-presence .presence-spotify-art-bg{width:50px;height:50px;border-radius:6px}.scroll-directory .profile-card .directory-presence .presence-status-row{justify-content:center;width:100%}.scroll-directory .profile-card .directory-presence .presence-spotify-song,.scroll-directory .profile-card .directory-presence .presence-spotify-artist{display:block;width:100%;max-width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scroll-directory .profile-card .directory-presence .presence-spotify-label{display:block;width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scroll-directory .profile-card .directory-presence .presence-custom-status,.scroll-directory .profile-card .directory-presence .presence-activity-name,.scroll-directory .profile-card .directory-presence .presence-activity-details{text-align:center}.scroll-directory .profile-card .directory-presence .presence-custom-status-label,.scroll-directory .profile-card .directory-presence .presence-custom-status-value{display:block}.scroll-directory .profile-card .directory-presence .presence-custom-status-label{margin-bottom:.12rem;font-size:.62rem;font-style:normal;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--muted) 88%,#fff)}.scroll-directory .profile-card .directory-presence .presence-activity-label{margin-bottom:.12rem;font-size:.62rem;font-style:normal;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--muted) 88%,#fff);display:block}.scroll-directory .profile-card .directory-presence .presence-custom-status,.scroll-directory .profile-card .directory-presence .presence-activity-details{white-space:normal;overflow:visible;text-overflow:unset}.scroll-directory .profile-card .directory-presence .presence-activity-app{white-space:normal;overflow:visible;text-overflow:unset;overflow-wrap:anywhere}.scroll-directory .profile-card .directory-presence .presence-spotify{align-items:flex-start;justify-content:center;width:100%;max-width:100%}.scroll-directory .profile-card .directory-presence .presence-spotify-info{align-items:center;width:100%}.scroll-directory .profile-card .directory-presence .presence-activity{align-items:center}.scroll-directory .profile-card .role-chip{white-space:nowrap}.role-list{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.5rem}.role-chip{border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);background:color-mix(in srgb,var(--gold) 8%,transparent);color:var(--gold-highlight);border-radius:999px;padding:.2rem .55rem;font-size:.78rem}.profile-detail{margin-top:var(--space-lg, 1rem);border:1px solid color-mix(in srgb,var(--gold) 25%,transparent);background:#0a0a0a;border-radius:var(--radius-md, 12px);padding:var(--space-lg, 1rem)}.profile-detail h3{margin:0 0 .5rem;color:var(--gold)}.profile-detail p{margin:0;color:color-mix(in srgb,var(--text) 85%,#d9d1b7)}.detail-roles{margin-top:.8rem}.floating-player{position:fixed;left:.75rem;transform:none;bottom:clamp(.7rem,2vh,1.2rem);z-index:14;width:min(360px,calc(100vw - 1.5rem));display:flex;flex-direction:column;gap:.45rem;margin:0;padding:.62rem .72rem;border-radius:16px;border:1px solid color-mix(in srgb,#fff 14%,transparent);background:color-mix(in srgb,rgba(8,8,8,.94) 92%,transparent);box-shadow:0 12px 32px #00000073;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.floating-player.profile-open{left:.75rem;transform:none;width:min(340px,calc(100vw - 1.5rem));bottom:max(.8rem,env(safe-area-inset-bottom))}.floating-player.collapsed{width:auto;min-width:0;gap:0;padding:.48rem .58rem}.player-row{display:flex;align-items:center;gap:.56rem;width:100%;min-width:0}.player-row.is-collapsed{width:auto;gap:.4rem}.player-collapsed-label{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--text) 72%,#d9d9d9)}.player-pulse{width:8px;height:8px;border-radius:999px;background:color-mix(in srgb,#fff 65%,transparent);box-shadow:0 0 #ffffff59;flex-shrink:0}.player-pulse.is-playing{animation:playerPulse 1.6s ease-out infinite}.player-meta{display:flex;flex-direction:column;gap:.18rem;flex:1 1 auto;min-width:0}.player-track{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;font-weight:600;letter-spacing:.01em;color:color-mix(in srgb,var(--text) 86%,#ffffff)}.player-controls{display:flex;align-items:center;gap:.28rem;flex-shrink:0}.player-volume{display:inline-flex;align-items:center;width:70px;margin-left:.12rem}.player-volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;border-radius:999px;background:color-mix(in srgb,#fff 26%,transparent);outline:none;cursor:pointer}.player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:9px;height:9px;border-radius:999px;border:1px solid rgba(0,0,0,.35);background:#fff;box-shadow:0 1px 4px #00000059}.player-volume-slider::-moz-range-track{height:3px;border:0;border-radius:999px;background:color-mix(in srgb,#fff 26%,transparent)}.player-volume-slider::-moz-range-thumb{width:9px;height:9px;border-radius:999px;border:1px solid rgba(0,0,0,.35);background:#fff;box-shadow:0 1px 4px #00000059}.player-time{font-variant-numeric:tabular-nums;font-size:.64rem;color:color-mix(in srgb,var(--text) 55%,#9f9f9f);letter-spacing:.01em;line-height:1}.player-time-sep{opacity:.45}.player-control{background:color-mix(in srgb,#fff 6%,transparent);border:1px solid color-mix(in srgb,#fff 18%,transparent);border-radius:var(--radius-pill, 999px);color:color-mix(in srgb,#fff 88%,#cfcfcf);width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:border-color var(--motion-fast, .18s) var(--motion-ease),background var(--motion-fast, .18s) var(--motion-ease),color var(--motion-fast, .18s) var(--motion-ease),transform var(--motion-fast, .18s) var(--motion-ease)}.player-control:hover{transform:translateY(-1px);border-color:color-mix(in srgb,#fff 36%,transparent);background:color-mix(in srgb,#fff 11%,transparent);color:#fff}.player-collapse-toggle{margin-left:.1rem}.player-progress{width:100%;height:3px;margin-top:.1rem;background:color-mix(in srgb,#fff 18%,transparent);border-radius:999px;cursor:pointer;transition:height var(--motion-fast, .18s) ease,background var(--motion-fast, .18s) ease;position:relative;overflow:visible}.player-progress:hover{height:4px;background:color-mix(in srgb,#fff 24%,transparent)}.player-progress-fill{height:100%;background:linear-gradient(to right,#f8f8f8,#fff);border-radius:999px;pointer-events:none}.player-progress-thumb{position:absolute;top:50%;width:8px;height:8px;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.35);transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 1px 6px #00000073}@keyframes playerPulse{0%{box-shadow:0 0 #ffffff59}70%{box-shadow:0 0 0 8px #fff0}to{box-shadow:0 0 #fff0}}.skeleton-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-lg, 1rem)}.skeleton-featured-tier{padding-bottom:0}.skeleton-card{height:140px;border-radius:var(--radius-md, 12px);background:linear-gradient(100deg,color-mix(in srgb,var(--surface-2) 90%,transparent) 30%,color-mix(in srgb,var(--surface-2) 60%,transparent),color-mix(in srgb,var(--surface-2) 90%,transparent) 60%);background-size:200% 100%;animation:shimmer 1.35s linear infinite}.skeleton-card-featured{width:220px;min-height:280px;height:280px}.empty-state{margin-top:var(--space-lg, 1rem);padding:var(--space-lg, 1rem);border-radius:var(--radius-md, 12px);border:1px dashed color-mix(in srgb,var(--gold) 30%,transparent);color:var(--muted);background:color-mix(in srgb,var(--surface) 85%,#070707)}.profile-card:focus-visible,.page-button:focus-visible,.player-control:focus-visible,.player-progress:focus-visible,.player-volume-slider:focus-visible,.enter-logo-button:focus-visible,.back-button:focus-visible,.member-search:focus-visible,.glass-link-row:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media(min-width:1080px){.content-shell{display:block;max-width:none;width:100%;margin:0;padding-inline:clamp(.75rem,1.8vw,2rem)}}.profile-stage{max-width:1320px;margin:0 auto;max-height:0;opacity:0;overflow:hidden;transition:max-height var(--motion-base, .32s) var(--motion-ease),opacity var(--motion-base, .32s) var(--motion-ease),margin var(--motion-base, .32s) var(--motion-ease),padding var(--motion-base, .32s) var(--motion-ease)}.profile-stage.open{max-height:800px;opacity:1;margin-top:var(--space-xl, 1.5rem);margin-bottom:var(--space-xl, 1.5rem);padding:var(--space-md, .75rem) 0}.app.profile-focus .profile-stage.open{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;width:100vw;max-width:none;height:100vh;margin:0;max-height:none;display:flex;align-items:center;justify-content:center;padding:6.2rem 1rem 2rem}.app.profile-focus>*:not(.header):not(.profile-stage):not(.profile-backdrop):not(.profile-page):not(.app-background):not(.overlay):not(.parallax-layer){opacity:0;pointer-events:none}.profile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;border:0;background:#0000009e;cursor:pointer}.content-shell.hidden-shell{opacity:0;visibility:hidden;pointer-events:none}.content-shell{overflow:hidden}.content-shell.header-collapsed{margin-top:0}.profile-page{position:fixed;top:0;right:0;bottom:0;left:0;width:100dvw;min-width:100dvw;height:100dvh;min-height:100dvh;z-index:8;pointer-events:auto;display:flex;align-items:center;justify-content:center;overflow-y:auto}.profile-page-back{position:absolute;top:1.5rem;left:1.5rem;z-index:10;display:inline-flex;align-items:center;gap:.45rem;border:1px solid transparent;border-radius:var(--radius-pill, 999px);color:var(--gold-highlight);background:transparent;padding:.38rem .62rem;cursor:pointer;transition:border-color var(--motion-fast, .18s) var(--motion-ease),background var(--motion-fast, .18s) var(--motion-ease)}.profile-page-back span:first-child{font-size:1.2rem;line-height:1;display:inline-block;transition:transform var(--motion-fast, .18s) var(--motion-ease)}.profile-page-back span:last-child{font-family:var(--font-body, "Inter", sans-serif);font-size:.75rem;opacity:.6;text-transform:uppercase;letter-spacing:.12em}.profile-page-back:hover{border-color:color-mix(in srgb,var(--gold) 40%,transparent);background:color-mix(in srgb,var(--gold) 8%,transparent)}.profile-page-back:hover span:first-child{transform:translate(-3px)}.profile-page-content{width:100%;height:100%;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:0}.profile-page .glass-profile-shell{width:min(100%,680px)}.profile-page .glass-profile-avatar-wrap{width:96px;height:96px}.profile-page .glass-profile-name{font-size:1.4rem;font-family:var(--font-heading, "Noto Serif JP", serif)}.profile-page .glass-profile-title{font-size:.9rem;font-family:var(--font-body, "Inter", sans-serif);opacity:.65}.profile-page .glass-profile-bio{font-size:.88rem;font-family:var(--font-body, "Inter", sans-serif);-webkit-line-clamp:unset;overflow:visible}.profile-page .role-list{gap:.5rem}.app.profile-focus .header{position:fixed;top:1rem;left:1rem;right:1rem;z-index:13}.app.profile-focus .header,.app.profile-focus .profile-stage,.app.profile-focus .profile-backdrop,.app.profile-focus .profile-page{opacity:1;pointer-events:auto}.app.profile-focus{margin:0;padding:0}.app.profile-focus .glass-profile-shell{width:100%;max-width:none;height:100%;display:flex}.app.profile-focus .glass-profile-card{--card-pad: clamp(2rem, 5vw, 3rem);width:100%;height:100%;min-height:0;justify-content:center;gap:clamp(.6rem,1.5vh,1rem);padding:var(--card-pad);border-radius:0;border-color:color-mix(in srgb,var(--gold) 45%,transparent);background:#0a0a0ae0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-overlay, 0 24px 72px rgba(0, 0, 0, .6));overflow-y:auto}.app.profile-focus .glass-profile-avatar-wrap{width:clamp(112px,15vh,176px);height:clamp(112px,15vh,176px);margin-bottom:clamp(.7rem,1.8vh,1.4rem)}.app.profile-focus .glass-profile-name{font-size:clamp(1.8rem,4.4vw,2.8rem)}.app.profile-focus .glass-profile-title{font-size:.95rem;opacity:.7;letter-spacing:.04em}.app.profile-focus .glass-profile-bio{font-size:clamp(1rem,1.8vh,1.12rem);line-height:1.7;max-width:62ch;text-align:center;color:var(--muted);margin-top:.5rem}.glass-profile-shell{position:relative;width:min(100%,460px);margin:0 auto}.glass-profile-card{--card-pad: 1.8rem;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;padding:var(--card-pad);border-radius:24px;border:1px solid color-mix(in srgb,var(--gold) 26%,transparent);background:#0e0e0ec7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-elevated, 0 14px 32px rgba(0, 0, 0, .38))}.glass-profile-avatar-wrap{width:96px;height:96px;position:relative;overflow:visible;border-radius:999px;padding:4px;border:2px solid color-mix(in srgb,var(--gold) 35%,transparent);margin-bottom:.85rem}.glass-profile-avatar{width:100%;height:100%;border-radius:999px;-o-object-fit:cover;object-fit:cover}.glass-profile-name{margin:0;color:var(--gold-highlight);font-size:1.55rem;font-weight:700;text-align:center}.glass-profile-title{margin:.25rem 0 0;color:color-mix(in srgb,var(--gold) 86%,#fff);font-weight:600;font-size:.95rem}.glass-profile-bio{margin:.9rem 0 0;color:color-mix(in srgb,var(--text) 82%,#ccc);line-height:1.5;text-align:center;font-size:.9rem}.glass-profile-divider{width:60%;height:1px;margin:1.1rem 0;background:linear-gradient(to right,transparent,color-mix(in srgb,var(--gold) 35%,transparent),transparent)}.glass-social-heading{margin:-.2rem 0 .5rem;color:color-mix(in srgb,var(--gold) 88%,#fff);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.glass-link-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;width:auto}.glass-link-row{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border-radius:999px;border:1px solid color-mix(in srgb,var(--gold) 20%,transparent);background:#ffffff08;color:color-mix(in srgb,var(--gold-highlight) 88%,#fff);text-decoration:none;transition:transform var(--motion-fast, .18s) var(--motion-ease),border-color var(--motion-fast, .18s) var(--motion-ease),background var(--motion-fast, .18s) var(--motion-ease),box-shadow var(--motion-fast, .18s) var(--motion-ease)}.glass-link-row:hover{transform:translateY(-2px) scale(1.03);border-color:color-mix(in srgb,var(--gold) 62%,transparent);background:color-mix(in srgb,var(--gold) 7%,rgba(14,14,14,.6));box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 32%,transparent),0 8px 18px #00000059}.glass-link-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:999px;background:color-mix(in srgb,var(--gold) 12%,rgba(14,14,14,.72));transition:background var(--motion-fast, .18s) var(--motion-ease),color var(--motion-fast, .18s) var(--motion-ease)}.glass-link-row:hover .glass-link-icon{background:color-mix(in srgb,var(--gold) 24%,rgba(14,14,14,.7));color:var(--gold-highlight)}.glass-profile-aura{position:absolute;top:12px;right:12px;bottom:12px;left:12px;z-index:1;border-radius:24px;background:radial-gradient(circle at center,color-mix(in srgb,var(--gold) 32%,transparent),transparent 68%);filter:blur(20px);opacity:.28}@media(max-width:720px){.app{padding:var(--space-lg, 1rem)}.header h1{font-size:var(--size-h1, 1.45rem)}.header{padding:var(--space-lg, 1rem)}.header-main{margin-bottom:var(--space-md, .75rem)}.unified-profiles{max-height:calc(100vh - clamp(300px,36vh,400px))}.directory-floating-chrome.with-header{top:clamp(9rem,12.8vh,10.3rem)}.directory-floating-chrome.header-collapsed{top:clamp(5.1rem,7.9vh,6rem)}.scroll-directory{height:calc(100dvh - 110px);padding-top:72px;scroll-padding-block:clamp(126px,17vh,156px) clamp(88px,11vh,120px)}.tier-label-overlay{height:54px;font-size:.58rem;letter-spacing:.2em}.scroll-page-indicator{top:36px;left:50%;transform:translate(-50%);font-size:.56rem;letter-spacing:.12em;opacity:.82}.floating-player,.floating-player.profile-open{left:50%;right:auto;transform:translate(-50%);width:min(360px,calc(100vw - 1rem));bottom:calc(.55rem + env(safe-area-inset-bottom));padding:.52rem .6rem .48rem}.player-row{gap:.45rem}.player-track{font-size:.7rem}.player-time{font-size:.6rem}.player-control{width:22px;height:22px}.player-volume{width:60px}.player-volume-slider{height:4px;touch-action:pan-x}.branch-nav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--space-xs, .25rem)}.branch-nav-chip{white-space:nowrap}.profiles{grid-template-columns:1fr}.featured-tier-grid{grid-template-columns:repeat(2,minmax(0,220px))}.profile-detail{position:static}.glass-profile-divider{display:block;width:72%;margin:1rem auto;opacity:.95}}@media(max-width:480px){.app,.header{padding:var(--space-md, .75rem)}.toolbar{gap:var(--space-sm, .5rem)}.member-search{min-width:0;max-width:none}.floating-player,.floating-player.profile-open{left:50%;right:auto;transform:translate(-50%);width:calc(100vw - .7rem);bottom:calc(.4rem + env(safe-area-inset-bottom));padding:.44rem .52rem .42rem;border-radius:14px}.player-row{gap:.35rem}.player-meta{gap:.12rem}.player-track{font-size:.67rem}.player-time{display:none}.player-controls{gap:.2rem}.player-control{width:21px;height:21px}.player-volume{width:52px;margin-left:0}.player-progress{margin-top:0}.player-progress-thumb{width:7px;height:7px}.unified-profiles{max-height:calc(100vh - clamp(320px,40vh,440px))}.directory-floating-chrome.with-header{top:clamp(8.6rem,12.2vh,9.8rem)}.directory-floating-chrome.header-collapsed{top:clamp(4.9rem,7.5vh,5.8rem)}.scroll-directory{height:calc(100dvh - 96px);padding-top:68px;scroll-padding-block:clamp(118px,16vh,146px) clamp(84px,10vh,112px)}.scroll-page-indicator{top:36px;left:50%;transform:translate(-50%);padding:0}.scroll-directory .profile-card{padding-inline:1rem;min-height:calc(100vh - 200px);height:calc(100vh - 200px)}.featured-tier-grid{grid-template-columns:1fr;justify-items:center}.profile-page-back{top:1rem;left:1rem}.profile-page-content{margin:0;padding:0}.profile-page .glass-profile-avatar-wrap{width:72px;height:72px}.profile-page .glass-profile-name{font-size:1.15rem}.glass-profile-divider{display:block;width:80%;margin:.9rem auto;opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes appFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.glass-profile-banner-wrap{position:relative;width:calc(100% + var(--card-pad) * 2);height:clamp(170px,30vh,240px);margin:calc(var(--card-pad) * -1) calc(var(--card-pad) * -1) 0;border-radius:0;overflow:hidden}.glass-profile-banner{display:block;width:100%;height:100%;border-radius:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top}.glass-profile-avatar-wrap.has-banner{margin-top:-48px;border-color:color-mix(in srgb,var(--gold) 70%,#fff);background:#0a0a0ae0;position:relative;z-index:2}.glass-badge-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin:.45rem auto 0;max-width:min(100%,26rem)}.glass-badge-chip{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:999px;font-size:.68rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:color-mix(in srgb,var(--gold-highlight) 90%,#fff);background:color-mix(in srgb,var(--gold) 12%,rgba(14,14,14,.8));border:1px solid color-mix(in srgb,var(--gold) 28%,transparent)}.glass-booster-chip{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:999px;font-size:.68rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#f9c8f0;background:#b450d22e;border:1px solid rgba(180,80,210,.38);box-shadow:inset 0 1px #ffffff1f}.glass-join-date{margin:.5rem 0 0;font-size:.75rem;color:var(--muted);opacity:.7;letter-spacing:.02em}.avatar-wrapper{position:relative;display:inline-block;flex-shrink:0}.presence-dot{position:absolute;bottom:0;right:0;width:13px;height:13px;border-radius:50%;border:2px solid var(--bg, #050505);box-shadow:0 0 0 1px #00000080,0 0 10px color-mix(in srgb,currentColor 28%,transparent);transform:translate(16%,16%);transition:transform .18s ease,box-shadow .18s ease;pointer-events:none}.presence-section{display:flex;flex-direction:column;gap:.48rem;margin:.58rem 0 0;padding:.6rem .78rem;border-radius:12px;align-items:center;background:linear-gradient(160deg,#ffffff0b,#ffffff05);border:1px solid rgba(255,255,255,.075);box-shadow:inset 0 1px #ffffff0e,0 8px 18px #00000024;width:100%;max-width:min(100%,34rem);align-self:center;margin-left:0;margin-right:0}.presence-status-row{display:flex;align-items:center;justify-content:center;gap:.48rem;width:100%}.presence-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .56rem;border-radius:999px;background:color-mix(in srgb,currentColor 12%,rgba(0,0,0,.2));border:1px solid color-mix(in srgb,currentColor 34%,transparent);font-size:.66rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;line-height:1;margin-left:auto;margin-right:auto}.presence-badge-dot{width:.46rem;height:.46rem;border-radius:999px;box-shadow:0 0 8px color-mix(in srgb,currentColor 50%,transparent)}.presence-spotify{display:flex;align-items:center;gap:.42rem;width:-moz-fit-content;width:fit-content;max-width:100%;min-width:0}.presence-spotify-art{width:42px;height:42px;border-radius:6px;-o-object-fit:cover;object-fit:cover;flex-shrink:0;box-shadow:0 2px 12px #00000038}.presence-spotify-art-bg{width:42px;height:42px;border-radius:6px;background-size:cover;background-position:center;flex-shrink:0;box-shadow:0 2px 12px #00000038;margin:0;padding:0;line-height:0;display:block}.presence-spotify-info{display:flex;flex-direction:column;justify-content:flex-start;gap:.08rem;min-width:0}.presence-spotify-label{margin:0;display:block;font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;line-height:1.12;color:color-mix(in srgb,var(--muted) 86%,var(--text) 14%)}.presence-spotify-song{margin:0;display:block;font-size:.76rem;font-weight:600;color:color-mix(in srgb,var(--text) 92%,var(--muted) 8%);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.presence-spotify-artist{margin:0;display:block;font-size:.7rem;color:color-mix(in srgb,var(--muted) 90%,var(--text) 10%);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.presence-activity{display:flex;flex-direction:column;gap:.1rem;min-width:0}.presence-activity-name{margin:0;text-align:center}.presence-activity-label{margin-bottom:.12rem;font-size:.62rem;font-style:normal;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--muted) 88%,#fff);display:block}.presence-activity-app{display:block;margin-top:.1rem;font-size:.74rem;font-weight:600;color:var(--text);line-height:1.25;white-space:normal;overflow:visible;text-overflow:unset;overflow-wrap:anywhere}.presence-custom-status{margin:0;text-align:center}.presence-custom-status-label{margin-bottom:.12rem;font-size:.62rem;font-style:normal;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--muted) 88%,#fff);display:block}.presence-custom-status-value{display:block;font-size:.78rem;color:color-mix(in srgb,var(--text) 80%,transparent);font-style:italic;white-space:normal;overflow:visible;text-overflow:unset;overflow-wrap:anywhere;line-height:1.25}.presence-activity-details{margin:0;font-size:.72rem;color:color-mix(in srgb,var(--muted) 92%,#fff);text-align:center;white-space:normal;overflow:visible;text-overflow:unset;overflow-wrap:anywhere;line-height:1.25}.presence-spotify-progress{width:100%;height:2px;background:color-mix(in srgb,var(--spotify) 20%,rgba(255,255,255,.08));border-radius:1px;margin-top:.35rem;overflow:hidden}@keyframes spotifyProgress{0%{width:0%}to{width:100%}}.presence-spotify-progress-bar{height:100%;background:var(--spotify);border-radius:1px;animation:spotifyProgress linear forwards;will-change:width}@media(prefers-reduced-motion:reduce){.presence-spotify-progress-bar{animation:none;width:100%}}.presence-activity{display:flex;align-items:center;gap:.55rem;width:100%}.presence-activity-icon{width:38px;height:38px;border-radius:6px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.presence-activity-text{display:flex;flex-direction:column;gap:.15rem;min-width:0;text-align:left}.presence-activity-elapsed{margin:0;font-size:.68rem;color:color-mix(in srgb,var(--muted) 80%,transparent);text-align:center;width:100%}@media(prefers-reduced-motion:no-preference){.profile-card:hover .presence-dot{transform:translate(16%,16%) scale(1.07)}.presence-badge-dot{animation:presencePulse 2.2s ease-in-out infinite}}@keyframes presencePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.72);opacity:.72}}