@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(.app-background-video):not(.enter-gate):not(.customize-backdrop):not(.customize-panel){position:relative;z-index:2}.app.pre-enter>*:not(.enter-gate):not(.app-background):not(.app-background-video){opacity:0;pointer-events:none}.app.entered>*:not(.enter-gate):not(.app-background-video){animation:appFadeIn var(--motion-slow, .7s) var(--motion-ease) forwards}.app-background-video{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;-o-object-fit:cover;object-fit:cover;z-index:0;pointer-events:none}.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}.dir-topbar-shell{position:fixed;left:0;right:0;top:0;padding:14px clamp(12px,1.8vw,32px) 0;z-index:9;pointer-events:none}.dir-topbar-shell>*{pointer-events:auto}.dir-topbar{position:relative;max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:10px 14px;background:linear-gradient(180deg,#080808f0,#080808d6);border:1px solid color-mix(in srgb,#d4af37 22%,transparent);border-radius:var(--r-pill);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-elevated),inset 0 1px color-mix(in srgb,#d4af37 14%,transparent),0 0 0 1px color-mix(in srgb,#d4af37 8%,transparent)}.dir-topbar-brand{display:flex;align-items:center;gap:12px;padding-left:6px}.dir-topbar-mon{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#0c0c0cfa,#080808e6);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 0 0 1px color-mix(in srgb,#d4af37 50%,transparent),0 4px 14px #d4af372e}.dir-topbar-mon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.12)}.dir-topbar-titlewrap{display:flex;flex-direction:column;line-height:1.05;min-width:0}.dir-topbar-title{font-family:"Noto Serif JP",serif;font-size:.98rem;font-weight:700;color:var(--gold-hi);letter-spacing:.14em;text-transform:uppercase}.dir-topbar-subtitle{font-size:.62rem;color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin-top:3px}.dir-topbar-center{display:flex;justify-content:center}.dir-topbar-search-wrap{position:relative;display:flex;align-items:center;width:clamp(240px,32vw,380px)}.dir-topbar-search{width:100%;background:#0000008c;border:1px solid color-mix(in srgb,#d4af37 24%,transparent);border-radius:var(--r-pill);padding:8px 14px 8px 34px;color:#f3ead0;font-size:.8rem;transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease)}.dir-topbar-search::-moz-placeholder{color:color-mix(in srgb,#8a7338 75%,#b6ab8b)}.dir-topbar-search::placeholder{color:color-mix(in srgb,#8a7338 75%,#b6ab8b)}.dir-topbar-search:focus{outline:none;border-color:color-mix(in srgb,#d4af37 60%,transparent);background:#000000b3;box-shadow:0 0 0 2px color-mix(in srgb,#d4af37 28%,transparent)}.dir-topbar-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--gold-sub)}.dir-topbar-search-kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:.58rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:2px 6px;letter-spacing:.04em}.dir-topbar-right{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-right:4px}.dir-topbar-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--r-pill);background:color-mix(in srgb,#d4af37 8%,transparent);border:1px solid color-mix(in srgb,#d4af37 28%,transparent);color:var(--gold-hi);font-size:.7rem;font-weight:600;letter-spacing:.08em}.dir-topbar-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--presence-online);box-shadow:0 0 6px var(--presence-online)}.dir-topbar-paging{display:inline-flex;align-items:center;background:#0006;border:1px solid color-mix(in srgb,#d4af37 22%,transparent);border-radius:var(--r-pill);padding:3px;gap:2px}.dir-topbar-paging .nav{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:none;background:transparent;color:var(--gold-hi);cursor:pointer;transition:background .2s var(--ease)}.dir-topbar-paging .nav:hover:not(:disabled){background:color-mix(in srgb,#d4af37 14%,transparent)}.dir-topbar-paging .nav:disabled{opacity:.32;cursor:not-allowed}.dir-topbar-paging .ind{font-size:.7rem;color:var(--muted);padding:0 8px}.dir-topbar-nav{grid-column:1 / -1;justify-self:center;display:inline-flex;align-items:center;background:#0000006b;border:1px solid color-mix(in srgb,#d4af37 18%,transparent);border-radius:var(--r-pill);padding:3px;gap:2px;box-shadow:inset 0 1px #ffffff08}.dir-topbar-nav-tab{display:inline-flex;align-items:center;padding:6px 12px;border-radius:var(--r-pill);border:none;background:transparent;color:var(--muted);font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:color .2s var(--ease),background .2s var(--ease)}.dir-topbar-nav-tab:hover:not(.active){color:color-mix(in srgb,#ece3c9 80%,transparent)}.dir-topbar-nav-tab.active{color:#050505;background:linear-gradient(180deg,var(--gold-hi),var(--gold));box-shadow:0 2px 6px #0006,inset 0 1px #fff6}.dir-topbar-collapse{position:absolute;left:50%;transform:translate(-50%);bottom:-16px;width:56px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#080808f0,#080808d6);border:1px solid color-mix(in srgb,#d4af37 22%,transparent);border-top:none;border-radius:0 0 16px 16px;color:var(--gold-hi);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 6px 14px #00000059,inset 0 -1px color-mix(in srgb,#d4af37 14%,transparent);cursor:pointer;transition:color .2s var(--ease),background .2s var(--ease)}.dir-topbar-collapse:hover{color:var(--gold);background:linear-gradient(180deg,#0c0c0cf5,#0a0a0aeb)}.dir-topbar-shell.collapsed{padding-top:10px}.dir-topbar-collapsed-pill{position:relative;max-width:1320px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 14px;background:linear-gradient(180deg,#080808eb,#080808d1);border:1px solid color-mix(in srgb,#d4af37 18%,transparent);border-radius:var(--r-pill);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-subtle),inset 0 1px color-mix(in srgb,#d4af37 12%,transparent)}.dir-topbar-collapsed-pill .dir-topbar-mon{width:26px;height:26px}.dir-topbar-collapsed-pill .ttl{font-family:"Noto Serif JP",serif;font-size:.8rem;font-weight:700;color:var(--gold-hi);letter-spacing:.14em;text-transform:uppercase}.dir-topbar-collapsed-pill .sep{width:1px;height:16px;background:color-mix(in srgb,#d4af37 20%,transparent)}@media(max-width:900px){.dir-topbar{grid-template-columns:1fr auto;border-radius:var(--r-md);padding:10px 12px;gap:10px}.dir-topbar-center{grid-column:1 / -1;order:3}.dir-topbar-search-wrap{width:100%}.dir-topbar-search-kbd{display:none}.dir-topbar-title{font-size:.85rem;letter-spacing:.12em}.dir-topbar-subtitle{font-size:.56rem}.dir-topbar-mon{width:30px;height:30px}.dir-topbar-pill{display:none}.dir-topbar-nav-tab{padding:5px 9px;font-size:.6rem;letter-spacing:.1em}.dir-bottombar-shell{padding:0 12px 10px}.dir-bottombar{width:calc(100% - 24px);border-radius:var(--r-md)}}.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:.62rem;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:20px;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}.pagination-transition-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:16;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;pointer-events:auto;background:#03030357;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.pagination-transition-indicator{display:inline-flex;align-items:center;gap:.4rem}.pagination-transition-indicator span{width:.4rem;height:.4rem;border-radius:999px;background:color-mix(in srgb,var(--gold-highlight) 88%,white);box-shadow:0 0 12px color-mix(in srgb,var(--gold) 25%,transparent);animation:paginationDotPulse .7s ease-in-out infinite}.pagination-transition-indicator span:nth-child(2){animation-delay:.12s}.pagination-transition-indicator span:nth-child(3){animation-delay:.24s}.pagination-transition-label{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--gold-highlight) 74%,#fff)}.unified-profiles{max-height:calc(100vh - clamp(260px,30vh,320px));overflow:hidden;align-content:start}.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{border-color:color-mix(in srgb,var(--gold) 52%,transparent);background:color-mix(in srgb,var(--gold) 11%,transparent);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:3px 10px;font-size:.76rem}.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}.dir-bottombar-shell{position:fixed;left:0;right:0;bottom:0;padding:0 clamp(12px,1.8vw,32px) 14px;z-index:14;display:flex;justify-content:center}.dir-bottombar{display:flex;flex-direction:column;align-items:stretch;gap:.45rem;width:min(720px,calc(100% - 32px));margin:0;padding:8px 14px;border-radius:var(--r-pill);border:1px solid color-mix(in srgb,#d4af37 20%,transparent);background:#060606eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-overlay),0 0 0 1px color-mix(in srgb,#d4af37 10%,transparent);font-size:.72rem}.dir-bottombar.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:var(--gold);box-shadow:0 0 color-mix(in srgb,var(--gold) 35%,transparent);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:var(--gold-highlight)}.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,var(--gold) 7%,rgba(0,0,0,.6));border:1px solid color-mix(in srgb,var(--gold) 28%,transparent);border-radius:var(--radius-pill, 999px);color:color-mix(in srgb,var(--gold-highlight) 92%,#fff);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,var(--gold) 56%,transparent);background:color-mix(in srgb,var(--gold) 12%,rgba(0,0,0,.6));color:var(--gold-highlight)}.player-collapse-toggle{margin-left:.1rem}.player-progress{width:100%;height:3px;margin-top:.1rem;background:#ffffff26;border-radius:999px;cursor:pointer;transition:height var(--motion-fast, .18s) ease,background var(--motion-fast, .18s) ease;position:relative;overflow:visible}.dir-bottombar-shell.profile-open .player-progress{flex:1 1 auto;width:auto;margin-top:0}.player-progress:hover{height:4px;background:color-mix(in srgb,#fff 24%,transparent)}.player-progress-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-highlight));border-radius:999px;pointer-events:none}.player-progress-thumb{position:absolute;top:50%;width:8px;height:8px;border-radius:999px;background:var(--gold-highlight);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 color-mix(in srgb,var(--gold) 35%,transparent)}70%{box-shadow:0 0 0 8px color-mix(in srgb,var(--gold) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--gold) 0%,transparent)}}.scroll-focus-indicator{position:fixed;right:clamp(10px,1.4vw,20px);top:50%;transform:translateY(-50%);z-index:14;display:inline-flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.scroll-focus-rail{position:absolute;top:0;bottom:0;width:2px;background:color-mix(in srgb,var(--gold) 18%,transparent);border-radius:999px}.scroll-focus-rail-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:top;background:linear-gradient(180deg,var(--gold-hi),var(--gold));border-radius:999px;box-shadow:0 0 10px color-mix(in srgb,var(--gold) 50%,transparent)}.scroll-focus-indicator span{position:relative;z-index:1;width:4px;height:4px;border-radius:50%;background:color-mix(in srgb,var(--gold) 30%,transparent)}.scroll-focus-indicator span.active{height:16px;border-radius:2px;background:var(--gold)}.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,.player-control:focus-visible,.player-progress:focus-visible,.player-volume-slider:focus-visible,.enter-logo-button: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(.customize-backdrop):not(.customize-panel):not(.app-background):not(.app-background-video):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;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:0;background-position:center;background-size:cover;background-repeat:no-repeat}.profile-page-content>*{position:relative;z-index:1}.profile-page-content-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;z-index:0}.profile-page .glass-profile-shell{width:min(100%,680px);max-width:680px;height:auto;display:block}.profile-page .glass-profile-card{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#00000075;border-radius:16px;box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 12%,transparent),0 24px 72px #000000b8,inset 0 1px color-mix(in srgb,var(--gold) 14%,transparent);width:100%;height:auto;min-height:0;justify-content:flex-start;padding:16px 28px 28px;max-height:90vh;overflow-y:auto}.profile-page .glass-profile-banner-wrap{height:120px}.profile-page .glass-profile-avatar-wrap{width:88px;height:88px;padding:0;border:3px solid rgba(0,0,0,.7);box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 45%,transparent),0 0 24px #00000080}.profile-page .glass-profile-avatar-wrap.has-banner{margin-top:-44px}.profile-page .glass-profile-name{font-size:1.4rem;font-family:var(--font-heading, "Noto Serif JP", serif);min-height:1.6em}.profile-page .glass-profile-title{font-size:.82rem;font-family:var(--font-body, "Inter", sans-serif);color:var(--muted);opacity:1;min-height:1.4em}.profile-page .glass-profile-bio{font-size:.85rem;font-family:var(--font-body, "Inter", sans-serif);line-height:1.65;color:#ece3c9c7;-webkit-line-clamp:unset;overflow:visible;min-height:3.2em}.type-reveal{display:inline-block;opacity:0;transform:translateY(6px);animation:profileTypeReveal .38s cubic-bezier(.22,1,.36,1) forwards}.type-reveal-title{animation-delay:.44s}.type-reveal-bio{animation-delay:.98s}@keyframes profileTypeReveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.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-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));gap:10px}.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-avatar-decoration{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;width:124%;height:124%;-o-object-fit:contain;object-fit:contain;pointer-events:none}.glass-profile-name{margin:0;color:var(--gold-highlight);font-size:1.55rem;font-weight:700;text-align:center}.glass-profile-title{margin:-4px 0 0;color:color-mix(in srgb,var(--gold) 86%,#fff);font-weight:600;font-size:.95rem}.glass-profile-bio{margin:0;color:color-mix(in srgb,var(--text) 82%,#ccc);line-height:1.5;text-align:center;font-size:.9rem}.glass-profile-divider{width:100%;height:1px;margin:2px 0;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--gold) 20%,transparent) 30%,color-mix(in srgb,var(--gold) 32%,transparent) 50%,color-mix(in srgb,var(--gold) 20%,transparent) 70%,transparent 100%)}.glass-social-heading{margin:0 0 2px;color:var(--gold-sub);font-size:.62rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;align-self:flex-start}.glass-link-list{display:flex;flex-direction:column;gap:6px;width:100%}.glass-link-row{display:flex;align-items:center;width:100%;height:auto;padding:10px 14px;gap:12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--gold) 16%,transparent);background:#0000004d;color:var(--text);text-decoration:none;cursor:pointer;transition:all .2s var(--ease)}.profile-page .glass-link-row{width:100%;margin-inline:auto}.glass-link-row:hover{border-color:color-mix(in srgb,var(--gold) 40%,transparent);background:color-mix(in srgb,var(--gold) 5%,rgba(0,0,0,.3))}.glass-link-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text);font-size:.9rem}.glass-link-label{font-size:.84rem;font-weight:500;color:var(--text);flex:1;min-width:0}.glass-link-arrow{color:var(--gold-sub);font-size:.8rem;flex-shrink:0}.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)}.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}.dir-bottombar-shell{padding:0 8px calc(.55rem + env(safe-area-inset-bottom))}.dir-bottombar{width:min(640px,calc(100% - 16px));padding:8px 12px;border-radius:12px}.player-row{gap:.45rem}.player-track{font-size:.68rem}.player-time{font-size:.6rem}.player-control{width:22px;height:22px}.scroll-focus-indicator{display:none}.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:768px){.profile-page .glass-profile-card{border-radius:0;padding-bottom:80px}.profile-page .glass-profile-banner-wrap{height:90px}.profile-page .glass-profile-avatar-wrap.has-banner{margin-top:-40px}}@media(max-width:480px){.app{padding:var(--space-md, .75rem)}.dir-bottombar-shell{padding:0 .35rem calc(.4rem + env(safe-area-inset-bottom))}.dir-bottombar{width:calc(100vw - .7rem);padding:.44rem .52rem .42rem;border-radius:12px}.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:1.5rem;min-height:calc(100vh - 200px);height:calc(100vh - 200px)}.scroll-directory .profile-card .avatar{width:80px;height:80px}.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}.pagination-transition-indicator span{animation:none;opacity:.9;transform:none}}@keyframes appFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes paginationDotPulse{0%,to{opacity:.45;transform:scale(.84)}50%{opacity:1;transform:scale(1)}}@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;background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 18%,#0a0a0a),color-mix(in srgb,var(--gold-sub) 12%,#080808))}.glass-profile-banner-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.62) 100%);pointer-events:none;z-index:1}.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;background:#0a0a0ae0;position:relative;z-index:2}.glass-badge-row{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 auto;max-width:min(100%,26rem)}.glass-badge-chip{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:999px;font-size:.72rem;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) 8%,transparent);border:1px solid color-mix(in srgb,var(--gold) 35%,transparent)}.glass-booster-chip{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#ff73fa;background:color-mix(in srgb,#ff73fa 10%,transparent);border:1px solid color-mix(in srgb,#ff73fa 35%,transparent)}.glass-join-date{margin:0;font-size:.74rem;color:var(--muted);letter-spacing:.02em}.avatar-wrapper{position:relative;display:inline-block;flex-shrink:0}.avatar-decoration{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;width:124%;height:124%;-o-object-fit:contain;object-fit:contain;pointer-events:none;z-index:2}.presence-dot{position:absolute;bottom:0;right:0;width:14px;height:14px;border-radius:50%;border:2.5px 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}}.customize-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60}.customize-panel{position:fixed;top:0;right:0;bottom:0;width:min(480px,100vw);z-index:61;display:flex;flex-direction:column;background:#0000009e;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-left:1px solid color-mix(in srgb,var(--gold) 22%,transparent);box-shadow:-10px 0 40px #0000008c;overflow-y:auto;color:var(--text);font-family:var(--font-body, "Inter", sans-serif)}@media(max-width:767px){.customize-panel{top:auto;right:0;left:0;width:100vw;height:85vh;border-left:none;border-top:1px solid color-mix(in srgb,var(--gold) 22%,transparent);border-radius:16px 16px 0 0}}.customize-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.3rem;border-bottom:1px solid color-mix(in srgb,var(--gold) 12%,transparent)}.customize-header h2{margin:0;font-family:var(--font-heading, serif);font-size:1.05rem;letter-spacing:.06em;color:var(--gold-highlight)}.customize-form{display:flex;flex-direction:column;gap:1.25rem;padding:1.3rem}.customize-section{display:flex;flex-direction:column;gap:.65rem}.customize-section h3{margin:0 0 .25rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:color-mix(in srgb,var(--gold) 70%,var(--text))}.customize-field{display:flex;flex-direction:column;gap:.3rem;font-size:.78rem}.customize-field>span{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;opacity:.72}.customize-field input,.customize-field textarea,.customize-field select{font:inherit;color:var(--text);background:#00000059;border:1px solid color-mix(in srgb,var(--gold) 14%,transparent);border-radius:8px;padding:.55rem .7rem;outline:none;transition:border-color var(--motion-fast, .18s) var(--motion-ease)}.customize-field input:focus,.customize-field textarea:focus,.customize-field select:focus{border-color:color-mix(in srgb,var(--gold) 55%,transparent)}.customize-inline{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}.customize-inline>input[type=url],.customize-inline>input[type=text]{flex:1 1 140px;min-width:0}.customize-inline-check{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;opacity:.8}.customize-link-row{display:grid;grid-template-columns:1fr 2fr auto;gap:.4rem;align-items:center}.customize-link-row input{font:inherit;color:var(--text);background:#00000059;border:1px solid color-mix(in srgb,var(--gold) 14%,transparent);border-radius:8px;padding:.5rem .65rem;min-width:0}.customize-ghost{font:inherit;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-highlight);background:transparent;border:1px solid color-mix(in srgb,var(--gold) 22%,transparent);border-radius:var(--radius-pill, 999px);padding:.45rem .85rem;cursor:pointer;transition:border-color var(--motion-fast, .18s) var(--motion-ease),background var(--motion-fast, .18s) var(--motion-ease)}.customize-ghost:hover{border-color:color-mix(in srgb,var(--gold) 45%,transparent);background:color-mix(in srgb,var(--gold) 8%,transparent)}.customize-save{font:inherit;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#0b0b0b;background:var(--gold);border:1px solid var(--gold);border-radius:var(--radius-pill, 999px);padding:.5rem 1.1rem;cursor:pointer;transition:filter var(--motion-fast, .18s) var(--motion-ease)}.customize-save:hover:not(:disabled){filter:brightness(1.08)}.customize-save:disabled{opacity:.5;cursor:not-allowed}.customize-footer{display:flex;justify-content:space-between;align-items:center;gap:.65rem;padding-top:.65rem;border-top:1px solid color-mix(in srgb,var(--gold) 12%,transparent)}.customize-footer-right{display:flex;gap:.55rem}.customize-error{margin:0;font-size:.78rem;color:var(--danger)}.customize-confirm{background:color-mix(in srgb,var(--danger) 12%,transparent);border-top:1px solid color-mix(in srgb,var(--danger) 35%,transparent);border-bottom:1px solid color-mix(in srgb,var(--danger) 35%,transparent);padding:.9rem 1.3rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.82rem}.customize-confirm p{margin:0}:root{--gold-sub: var(--gold-subtle);--gold-hi: var(--gold-highlight);--ease: var(--motion-ease);--r-sm: var(--radius-sm);--r-md: var(--radius-md);--r-pill: var(--radius-pill);--presence-online: #23a55a;--presence-idle: #f0b232;--presence-dnd: #f23f43;--presence-offline: #80848e}.session-pill-shell{position:fixed;top:14px;right:clamp(12px,1.8vw,32px);z-index:12;display:inline-flex;flex-direction:column;align-items:flex-end;gap:6px}.session-pill{display:inline-flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;background:linear-gradient(180deg,#0c0c0cf0,#080808e0);border:1px solid color-mix(in srgb,var(--gold) 24%,transparent);border-radius:var(--r-pill);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 8px 20px #00000073,inset 0 1px color-mix(in srgb,var(--gold) 12%,transparent);cursor:pointer;color:var(--gold-hi);transition:border-color .2s var(--ease),transform .2s var(--ease)}.session-pill:hover{border-color:color-mix(in srgb,var(--gold) 42%,transparent);transform:translateY(-1px)}.session-pill-avatar{position:relative;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#5865f2,#404eed);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-heading);font-size:.78rem;font-weight:700;flex-shrink:0;box-shadow:0 0 0 1px #0000004d;overflow:visible}.session-pill-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}.session-pill-avatar .presence-dot-mini{position:absolute;bottom:0;right:0;width:9px;height:9px;border-radius:50%;background:var(--presence-online);box-shadow:0 0 0 2px #0a0a0a,0 0 6px var(--presence-online)}.session-pill-text{display:flex;flex-direction:column;line-height:1.1;min-width:0}.session-pill-label{font-size:.54rem;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-weight:500}.session-pill-user{font-size:.76rem;color:var(--gold-hi);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;max-width:130px;overflow:hidden;text-overflow:ellipsis}.session-pill-chev{color:var(--gold-sub);margin-left:2px;display:inline-flex}.session-pill.logged-out{padding:7px 14px;background:linear-gradient(180deg,#5865f2,#4752c4);border-color:#ffffff2e;color:#fff}.session-pill.logged-out .session-pill-user{color:#fff;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;max-width:none}.session-pill.logged-out .session-pill-discord-glyph{color:#fff;display:inline-flex}.session-pill-menu{min-width:12.4rem;border:1px solid color-mix(in srgb,var(--gold) 24%,transparent);border-radius:var(--r-md);background:color-mix(in srgb,rgba(7,7,7,.95) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-elevated, 0 14px 32px rgba(0, 0, 0, .38));padding:.34rem;transform-origin:top right}.session-pill-menu-button{width:100%;border:0;background:transparent;color:var(--gold-hi);border-radius:8px;text-align:left;padding:.52rem .62rem;font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;transition:background var(--motion-fast, .18s) var(--motion-ease)}.session-pill-menu-button:hover{background:color-mix(in srgb,var(--gold) 10%,transparent)}@media(max-width:640px){.session-pill-text{display:none}.session-pill{padding:4px}.session-pill-avatar{width:30px;height:30px}}.about-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;background:var(--bg);color:var(--text)}.about-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:none;-ms-overflow-style:none;padding:110px clamp(20px,4vw,40px) 60px}.about-scroll::-webkit-scrollbar{width:0;height:0;display:none}.about-doc{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(34px,4.4vw,52px)}.about-directory-back{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid color-mix(in srgb,#d4af37 24%,transparent);border-radius:var(--r-pill);background:#0000006b;color:var(--gold-hi);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease)}.about-directory-back:hover{transform:translateY(-1px);background:color-mix(in srgb,#d4af37 10%,transparent);border-color:color-mix(in srgb,#d4af37 42%,transparent)}.about-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 24px 42px;border-bottom:1px solid color-mix(in srgb,var(--gold) 18%,transparent);position:relative}.about-hero:after{content:"";position:absolute;left:50%;bottom:-1px;transform:translate(-50%);width:80px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.about-mon-large{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#0c0c0cfa,#080808e6);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 60%,transparent),0 8px 22px #d4af3738;margin-bottom:16px}.about-mon-large img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.12)}.about-eyebrow{font-size:.64rem;color:var(--gold-sub);letter-spacing:.32em;text-transform:uppercase;margin-bottom:10px;font-weight:600}.about-title{font-family:var(--font-heading);font-size:clamp(1.6rem,3.2vw,2.4rem);color:var(--gold-hi);letter-spacing:.04em;line-height:1.15;font-weight:700;margin-bottom:14px}.about-credo{font-family:var(--font-heading);font-size:1rem;color:var(--text);letter-spacing:.14em;margin-top:6px}.about-credo span{color:var(--gold-sub);padding:0 8px}.about-section{display:flex;flex-direction:column;gap:12px;padding-block:2px}.about-section+.about-section{margin-top:4px}.about-section-eyebrow{display:flex;align-items:center;gap:12px;font-size:.62rem;color:var(--gold);letter-spacing:.32em;text-transform:uppercase;font-weight:600}.about-section-eyebrow:before{content:"";width:24px;height:1px;background:var(--gold)}.about-section-title{font-family:var(--font-heading);font-size:1.5rem;color:var(--gold-hi);letter-spacing:.03em;line-height:1.25;font-weight:700;margin-top:2px}.about-section-body{font-size:.92rem;line-height:1.75;color:var(--text);text-wrap:pretty;max-width:68ch}.about-section-body p+p{margin-top:13px}.about-pull{margin:12px 0 2px;padding:14px 22px;border-left:2px solid var(--gold);font-family:var(--font-heading);font-style:italic;color:var(--gold-hi);font-size:1.02rem;line-height:1.5;background:color-mix(in srgb,var(--gold) 5%,transparent)}.about-vision-mission{padding:20px;border:1px solid color-mix(in srgb,var(--gold) 16%,transparent);border-radius:var(--r-md);background:linear-gradient(180deg,#0c0c0cb3,#08080880);gap:14px}.about-traits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;align-items:stretch;margin-top:4px}.about-trait-chip{position:relative;isolation:isolate;display:inline-flex;justify-content:center;align-items:center;text-align:center;min-height:36px;padding:8px 12px;border-radius:var(--r-pill);border:1px solid color-mix(in srgb,var(--gold) 24%,transparent);background:radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--gold-hi) 16%,transparent),transparent 48%),color-mix(in srgb,var(--gold) 8%,transparent);color:var(--gold-hi);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;box-shadow:inset 0 1px color-mix(in srgb,var(--gold-hi) 14%,transparent);transition:transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease)}.about-trait-chip:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--gold) 44%,transparent);background:radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--gold-hi) 24%,transparent),transparent 48%),color-mix(in srgb,var(--gold) 12%,transparent)}.about-core-values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:2px}.about-core-value{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-height:56px;padding:12px;border:1px solid color-mix(in srgb,var(--gold) 24%,transparent);border-radius:10px;background:linear-gradient(160deg,color-mix(in srgb,var(--gold) 10%,rgba(8,8,8,.8)),#08080894);box-shadow:inset 0 1px color-mix(in srgb,var(--gold-hi) 12%,transparent);transition:transform .18s var(--ease),border-color .18s var(--ease)}.about-core-value:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--gold) 48%,transparent)}.about-core-value .key{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--gold) 20%,transparent);color:var(--gold-hi);font-weight:700;font-size:.78rem}.about-core-value .word{color:var(--text);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600}.about-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:22px;background:linear-gradient(180deg,#0c0c0cb3,#08080880);border:1px solid color-mix(in srgb,var(--gold) 18%,transparent);border-radius:var(--r-md);box-shadow:inset 0 1px color-mix(in srgb,var(--gold) 8%,transparent);justify-items:center;align-items:stretch;margin-top:4px;margin-bottom:2px}.about-stat{position:relative;overflow:hidden;text-align:center;width:min(100%,220px);padding:12px 14px;border-radius:var(--r-sm);border:1px solid color-mix(in srgb,var(--gold) 18%,transparent);background:radial-gradient(circle at 50% -20%,color-mix(in srgb,var(--gold-hi) 16%,transparent),transparent 58%),color-mix(in srgb,var(--gold) 5%,transparent);display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}.about-stat:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--gold) 42%,transparent);box-shadow:0 10px 24px #00000047}.about-stat-num{font-family:var(--font-heading);font-size:1.7rem;color:var(--gold-hi);letter-spacing:.02em;font-weight:700;line-height:1.1}.about-stat-label{font-size:.58rem;color:var(--muted);letter-spacing:.22em;text-transform:uppercase;margin-top:6px;font-weight:600}.about-founders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:4px}.about-founder{display:flex;align-items:flex-start;gap:14px;min-height:132px;padding:16px;background:radial-gradient(circle at 14% 0%,color-mix(in srgb,var(--gold) 12%,transparent),transparent 46%),#0b0b0b94;border:1px solid color-mix(in srgb,var(--gold) 16%,transparent);border-radius:10px;box-shadow:inset 0 1px color-mix(in srgb,var(--gold-hi) 10%,transparent);transition:border-color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease)}.about-founder:hover{border-color:color-mix(in srgb,var(--gold) 38%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--gold-hi) 16%,transparent),0 10px 24px #00000057;transform:translateY(-2px)}.about-founder-avatar{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--gold-hi) 60%,var(--gold)) 0%,var(--gold-sub) 70%,#3a2f10 100%);display:flex;align-items:center;justify-content:center;color:var(--bg);font-family:var(--font-heading);font-size:1rem;font-weight:700;flex-shrink:0;box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 50%,transparent);overflow:hidden}.about-founder-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.about-founder-info{display:flex;flex-direction:column;gap:3px;min-width:0}.about-founder-name{font-family:var(--font-heading);font-size:.96rem;color:var(--gold-hi);font-weight:700;letter-spacing:.02em}.about-founder-role{font-size:.62rem;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-weight:500}.about-founder-bio{font-size:.76rem;color:color-mix(in srgb,var(--text) 78%,transparent);line-height:1.5;margin-top:5px}.about-code-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;counter-reset:code-counter;margin-top:4px}.about-code-item{position:relative;overflow:hidden;display:flex;align-items:flex-start;gap:14px;min-height:118px;padding:14px;background:linear-gradient(150deg,color-mix(in srgb,var(--gold) 8%,rgba(8,8,8,.58)),#08080866);border:1px solid color-mix(in srgb,var(--gold) 20%,transparent);border-radius:10px;box-shadow:inset 0 1px color-mix(in srgb,var(--gold-hi) 10%,transparent);counter-increment:code-counter;transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}.about-code-item:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--gold) 40%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--gold-hi) 14%,transparent),0 10px 22px #00000042}.about-code-num{font-family:var(--font-heading);font-size:1.1rem;color:var(--gold);letter-spacing:.04em;font-weight:700;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:24px}.about-code-num:before{content:counter(code-counter,decimal-leading-zero) " · "}.about-code-text{font-size:.88rem;line-height:1.65;color:var(--text)}.about-code-text strong{color:var(--gold-hi);font-weight:600;font-family:var(--font-heading)}.about-cta{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;padding:36px 28px;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,#5865f2 14%,transparent) 0%,transparent 70%),linear-gradient(180deg,#0c0c0cb3,#08080899);border:1px solid color-mix(in srgb,#5865f2 24%,transparent);border-radius:var(--r-md);margin-top:12px}.about-discord-embed{position:relative;overflow:hidden;width:min(560px,100%);display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:14px;border:1px solid rgba(88,101,242,.34);background:radial-gradient(circle at 85% -10%,rgba(88,101,242,.16),transparent 46%),linear-gradient(180deg,#10121ed1,#0b0c16c7);box-shadow:inset 0 1px #ffffff14,0 10px 26px #0a0c1c73}.about-discord-invite-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,rgba(88,101,242,.3) 0%,rgba(88,101,242,.12) 24%,transparent 48%),radial-gradient(circle at 78% 20%,rgba(255,255,255,.12),transparent 34%),radial-gradient(circle at 22% 78%,rgba(212,175,55,.12),transparent 36%);background-size:cover;background-position:center;filter:saturate(1.02) brightness(.86);opacity:.72}.about-discord-invite-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#06070c33,#06070c7a),linear-gradient(100deg,#06070c85,#06070c29 54%,#06070c6b)}.about-discord-embed-head{position:relative;display:flex;align-items:center;gap:10px}.about-discord-mark{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff;background:linear-gradient(180deg,#5865f2,#4752c4);box-shadow:0 6px 18px #5865f259}.about-discord-icon{width:34px;height:34px;border-radius:10px;-o-object-fit:cover;object-fit:cover;border:1px solid rgba(255,255,255,.22);box-shadow:0 6px 18px #00000059}.about-discord-guild{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.about-discord-guild-name{margin:0;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45);font-size:.84rem;font-weight:700;letter-spacing:.04em}.about-discord-guild-tagline{margin:2px 0 0;color:color-mix(in srgb,#d9deff 82%,#9ea8e6);text-shadow:0 1px 2px rgba(0,0,0,.42);font-size:.72rem;letter-spacing:.04em}.about-discord-stats{position:relative;display:flex;gap:10px;flex-wrap:wrap}.about-discord-stat{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#06080f7a;color:#e5e8ff;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.about-discord-stat .dot{width:7px;height:7px;border-radius:50%}.about-discord-stat.online .dot{background:#3ba55d;box-shadow:0 0 7px #3ba55d}.about-discord-stat.members .dot{background:#b9c0ff;box-shadow:0 0 7px #b9c0ffbf}.about-cta-title{font-family:var(--font-heading);font-size:1.3rem;color:var(--gold-hi);letter-spacing:.04em;font-weight:700}.about-cta-sub{font-size:.82rem;color:var(--muted);max-width:480px;line-height:1.6}.about-server-tag-chip{display:inline-flex;align-items:center;justify-content:center;padding:5px 12px;border-radius:var(--r-pill);border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);background:color-mix(in srgb,var(--gold) 12%,rgba(0,0,0,.55));color:var(--gold-hi);font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;box-shadow:inset 0 1px color-mix(in srgb,var(--gold-hi) 20%,transparent)}.about-cta-btn{display:inline-flex;align-items:center;gap:10px;padding:11px 22px;background:linear-gradient(180deg,var(--gold-hi),var(--gold));color:#111;font-family:var(--font-body);font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;border-radius:var(--r-pill);border:1px solid color-mix(in srgb,var(--gold) 68%,transparent);box-shadow:0 8px 20px #d4af3752,inset 0 1px #ffffff59;cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.about-cta-btn:hover{transform:translateY(-1px);background:linear-gradient(180deg,color-mix(in srgb,var(--gold-hi) 92%,#fff),color-mix(in srgb,var(--gold) 92%,#3b2f12));box-shadow:0 12px 26px #d4af376b,inset 0 1px #ffffff6b}.about-footer{text-align:center;font-size:.62rem;color:var(--muted);letter-spacing:.24em;text-transform:uppercase;margin-top:2px;padding-top:26px;border-top:1px solid color-mix(in srgb,var(--gold) 12%,transparent)}.about-focus-indicator{position:fixed;right:clamp(10px,1.4vw,20px);top:50%;transform:translateY(-50%);z-index:14;display:inline-flex;flex-direction:column;gap:8px;align-items:center}.about-focus-rail{position:absolute;top:0;bottom:0;width:2px;background:color-mix(in srgb,var(--gold) 18%,transparent);border-radius:999px;pointer-events:none}.about-focus-rail-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:top;background:linear-gradient(180deg,var(--gold-hi),var(--gold));border-radius:999px;box-shadow:0 0 10px color-mix(in srgb,var(--gold) 50%,transparent);transition:transform .22s var(--ease)}.about-focus-indicator button{position:relative;z-index:1;width:4px;height:4px;border-radius:50%;border:0;background:color-mix(in srgb,var(--gold) 30%,transparent);padding:0;cursor:pointer;transition:height .18s var(--ease),background .18s var(--ease)}.about-focus-indicator button.active{height:16px;border-radius:2px;background:var(--gold)}@media(max-width:640px){.about-scroll{padding:110px 18px 40px}.about-doc{gap:32px}.about-title{font-size:1.5rem}.about-section-title{font-size:1.25rem}.about-section-body{max-width:none}.about-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:18px}.about-stat{width:100%;max-width:none}.about-founders,.about-code-list{grid-template-columns:1fr}.about-code-item{min-height:0}.about-focus-indicator{right:8px}}@media(max-width:920px){.about-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.about-code-list{grid-template-columns:1fr}}.settings-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;background:var(--bg);color:var(--text);overflow-y:auto;padding:110px clamp(20px,4vw,40px) 60px}.settings-doc{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:28px}.settings-heading{display:flex;flex-direction:column;gap:6px;border-bottom:1px solid color-mix(in srgb,var(--gold) 14%,transparent);padding-bottom:14px}.settings-heading h1{margin:0;font-family:var(--font-heading);font-size:1.6rem;color:var(--gold-hi);font-weight:700;letter-spacing:.03em}.settings-heading p{margin:0;font-size:.84rem;color:var(--muted);line-height:1.5}.settings-section{display:flex;flex-direction:column;gap:10px}.settings-section-title{font-size:.62rem;color:var(--gold);letter-spacing:.28em;text-transform:uppercase;font-weight:600}.settings-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:16px 18px;background:#0b0b0b8c;border:1px solid color-mix(in srgb,var(--gold) 14%,transparent);border-radius:var(--r-sm);transition:border-color .2s var(--ease)}.settings-row:hover{border-color:color-mix(in srgb,var(--gold) 26%,transparent)}.settings-row-info{min-width:0;display:flex;flex-direction:column;gap:4px}.settings-row-label{font-family:var(--font-heading);font-size:.96rem;color:var(--gold-hi);font-weight:700;letter-spacing:.02em;line-height:1.2}.settings-row-help{font-size:.76rem;color:var(--muted);line-height:1.5;text-wrap:pretty;max-width:460px}.settings-row-control{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.settings-toggle{position:relative;width:38px;height:22px;background:#0009;border:1px solid color-mix(in srgb,var(--gold) 22%,transparent);border-radius:var(--r-pill);cursor:pointer;transition:background .2s var(--ease),border-color .2s var(--ease);padding:0}.settings-toggle:after{content:"";position:absolute;top:50%;left:3px;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;background:var(--muted);transition:left .2s var(--ease),background .2s var(--ease)}.settings-toggle.on{background:color-mix(in srgb,var(--gold) 22%,transparent);border-color:color-mix(in srgb,var(--gold) 56%,transparent)}.settings-toggle.on:after{left:19px;background:var(--gold-hi);box-shadow:0 0 6px color-mix(in srgb,var(--gold) 60%,transparent)}.settings-slider{width:180px;accent-color:var(--gold)}.settings-back{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:transparent;border:1px solid color-mix(in srgb,var(--gold) 22%,transparent);border-radius:var(--r-pill);color:var(--gold-hi);font-family:var(--font-body);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .2s var(--ease),border-color .2s var(--ease)}.settings-back:hover{background:color-mix(in srgb,var(--gold) 8%,transparent);border-color:color-mix(in srgb,var(--gold) 42%,transparent)}