@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@1&family=Outfit:wght@400;600;700&family=Space+Grotesk:wght@400;700&display=swap";:root{--bg-color: #060609;--text-heading: #f0f0f4;--text-primary: #e0e0ea;--text-secondary: rgba(210, 210, 228, .5);--text-muted: rgba(200, 200, 220, .28);--accent-1: #ff2a6d;--accent-2: #05d9e8;--accent-glow: rgba(255, 42, 109, .4);--accent-soft: rgba(255, 42, 109, .18);--primary-accent: var(--accent-2);--danger: #f87171;--danger-bg: rgba(248, 113, 113, .1);--danger-border: rgba(248, 113, 113, .3);--success: #4ade80;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .09);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .45);--surface-0: rgba(255, 255, 255, .02);--surface-1: rgba(255, 255, 255, .04);--surface-2: rgba(255, 255, 255, .07);--surface-3: rgba(255, 255, 255, .11);--border-subtle: rgba(255, 255, 255, .07);--border-medium: rgba(255, 255, 255, .13);--font-main: "Outfit", sans-serif;--font-display: "Instrument Serif", serif;--font-mono: "Space Grotesk", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 2rem;--text-3xl: 3rem;--text-4xl: 4rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 50px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 32px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .5);--ease-spring: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s var(--ease-out);--transition-base: .25s var(--ease-out);--transition-slow: .4s var(--ease-spring)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);font-size:var(--text-base);line-height:1.5;min-height:100vh;overflow-x:hidden;position:relative;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:40px 40px;background-position:center bottom}body:before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:200px 200px}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 50% 50%,transparent 0%,rgba(6,6,9,.65) 100%)}.ambient-orbs{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.ambient-orb{position:absolute;border-radius:50%;filter:blur(60px);will-change:transform;contain:layout style paint}.ambient-orb-1{width:450px;height:450px;background:#ff2a6d0f;top:-10%;left:-5%;animation:orbDrift1 22s ease-in-out infinite alternate}.ambient-orb-2{width:350px;height:350px;background:#05d9e80a;top:40%;right:-8%;animation:orbDrift2 26s ease-in-out infinite alternate}.ambient-orb-3{width:300px;height:300px;background:#6e00d20d;bottom:-5%;left:30%;animation:orbDrift3 20s ease-in-out infinite alternate}@keyframes orbDrift1{0%{transform:translate(0) scale(1)}to{transform:translate(80px,60px) scale(1.15)}}@keyframes orbDrift2{0%{transform:translate(0) scale(1)}to{transform:translate(-70px,-50px) scale(1.1)}}@keyframes orbDrift3{0%{transform:translate(0) scale(1)}to{transform:translate(60px,-40px) scale(1.2)}}.scanline-overlay{position:fixed;inset:0;z-index:9998;pointer-events:none;background:linear-gradient(#12101000 50%,#00000014 50%),linear-gradient(90deg,#ff000005,#00ff0002,#0000ff05);background-size:100% 2px,3px 100%}a{color:var(--text-primary);text-decoration:none;transition:all var(--transition-base)}a:hover{color:var(--accent-2);text-shadow:0 0 10px var(--accent-2)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md),inset 0 1px #ffffff0a;transform:translateZ(0);will-change:transform,opacity}.neon-text{text-shadow:0 0 7px var(--accent-1),0 0 20px var(--accent-1),0 0 40px rgba(255,42,109,.3)}.gradient-text{background:linear-gradient(45deg,var(--accent-1),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.display-serif{font-family:var(--font-display);font-style:italic}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-in{animation:slideUp .6s var(--ease-spring) backwards}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 4s ease-in-out infinite}.page-enter{opacity:0;transform:translateY(16px) scale(.98)}.page-enter-active{opacity:1;transform:translateY(0) scale(1);transition:opacity .35s var(--ease-spring),transform .35s var(--ease-spring)}.page-exit{opacity:1}.page-exit-active{opacity:0;transform:scale(.98);transition:opacity .2s var(--ease-out),transform .2s var(--ease-out)}button{cursor:pointer;font-family:var(--font-main)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.ambient-orb{display:none}}.landing-container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden}.gate-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:200px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,42,109,.18) 0%,rgba(5,217,232,.06) 40%,transparent 70%);filter:blur(40px);animation:breatheHeartbeat 3s ease-in-out infinite;pointer-events:none}@keyframes breatheHeartbeat{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}4%{transform:translate(-50%,-50%) scale(1.2);opacity:.95}8%{transform:translate(-50%,-50%) scale(.95);opacity:.55}12%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}16%{transform:translate(-50%,-50%) scale(1);opacity:.5}}.gate-ekg{position:absolute;width:320px;top:50%;left:50%;transform:translate(-50%,65px);opacity:.1;pointer-events:none;z-index:1}.ekg-svg{width:100%;height:30px}.ekg-line{stroke-dasharray:600;stroke-dashoffset:600;animation:ekgDraw 2s ease-in-out .5s forwards,ekgPulse 3s ease-in-out 2.8s infinite}@keyframes ekgDraw{0%{stroke-dashoffset:600}to{stroke-dashoffset:0}}@keyframes ekgPulse{0%,to{opacity:.4}4%{opacity:1}12%{opacity:.8}16%{opacity:.4}}.gate-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);position:relative;z-index:2}.gate-orbit-ring{position:absolute;width:200px;height:200px;top:50%;left:50%;margin-top:-100px;margin-left:-100px;border:1px solid rgba(255,42,109,.06);border-radius:50%;animation:orbitRotate 10s linear infinite;pointer-events:none;z-index:1}.gate-orbit-dot{position:absolute;top:-3px;left:50%;margin-left:-3px;width:6px;height:6px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 8px var(--accent-2),0 0 20px #05d9e866}@keyframes orbitRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gate-title{font-family:var(--font-display);font-style:italic;font-size:clamp(4rem,12vw,7rem);font-weight:400;color:var(--text-heading);letter-spacing:-3px;margin:0;position:relative;text-shadow:0 0 20px rgba(255,42,109,.4),0 0 60px rgba(255,42,109,.15);animation:titleHeartbeat 3s ease-in-out 1.2s infinite}@keyframes titleHeartbeat{0%,to{transform:scale(1);text-shadow:0 0 20px rgba(255,42,109,.4),0 0 60px rgba(255,42,109,.15)}4%{transform:scale(1.03);text-shadow:0 0 30px rgba(255,42,109,.6),0 0 80px rgba(255,42,109,.3)}8%{transform:scale(.99)}12%{transform:scale(1.02);text-shadow:0 0 25px rgba(255,42,109,.5),0 0 70px rgba(255,42,109,.25)}16%{transform:scale(1)}}.gate-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-1);box-shadow:0 0 12px #ff2a6d99;animation:dotPulse 3s ease-in-out infinite}@keyframes dotPulse{0%,to{box-shadow:0 0 8px #ff2a6d66}4%{box-shadow:0 0 20px #ff2a6de6;transform:scale(1.3)}8%{box-shadow:0 0 8px #ff2a6d66;transform:scale(1)}12%{box-shadow:0 0 16px #ff2a6db3;transform:scale(1.15)}16%{box-shadow:0 0 8px #ff2a6d66;transform:scale(1)}}.gate-tagline{font-family:var(--font-mono);font-size:.65rem;letter-spacing:3px;text-transform:uppercase;color:var(--text-muted);margin:0}.gate-cursor{animation:cursorBlink 1.1s step-end infinite;margin-left:2px;color:var(--accent-1)}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.gate-hint{font-family:var(--font-mono);font-size:.55rem;letter-spacing:3px;text-transform:uppercase;color:#c8c8dc26;margin-top:var(--space-8)}.directory-page{width:100%;max-width:1100px;padding:clamp(3rem,8vh,5rem) var(--space-8) 8rem;margin:0 auto;position:relative;z-index:2}.directory-header{text-align:center;margin-bottom:clamp(2.5rem,5vh,4rem)}.directory-title-row{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-3)}.directory-logo{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(255,42,109,.5))}.directory-header h1{font-size:clamp(2rem,5vw,3rem);margin:0;line-height:1.1}.dir-title-serif{font-family:var(--font-display);font-style:italic;font-weight:400;color:var(--text-heading);text-shadow:0 0 20px rgba(255,42,109,.35),0 0 50px rgba(255,42,109,.12);letter-spacing:-1px}.dir-title-mono{font-family:var(--font-mono);font-weight:400;color:var(--text-muted);font-size:.45em;letter-spacing:3px;text-transform:uppercase;vertical-align:middle}.directory-header>p{color:var(--text-muted);font-family:var(--font-mono);font-size:.7rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:var(--space-6)}.directory-controls{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-4)}.layout-toggle{display:flex;gap:2px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:3px}.layout-btn{padding:.4rem 1.1rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:.75rem;font-family:var(--font-mono);transition:all .3s var(--ease-spring);letter-spacing:.5px;border-radius:var(--radius-full)}.layout-btn.active{background:#ffffff12;color:var(--text-heading);box-shadow:0 1px 6px #0000004d}.layout-btn:hover:not(.active){color:var(--text-primary)}.directory-content{display:flex;flex-direction:column;gap:clamp(2rem,4vh,3.5rem)}.tier-section{display:flex;flex-direction:column;gap:var(--space-6)}.tier-divider{display:flex;align-items:center;gap:var(--space-4)}.tier-divider-line{flex:1;height:1px;opacity:.25;transform-origin:center;animation:lineReveal 1s var(--ease-spring) forwards}@keyframes lineReveal{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tier-divider-label{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:.65rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:.35rem .9rem;border:1px solid;border-radius:var(--radius-full);background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;flex-shrink:0;box-shadow:0 0 20px currentColor;position:relative}.tier-count{background:#ffffff14;border-radius:var(--radius-full);padding:0 var(--space-2);font-size:.6rem}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-8);padding:var(--space-4) 0}.member-card{display:flex;flex-direction:column;padding:0;transition:all .35s var(--ease-spring);position:relative;overflow:hidden;text-decoration:none;min-height:0;border-radius:var(--radius-lg)!important;background:#ffffff06!important;border:1px solid rgba(255,255,255,.06)!important;box-shadow:0 4px 20px #0000004d}.member-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 20%,var(--hover-color) 0%,transparent 65%);opacity:0;transition:opacity .5s var(--ease-out);z-index:0;pointer-events:none}.member-card:after{content:"";position:absolute;top:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,transparent,var(--hover-color),transparent);transition:width .5s var(--ease-spring),left .5s var(--ease-spring);z-index:10;box-shadow:0 0 15px var(--hover-color)}.member-card:hover{border-color:#ffffff1f!important;box-shadow:0 16px 50px -10px #00000080,0 0 30px -5px var(--hover-color);transform:translateY(-6px)}.member-card:hover:before{opacity:.12}.member-card:hover:after{width:80%;left:10%}.member-card:hover .member-avatar{transform:scale(1.1);transition:transform .5s var(--ease-spring)}.member-card:hover .member-info h3{color:var(--hover-color);text-shadow:0 0 15px var(--hover-color);transition:all .3s var(--ease-out)}.member-card:hover .member-avatar-wrapper{border-color:var(--hover-color);box-shadow:0 0 16px var(--hover-color);transition:all .3s var(--ease-out)}.card-glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:5;transition:background .04s linear}.card-banner-wrapper{width:100%;height:85px;position:relative;overflow:hidden;flex-shrink:0}.card-banner{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-spring)}.member-card:hover .card-banner{transform:scale(1.05)}.card-banner-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000001a,#060609b3)}.card-tier-badge{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:.6rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:3px 8px;border-radius:var(--radius-full);border:1px solid currentColor;opacity:.8}.card-profile-section{display:flex;flex-direction:column;align-items:center;padding:0 var(--space-4) var(--space-5);margin-top:-30px;position:relative;z-index:2}.member-avatar-wrapper{width:60px;height:60px;border-radius:50%;overflow:hidden;border:3px solid var(--bg-color);flex-shrink:0;margin-bottom:var(--space-3);position:relative;z-index:2;background:var(--bg-color);transition:all .3s var(--ease-out)}.member-avatar{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-spring)}.member-info{text-align:center}.member-info h3{font-family:var(--font-display);font-style:italic;font-size:1rem;font-weight:400;margin-bottom:2px;color:var(--text-heading);letter-spacing:-.3px;transition:all .3s var(--ease-out)}.member-username{font-size:.6rem;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.5px}.linktree-list{display:flex;flex-direction:column;gap:var(--space-3);max-width:620px;margin:0 auto;width:100%}.linktree-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);text-decoration:none;transition:all .3s var(--ease-spring);border-radius:var(--radius-lg);position:relative;overflow:hidden}.linktree-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--hover-color);opacity:0;transition:opacity .3s ease;box-shadow:0 0 8px var(--hover-color)}.linktree-card:hover{transform:translate(6px);border-color:#ffffff1a;background:#ffffff08;box-shadow:0 4px 20px -5px var(--hover-color)}.linktree-card:hover:before{opacity:1}.lt-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(255,255,255,.08);transition:border-color .3s ease}.linktree-card:hover .lt-avatar{border-color:var(--hover-color)}.lt-info{flex:1;display:flex;flex-direction:column;gap:2px}.lt-name{font-family:var(--font-display);font-style:italic;font-size:var(--text-base);font-weight:400;color:var(--text-heading)}.lt-handle{font-size:.65rem;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.5px}.lt-arrow{color:var(--text-muted);font-size:var(--text-lg);transition:all .3s var(--ease-spring)}.linktree-card:hover .lt-arrow{transform:translate(4px);color:var(--hover-color)}.linktree-card:hover .lt-name{color:var(--hover-color)}.directory-search-bar-wrapper{position:fixed;bottom:0;left:0;right:0;padding:var(--space-4) var(--space-8) var(--space-6);background:linear-gradient(to top,var(--bg-color) 50%,rgba(6,6,9,.8) 80%,transparent);z-index:100;display:flex;justify-content:center}.directory-search-bar{display:flex;align-items:center;gap:var(--space-3);padding:.65rem var(--space-6);border-radius:var(--radius-full);width:100%;max-width:480px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff08;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 30px #0006,inset 0 1px #ffffff0a;transition:all .3s var(--ease-out)}.directory-search-bar:focus-within{border-color:#ff2a6d4d;box-shadow:0 4px 30px #0006,0 0 25px #ff2a6d1a,inset 0 1px #ffffff0f}.directory-search-bar:focus-within .search-icon{color:var(--accent-1);transition:color .3s ease}.search-icon{color:var(--text-muted);flex-shrink:0;transition:color .3s ease}.search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.8rem;font-family:var(--font-main)}.search-input::placeholder{color:var(--text-muted)}.search-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--text-sm);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:color var(--transition-fast)}.search-clear:hover{color:var(--text-heading)}.search-count{font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0;padding-left:var(--space-3);border-left:1px solid rgba(255,255,255,.06);letter-spacing:.5px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#ffffff05 25%,#ffffff0f,#ffffff05 75%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-card{pointer-events:none;min-height:160px;border-radius:var(--radius-lg)!important;animation:shimmer 1.8s ease-in-out infinite,slideUp .6s var(--ease-spring) backwards}.skeleton-banner{height:85px;border-radius:0}.skeleton-avatar{width:60px;height:60px;border-radius:50%;margin:-30px auto var(--space-3)}.skeleton-name{width:120px;height:18px;margin:0 auto var(--space-2)}.skeleton-handle{width:80px;height:12px;margin:0 auto}.skeleton-logo{width:44px;height:44px;border-radius:50%}.skeleton-title{width:220px;height:36px}.empty-state{text-align:center;padding:var(--space-16);color:var(--text-muted);font-family:var(--font-mono);font-size:.8rem;letter-spacing:1px}@media(max-width:600px){.directory-header h1{font-size:var(--text-2xl)}.dir-title-mono{font-size:.5em}.members-grid{grid-template-columns:1fr 1fr;gap:var(--space-4)}.card-banner-wrapper{height:70px}.member-avatar-wrapper{width:50px;height:50px}.card-profile-section{margin-top:-25px;padding:0 var(--space-3) var(--space-4)}.member-info h3{font-size:.9rem}.directory-page{padding:var(--space-12) var(--space-4) 7rem}}.cursor-preset-crosshair,.cursor-preset-crosshair *,.cursor-preset-crosshair a,.cursor-preset-crosshair button{cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><circle cx='16' cy='16' r='10' fill='none' stroke='%2305d9e8' stroke-width='1.5' opacity='0.8'/><circle cx='16' cy='16' r='2' fill='%23ff2a6d'/><path d='M16 2 L16 8 M16 24 L16 30 M2 16 L8 16 M24 16 L30 16' stroke='%2305d9e8' stroke-width='2' stroke-linecap='round'/></svg>") 16 16,crosshair!important}.cursor-preset-cross,.cursor-preset-cross *,.cursor-preset-cross a,.cursor-preset-cross button{cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><path d='M14 2 L14 26 M2 14 L26 14' stroke='white' stroke-width='3' stroke-linecap='round'/><path d='M14 4 L14 24 M4 14 L24 14' stroke='%23ff2a6d' stroke-width='1.5' stroke-linecap='round'/><circle cx='14' cy='14' r='2.5' fill='white'/></svg>") 14 14,crosshair!important}.cursor-preset-lightstick,.cursor-preset-lightstick *,.cursor-preset-lightstick a,.cursor-preset-lightstick button{cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><defs><radialGradient id='g1' cx='50%' cy='50%' r='50%' fx='50%' fy='50%'><stop offset='0%' stop-color='%23ffffff'/><stop offset='40%' stop-color='%23ffb3ba'/><stop offset='100%' stop-color='%23ff2a6d' stop-opacity='0.8'/></radialGradient></defs><rect x='14' y='16' width='4' height='14' rx='2' fill='%23333333' stroke='%23ffffff' stroke-width='0.5'/><circle cx='16' cy='10' r='8' fill='url(%23g1)'/><circle cx='16' cy='10' r='10' fill='none' stroke='%23ff2a6d' stroke-width='1' opacity='0.5'/></svg>") 16 10,auto!important}.cursor-preset-star,.cursor-preset-star *,.cursor-preset-star a,.cursor-preset-star button{cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><defs><filter id='glow' x='-20%' y='-20%' width='140%' height='140%'><feGaussianBlur stdDeviation='2' result='blur' /><feComposite in='SourceGraphic' in2='blur' operator='over' /></filter></defs><polygon points='16,2 20,12 30,12 22,18 25,28 16,22 7,28 10,18 2,12 12,12' fill='%23ffd700' stroke='%23ff8c00' stroke-width='1' filter='url(%23glow)'/><circle cx='16' cy='16' r='3' fill='%23ffffff' opacity='0.8'/></svg>") 16 16,auto!important}.cursor-preset-fire,.cursor-preset-fire *,.cursor-preset-fire a,.cursor-preset-fire button{cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><defs><filter id='fGlow'><feGaussianBlur stdDeviation='1.5' result='coloredBlur'/><feMerge><feMergeNode in='coloredBlur'/><feMergeNode in='SourceGraphic'/></feMerge></filter></defs><path d='M16 2 C16 2 24 10 24 18 C24 23 20 28 16 28 C12 28 8 23 8 18 C8 10 16 2 16 2 Z' fill='%23ff4500' filter='url(%23fGlow)'/><path d='M16 8 C16 8 20 14 20 20 C20 23 18 26 16 26 C14 26 12 23 12 20 C12 14 16 8 16 8 Z' fill='%23ffd700'/><circle cx='16' cy='22' r='2' fill='%23ffffff'/></svg>") 16 16,auto!important}.cursor-preset-glitch,.cursor-preset-glitch *,.cursor-preset-glitch a,.cursor-preset-glitch button{cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><rect x='5' y='12' width='14' height='3' fill='%2305d9e8' opacity='0.9'/><rect x='9' y='13' width='14' height='3' fill='%23ff2a6d' opacity='0.9'/><rect x='13' y='5' width='3' height='14' fill='%2305d9e8' opacity='0.9'/><rect x='12' y='9' width='3' height='14' fill='%23ff2a6d' opacity='0.9'/><rect x='11' y='11' width='6' height='6' fill='%23ffffff'/><rect x='4' y='6' width='4' height='2' fill='%23ffffff' opacity='0.7'/><rect x='20' y='20' width='4' height='2' fill='%23ffffff' opacity='0.7'/></svg>") 14 14,crosshair!important}.cursor-preset-dot,.cursor-preset-dot *,.cursor-preset-dot a,.cursor-preset-dot button{cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><defs><radialGradient id='dGlow'><stop offset='0%' stop-color='%23ffffff'/><stop offset='50%' stop-color='%2305d9e8'/><stop offset='100%' stop-color='%2305d9e8' stop-opacity='0'/></radialGradient></defs><circle cx='12' cy='12' r='10' fill='url(%23dGlow)'/><circle cx='12' cy='12' r='3' fill='%23ffffff'/><circle cx='12' cy='12' r='11' fill='none' stroke='%2305d9e8' stroke-width='0.5' opacity='0.5'/></svg>") 12 12,auto!important}.cursor-preset-heart,.cursor-preset-heart *,.cursor-preset-heart a,.cursor-preset-heart button{cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><defs><filter id='hGlow'><feGaussianBlur stdDeviation='1.5' result='blur'/><feComposite in='SourceGraphic' in2='blur' operator='over'/></filter></defs><path d='M16 28 C16 28 4 18 4 10 C4 5 9 3 12 5 C14 6 16 9 16 9 C16 9 18 6 20 5 C23 3 28 5 28 10 C28 18 16 28 16 28 Z' fill='%23ff2a6d' stroke='%23ffffff' stroke-width='1.5' filter='url(%23hGlow)'/><ellipse cx='10' cy='10' rx='2' ry='4' fill='%23ffffff' opacity='0.6' transform='rotate(-45 10 10)'/></svg>") 16 16,auto!important}.cursor-preset-sparkle,.cursor-preset-sparkle *,.cursor-preset-sparkle a,.cursor-preset-sparkle button{cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><defs><filter id='sGlow'><feGaussianBlur stdDeviation='2' result='blur'/><feComposite in='SourceGraphic' in2='blur' operator='over'/></filter></defs><path d='M16 2 C16 12 20 16 30 16 C20 16 16 20 16 30 C16 20 12 16 2 16 C12 16 16 12 16 2 Z' fill='%23ffffff' filter='url(%23sGlow)'/><path d='M16 6 C16 13 19 16 26 16 C19 16 16 19 16 26 C16 19 13 16 6 16 C13 16 16 13 16 6 Z' fill='%2305d9e8'/><circle cx='16' cy='16' r='2' fill='%23ff2a6d'/></svg>") 16 16,auto!important}.cursor-glow-heart{animation:cursorHeartbeat 1.2s ease-in-out infinite}.cursor-glow-glitch{animation:cursorGlitchJitter .15s steps(2) infinite}.cursor-glow-sparkle{box-shadow:8px 0 6px #ffffff26,-8px 0 6px #ffffff26,0 8px 6px #ffffff26,0 -8px 6px #ffffff26}.cursor-glow-fire{animation:cursorFireFlicker .8s ease-in-out infinite alternate}@keyframes cursorHeartbeat{0%,to{scale:.9}50%{scale:1.2}}@keyframes cursorGlitchJitter{0%{translate:calc(-50% + 3px) -50%}50%{translate:calc(-50% - 3px) -50%}to{translate:-50% -50%}}@keyframes cursorFireFlicker{0%{opacity:.25;scale:1}to{opacity:.4;scale:1.15}}.bio-container{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8)}.bio-card{width:100%;max-width:500px;border-radius:var(--radius-xl);overflow:hidden;position:relative;box-shadow:0 25px 60px #00000080,0 0 50px rgba(var(--user-accent-rgb),.08),inset 0 1px #ffffff0f;border:1px solid rgba(var(--user-accent-rgb),.15);transition:all var(--transition-slow);transform:translateZ(0);will-change:transform,box-shadow}.bio-card:hover{box-shadow:0 30px 70px #0009,0 0 80px rgba(var(--user-accent-rgb),.15);border-color:rgba(var(--user-accent-rgb),.35);transform:translateY(-2px)}.banner-container{width:100%;height:180px;position:relative;overflow:hidden}.bio-banner{width:100%;height:100%;object-fit:cover}.banner-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.1),var(--glass-bg))}.profile-section{padding:0 var(--space-8) var(--space-10);display:flex;flex-direction:column;align-items:center;position:relative}.avatar-container{margin-top:-60px;position:relative;margin-bottom:var(--space-6);display:flex;justify-content:center}.bio-avatar{width:128px;height:128px;border-radius:50%;object-fit:cover;border:4px solid #111;position:relative;z-index:2;box-shadow:0 8px 25px #0009}.avatar-ring{position:absolute;inset:-6px;border-radius:50%;background:conic-gradient(from 0deg,var(--user-accent),transparent,var(--user-accent));z-index:1;animation:spin 4s linear infinite;opacity:.8}.status-indicator{position:absolute;bottom:4px;right:4px;width:28px;height:28px;border-radius:50%;border:4px solid #111;z-index:10;display:flex;align-items:center;justify-content:center}.dnd-dash{width:12px;height:4px;background-color:#111;border-radius:2px}.idle-moon{width:12px;height:12px;background-color:#111;border-radius:50%;transform:translate(-3px,-3px)}@keyframes spin{to{transform:rotate(360deg)}}.user-details{text-align:center;margin-bottom:var(--space-6);width:100%}.display-name{font-family:var(--font-display);font-style:italic;font-size:clamp(1.8rem,5vw,2.5rem);font-weight:400;color:var(--text-heading);margin-bottom:var(--space-1);letter-spacing:-1px;text-shadow:0 0 20px rgba(var(--user-accent-rgb),.3),0 0 40px rgba(var(--user-accent-rgb),.1)}.username{color:var(--text-heading);font-family:var(--font-mono);font-size:var(--text-base);margin-bottom:var(--space-3);font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.9),0 0 20px rgba(0,0,0,.6)}.badges{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-2)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.7rem;text-transform:uppercase;letter-spacing:1.2px;padding:.3rem var(--space-3);border-radius:var(--radius-full);background:rgba(var(--user-accent-rgb),.1);color:var(--user-accent);border:1px solid rgba(var(--user-accent-rgb),.3);font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.badge-icon{height:14px;width:auto;object-fit:contain}.discord-activities{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-top:var(--space-3);width:100%}.discord-activity{background:#0006;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-4);width:100%;max-width:350px;border:1px solid var(--border-subtle)}.activity-icon-container{position:relative;width:48px;height:48px;flex-shrink:0}.activity-large-image{width:100%;height:100%;border-radius:var(--radius-sm);object-fit:cover}.activity-small-image{position:absolute;bottom:-4px;right:-4px;width:20px;height:20px;border-radius:50%;border:2px solid #111;background:#111}.activity-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left;overflow:hidden}.activity-type{font-size:var(--text-xs);text-transform:uppercase;color:var(--text-secondary);font-weight:700;margin-bottom:var(--space-1)}.activity-name{font-size:var(--text-sm);color:var(--text-heading);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.activity-details,.activity-state{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.bio-text{background:#0000004d;padding:var(--space-4);border-radius:var(--radius-md);width:100%;text-align:center;margin-bottom:var(--space-8);border:1px solid var(--border-subtle);font-style:italic;color:var(--text-primary);line-height:1.5}.social-links{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.social-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:var(--radius-md);background:#ffffff0a;color:var(--text-heading);transition:all .35s var(--ease-spring);border:1px solid rgba(255,255,255,.08);position:relative}.social-icon:after{content:"";position:absolute;bottom:-4px;left:50%;width:0;height:2px;background:var(--user-accent);border-radius:1px;transition:all .3s var(--ease-spring);transform:translate(-50%);box-shadow:0 0 8px rgba(var(--user-accent-rgb),.5)}.social-icon:hover{color:var(--user-accent);border-color:rgba(var(--user-accent-rgb),.25);background:rgba(var(--user-accent-rgb),.08);transform:translateY(-6px);box-shadow:0 12px 25px rgba(var(--user-accent-rgb),.2)}.social-icon:hover:after{width:60%}.social-icon-discord:before,.social-icon-messagesquare:before{content:"";position:absolute;inset:-10px;border-radius:50%;border:1.5px solid transparent;border-top-color:#5865f299;border-right-color:#5865f24d;opacity:0;transition:opacity .3s ease;animation:galaxySpin 3s linear infinite;pointer-events:none}.social-icon-discord:hover:before,.social-icon-messagesquare:hover:before{opacity:1}.social-icon-discord:after,.social-icon-messagesquare:after{inset:auto;width:auto;height:auto;border-radius:50%;border:1px solid transparent;border-bottom-color:#5865f266;border-left-color:#5865f233;animation:galaxySpin 5s linear infinite reverse;background:none;box-shadow:none;transform:none}.social-icon-discord:hover:after,.social-icon-messagesquare:hover:after{opacity:1;width:auto}@keyframes galaxySpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.social-icon-spotify:before,.social-icon-music:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(29,185,84,.5);opacity:0;animation:soundPulse 1.5s ease-out infinite;pointer-events:none}.social-icon-spotify:hover:before,.social-icon-music:hover:before{opacity:1}.social-icon-spotify:after,.social-icon-music:after{inset:-6px;width:auto;height:auto;border-radius:50%;border:1.5px solid rgba(29,185,84,.3);animation:soundPulse 1.5s ease-out .4s infinite;background:none;box-shadow:none;transform:none}.social-icon-spotify:hover:after,.social-icon-music:hover:after{opacity:1;width:auto}@keyframes soundPulse{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.6);opacity:0}}.social-icon-youtube:before{content:"";position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(circle,rgba(255,0,0,.25) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;animation:ytGlow 2s ease-in-out infinite alternate;pointer-events:none}.social-icon-youtube:hover:before{opacity:1}@keyframes ytGlow{0%{filter:brightness(.8);transform:scale(1)}to{filter:brightness(1.3);transform:scale(1.15)}}.social-icon-twitter:before{content:"";position:absolute;inset:-4px;border-radius:var(--radius-md);border:1.5px solid rgba(255,255,255,.4);opacity:0;animation:twitterRipple 2s ease-out infinite;pointer-events:none}.social-icon-twitter:hover:before{opacity:1}@keyframes twitterRipple{0%{transform:scale(.9);opacity:.6}to{transform:scale(1.4);opacity:0}}.social-icon-instagram:before{content:"";position:absolute;inset:-4px;border-radius:var(--radius-md);background:conic-gradient(from 0deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888,#833ab4,#5851db,#405de6,#f09433);z-index:-1;opacity:0;transition:opacity .3s ease;animation:igRotate 3s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none}.social-icon-instagram:hover:before{opacity:1}@keyframes igRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.social-icon-tiktok:hover{animation:tiktokGlitch .3s steps(3) infinite}@keyframes tiktokGlitch{0%{filter:drop-shadow(-2px 0 #00f2ea) drop-shadow(2px 0 #ff0050)}33%{filter:drop-shadow(2px 0 #00f2ea) drop-shadow(-2px 0 #ff0050)}66%{filter:drop-shadow(-1px 1px #00f2ea) drop-shadow(1px -1px #ff0050)}to{filter:drop-shadow(0 -1px #00f2ea) drop-shadow(0 1px #ff0050)}}.social-icon-twitch:before{content:"";position:absolute;inset:-6px;border-radius:var(--radius-md);background:radial-gradient(circle,rgba(145,70,255,.3) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;animation:twitchThrob 2s ease-in-out infinite alternate;pointer-events:none}.social-icon-twitch:hover:before{opacity:1}@keyframes twitchThrob{0%{transform:scale(1);filter:blur(4px)}to{transform:scale(1.2);filter:blur(8px)}}.social-icon-github:before{content:"";position:absolute;inset:-4px;border-radius:var(--radius-md);background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%);background-size:100% 200%;opacity:0;transition:opacity .3s ease;animation:codeRain 1.5s linear infinite;pointer-events:none}.social-icon-github:hover:before{opacity:1}@keyframes codeRain{0%{background-position:0 -100%}to{background-position:0 100%}}.social-icon-steam:before,.social-icon-gamepad2:before{content:"";position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(ellipse at 50% 80%,rgba(255,255,255,.12) 0%,transparent 60%);opacity:0;transition:opacity .4s ease;animation:steamRise 3s ease-in-out infinite;pointer-events:none}.social-icon-steam:hover:before,.social-icon-gamepad2:hover:before{opacity:1}@keyframes steamRise{0%{transform:translateY(0) scale(1);opacity:.7}50%{transform:translateY(-6px) scale(1.1);opacity:.4}to{transform:translateY(0) scale(1);opacity:.7}}.bio-footer{margin-top:var(--space-8)}.back-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-sm);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px}.back-link:hover{color:var(--text-heading);background:var(--surface-2);transform:translateY(-2px)}.viewer-volume-control{position:fixed;bottom:var(--space-8);right:var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-3);border-radius:var(--radius-full);z-index:50;transition:all var(--transition-base);cursor:pointer}.volume-sliders{display:flex;flex-direction:row;gap:var(--space-2);align-items:center;opacity:0;pointer-events:none;max-height:0;transition:opacity var(--transition-base),max-height var(--transition-base);overflow:hidden}.viewer-volume-control:hover .volume-sliders,.volume-sliders:focus-within,.volume-sliders:active{opacity:1;pointer-events:auto;max-height:120px;margin-top:var(--space-2)}.volume-slider-vertical{writing-mode:vertical-lr;direction:rtl;-webkit-appearance:slider-vertical;appearance:auto;width:20px;height:100px;cursor:pointer;margin:0}.entrance-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:9999;cursor:pointer;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.entrance-text{color:var(--text-heading);font-family:var(--font-mono);font-size:var(--text-xl);letter-spacing:4px;text-transform:lowercase;text-shadow:0 0 20px rgba(255,255,255,.5)}.page-video-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-10;overflow:hidden;pointer-events:none;background:#000}.youtube-iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150vw;height:150vh;pointer-events:none}.page-bg-image{position:fixed;top:-10%;left:-10%;width:120vw;height:120vh;z-index:-15;background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none}.bg-anim-pan{animation:bgPan 40s linear infinite alternate}.bg-anim-zoom{animation:bgZoom 20s ease-in-out infinite alternate}.bg-anim-pulse{animation:bgPulse 4s ease-in-out infinite alternate}@keyframes bgPan{0%{transform:translate(0)}to{transform:translate(-5%,-5%)}}@keyframes bgZoom{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes bgPulse{0%{filter:brightness(.7);transform:scale(1.02)}to{filter:brightness(1.1);transform:scale(1.05)}}.auth-page{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:var(--space-8)}.auth-card{width:100%;max-width:420px;padding:var(--space-12) var(--space-10);display:flex;flex-direction:column;gap:var(--space-6);box-shadow:var(--shadow-lg),0 0 60px #ff2a6d0f}.auth-card h1{font-family:var(--font-display);font-style:italic;font-size:2.5rem;font-weight:400;margin-bottom:var(--space-1);text-align:center;color:var(--text-heading);letter-spacing:-1px}.auth-card p{text-align:center;color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-sm);margin-bottom:var(--space-4)}.auth-error{background:var(--danger-bg);color:var(--danger);padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--danger-border);font-size:var(--text-sm);text-align:center}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.input-group label{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.glass-input{background:#00000059;border:1px solid var(--glass-border);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);color:var(--text-heading);font-family:var(--font-main);font-size:var(--text-base);outline:none;transition:all var(--transition-base)}.glass-input:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px #05d9e81f,0 0 20px #05d9e81a;background:#00000080}.glass-button{background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid var(--border-medium);color:var(--text-heading);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-lg);font-weight:700;cursor:pointer;transition:all var(--transition-base);margin-top:var(--space-4);letter-spacing:.5px}.glass-button:hover:not(:disabled){background:linear-gradient(135deg,#ffffff24,#ffffff0f);border-color:#ffffff4d;box-shadow:0 8px 30px #0000004d,0 0 20px #ff2a6d26;transform:translateY(-1px)}.glass-button:disabled{opacity:.5;cursor:not-allowed}.auth-footer{text-align:center;margin-top:var(--space-4);font-size:var(--text-sm);color:var(--text-secondary)}.auth-footer a{color:var(--primary-accent);text-decoration:none;margin-left:var(--space-1);transition:text-shadow var(--transition-base)}.auth-footer a:hover{text-shadow:0 0 8px var(--primary-accent)}.checkbox-group{margin-top:calc(var(--space-2) * -1);margin-bottom:var(--space-2)}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);text-transform:none!important;letter-spacing:normal!important}.checkbox-label input[type=checkbox]{accent-color:var(--primary-accent);width:16px;height:16px;cursor:pointer}.checkbox-label:hover .checkbox-text{color:var(--text-heading)}.dashboard-page{max-width:1400px;margin:0 auto;padding:0 var(--space-8) var(--space-16);min-height:100vh}.dashboard-nav{position:sticky;top:0;z-index:200;display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);padding:var(--space-3) var(--space-8);border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:none;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#08080ce0;border-bottom:1px solid rgba(255,42,109,.15);box-shadow:0 4px 40px #00000080,inset 0 -1px #ffffff0a;transform:translateZ(0);will-change:transform}.nav-brand{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:700;color:var(--text-heading);letter-spacing:.02em}.nav-logo{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,42,109,.6))}.nav-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.nav-btn{display:flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid var(--glass-border);color:var(--text-heading);padding:.5rem 1rem;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-mono);font-size:var(--text-sm);text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.nav-btn:hover{background:linear-gradient(135deg,#ffffff1a,#ffffff0a);border-color:var(--border-medium);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.nav-btn.primary{background:linear-gradient(135deg,var(--accent-1),#ff512f);color:#fff;border-color:transparent;font-weight:700;box-shadow:0 2px 12px #ff2a6d4d}.nav-btn.primary:hover{box-shadow:0 4px 20px #ff2a6d80;transform:translateY(-2px)}.nav-btn.danger{background:transparent;border-color:var(--danger-border);color:var(--danger)}.nav-btn.danger:hover{background:var(--danger-bg);border-color:#f449;box-shadow:0 0 12px #ff444426}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);align-items:start}@media(min-width:1000px){.dashboard-grid.layout-preview{grid-template-columns:minmax(340px,42%) 1fr}}.preview-panel{position:sticky;top:70px;transform:translateZ(0);will-change:transform}.preview-panel .dashboard-card{padding:var(--space-6);border:1px solid rgba(5,217,232,.1)}.preview-viewport-container{position:relative;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-color);background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px}.preview-panel h2{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--accent-2);margin-bottom:var(--space-3);padding-bottom:0;border-bottom:none}.dashboard-settings-container{display:flex;flex-direction:column;gap:var(--space-6)}.dashboard-card{padding:var(--space-8);display:flex;flex-direction:column;gap:0;border-radius:var(--radius-xl);box-shadow:var(--shadow-md),inset 0 1px #ffffff0d}.dashboard-card>h2{font-size:var(--text-xl);font-weight:700;color:var(--text-heading);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);letter-spacing:.02em}.settings-tab-bar{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);overflow-x:auto;padding-bottom:2px;scrollbar-width:none;-ms-overflow-style:none}.settings-tab-bar::-webkit-scrollbar{display:none}.settings-tab{flex-shrink:0;display:flex;align-items:center;gap:var(--space-2);padding:.55rem 1.2rem;border-radius:var(--radius-full);border:1px solid var(--glass-border);background:var(--surface-1);color:var(--text-muted);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);font-family:var(--font-mono);white-space:nowrap;letter-spacing:.03em}.settings-tab:hover{color:var(--text-heading);background:var(--surface-2);border-color:var(--border-medium);transform:translateY(-1px)}.settings-tab.active{background:linear-gradient(135deg,#ff2a6d4d,#ff512f2e);border-color:#ff2a6d80;color:#fff;box-shadow:0 4px 20px #ff2a6d40,inset 0 1px #ffffff1a}.settings-section{display:flex;flex-direction:column;gap:var(--space-4);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.settings-row-divider{height:1px;background:var(--border-subtle);margin:var(--space-2) 0}.preset-box{background:linear-gradient(135deg,#ff2a6d14,#ff2a6d08);padding:var(--space-5);border-radius:var(--radius-md);border:1px solid rgba(255,42,109,.2);box-shadow:inset 0 1px #ff2a6d14}.preset-box-label{font-weight:700;color:var(--accent-1);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-1)}.preset-box-hint{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-3);line-height:1.5}.preset-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap}.preset-btn{flex:1;min-width:80px;padding:.55rem var(--space-3);border-radius:var(--radius-md);border:1px solid var(--surface-3);background:linear-gradient(135deg,#ffffff0f,#ffffff05);color:var(--text-heading);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-mono)}.preset-btn:hover{background:linear-gradient(135deg,#ffffff1a,#ffffff0a);border-color:var(--border-medium);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.preset-btn.accent{border-color:#ff2a6d80;color:#ff8aad}.preset-btn.accent:hover{background:#ff2a6d26;border-color:var(--accent-1)}.dashboard-form{display:flex;flex-direction:column;gap:var(--space-4)}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-group label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.option-box{background:#0003;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.option-box-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);margin-bottom:var(--space-2)}.pill-toggle{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.pill-toggle input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.pill-toggle .track{position:relative;width:38px;height:21px;background:var(--surface-3);border-radius:var(--radius-full);border:1px solid var(--border-medium);flex-shrink:0;transition:background var(--transition-fast),border-color var(--transition-fast)}.pill-toggle .track:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#ffffff80;transition:transform var(--transition-fast),background var(--transition-fast)}.pill-toggle input[type=checkbox]:checked~.track{background:#ff2a6d80;border-color:var(--accent-1)}.pill-toggle input[type=checkbox]:checked~.track:after{transform:translate(17px);background:var(--text-heading)}.pill-toggle em{font-style:normal;font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3) var(--space-6)}.slider-row{display:flex;flex-direction:column;gap:var(--space-1)}.slider-row-header{display:flex;justify-content:space-between;align-items:center}.slider-row-header span{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.slider-row-header .slider-val{font-size:var(--text-xs);color:#ff8aad;font-family:var(--font-mono)}input[type=range]:not(.volume-slider-vertical){-webkit-appearance:none;appearance:none;width:100%;height:4px;background:var(--surface-3);border-radius:var(--radius-full);outline:none;cursor:pointer;transition:background var(--transition-fast)}input[type=range]:not(.volume-slider-vertical)::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--accent-1),#ff512f);border:2px solid var(--border-medium);cursor:pointer;box-shadow:0 0 8px #ff2a6d80;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}input[type=range]:not(.volume-slider-vertical)::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 14px #ff2a6db3}input[type=range]:not(.volume-slider-vertical)::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--accent-1),#ff512f);border:2px solid var(--border-medium);cursor:pointer;box-shadow:0 0 8px #ff2a6d80}.color-pickers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-3)}.color-picker-cell{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);background:#00000026;border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast)}.color-picker-cell:hover{border-color:#ff2a6d59;background:#ff2a6d0d;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.color-picker-cell label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);text-align:center;margin:0}.color-picker{-webkit-appearance:none;border:none;width:48px;height:48px;border-radius:50%;cursor:pointer;background:transparent;padding:0}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:3px solid var(--border-medium);border-radius:50%;box-shadow:inset 0 0 0 1px #00000080,var(--shadow-sm)}.help-text{font-size:var(--text-xs);color:var(--text-muted);line-height:1.5}.file-input{padding:var(--space-1);font-size:var(--text-xs);border-radius:var(--radius-sm);display:flex;align-items:center;background:#0003!important}.file-input::-webkit-file-upload-button{background:linear-gradient(135deg,var(--accent-1),#ff512f);color:#fff;border:none;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-main);font-weight:600;font-size:var(--text-sm);margin-right:var(--space-3);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.file-input::-webkit-file-upload-button:hover{transform:translateY(-1px);box-shadow:0 5px 18px #ff2a6d73}.media-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-4);align-items:start}.media-row-volume{min-width:120px}.cursor-presets{display:flex;flex-wrap:wrap;gap:var(--space-2)}.cursor-preset-btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--surface-3);background:var(--surface-1);color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);display:flex;gap:var(--space-1);align-items:center;transition:all var(--transition-fast)}.cursor-preset-btn:hover{background:var(--surface-2);border-color:var(--border-medium)}.cursor-preset-btn.active{border-color:var(--accent-1);background:#ff2a6d2e;color:var(--text-heading);box-shadow:0 0 10px #ff2a6d33}.social-edit-item{display:flex;gap:var(--space-3);align-items:center;background:#0003;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-subtle);transition:all var(--transition-fast)}.social-edit-item:hover{border-color:var(--border-medium);background:#0000004d}.social-edit-item.hidden-social{opacity:.45}.social-icon-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-1);display:flex;align-items:center;transition:color var(--transition-fast);border-radius:var(--radius-sm)}.social-icon-btn:hover{color:var(--text-primary)}.social-delete-btn{background:transparent;border:none;color:#ff44448c;cursor:pointer;padding:var(--space-1);display:flex;align-items:center;transition:color var(--transition-fast);border-radius:var(--radius-sm)}.social-delete-btn:hover{color:var(--danger)}.sticky-save-bar{position:sticky;bottom:var(--space-6);z-index:100;display:flex;justify-content:flex-end;margin-top:var(--space-2);pointer-events:none}.sticky-save-bar button{pointer-events:all;padding:.75rem 2rem;border-radius:var(--radius-full);font-size:var(--text-base);font-weight:700;background:linear-gradient(135deg,var(--accent-1),#ff512f);border:none;color:#fff;cursor:pointer;box-shadow:0 6px 24px #ff2a6d66,inset 0 1px #fff3;transition:all var(--transition-base);font-family:var(--font-mono);letter-spacing:.05em}.sticky-save-bar button:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 12px 36px #ff2a6d8c,inset 0 1px #fff3}.sticky-save-bar button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.account-settings-card{margin-top:0}.account-settings-card h2{font-size:var(--text-base);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-4);color:var(--accent-2)}.username-input-wrapper{display:flex;align-items:center;background:var(--surface-1);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:0 var(--space-4);overflow:hidden}.username-prefix{color:var(--text-muted);font-size:var(--text-sm);font-family:var(--font-mono);padding-right:var(--space-2);white-space:nowrap;flex-shrink:0}.username-input-wrapper .glass-input{background:transparent!important;border:none!important;padding-left:0;box-shadow:none!important}.admin-subtitle{color:var(--text-muted);font-size:var(--text-sm);margin-top:calc(var(--space-2) * -1);margin-bottom:var(--space-4)}.admin-card{border-color:#ffc80040;background:#ffc80008}.admin-card h2{color:gold}.whitelist-form{display:flex;gap:var(--space-3);align-items:flex-end;flex-wrap:wrap;background:#0003;padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.whitelist-form>div{flex:1;min-width:180px}.users-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:400px;overflow-y:auto;padding-right:var(--space-1);scrollbar-width:thin;scrollbar-color:var(--surface-2) transparent}.user-list-item{display:flex;justify-content:space-between;align-items:center;background:#00000040;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-subtle);transition:border-color var(--transition-fast)}.user-list-item:hover{border-color:var(--surface-3)}.user-item-info{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);flex-wrap:wrap}.role-badge{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);text-transform:uppercase;font-weight:700;letter-spacing:.05em}.role-badge.admin{background:#ffc80026;color:gold;border:1px solid rgba(255,200,0,.4)}.role-badge.member{background:var(--surface-1);color:var(--text-muted);border:1px solid var(--border-medium)}.role-select{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);text-transform:uppercase;font-weight:700;background:var(--surface-1);color:var(--text-primary);border:1px solid var(--border-medium);cursor:pointer;outline:none;letter-spacing:.05em}.role-select.admin{background:#ffc80026;color:gold;border:1px solid rgba(255,200,0,.4)}.role-select.hidden{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.role-select option{background:#111;color:var(--text-heading)}.delete-user-btn{background:transparent;border:1px solid var(--danger-border);color:var(--danger);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.delete-user-btn:hover{background:var(--danger-bg);border-color:#f449}.profile-preview-wrapper{background:#00000059;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);overflow:hidden;position:relative;box-shadow:0 8px 40px #00000080,inset 0 1px #ffffff0a;margin-top:var(--space-3)}.video-background-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;overflow:hidden;pointer-events:none;border-radius:inherit}.dashboard-youtube-iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300%;height:300%;pointer-events:none}.preview-banner{width:100%;height:110px;background-size:cover;background-position:center;border-bottom:2px solid var(--theme-accent)}.profile-info-container{padding:0 var(--space-4) var(--space-4);display:flex;flex-direction:column;align-items:center;position:relative}.avatar-wrapper{position:relative;margin-top:-45px;margin-bottom:var(--space-2)}.preview-avatar{width:90px;height:90px;border-radius:50%;border:3px solid #1a1a1a;box-shadow:0 0 15px var(--theme-accent);object-fit:cover;background:#111}.user-details{padding-bottom:var(--space-1);text-align:center}.display-name{font-family:var(--font-display);font-style:italic;font-size:var(--text-xl);font-weight:400;margin:0;color:var(--text-heading);letter-spacing:-.5px}.user-handle{font-family:var(--font-mono);color:var(--text-heading);font-size:var(--text-sm);margin:0;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.9),0 0 20px rgba(0,0,0,.6)}.preview-bio{padding:0 var(--space-4) var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}textarea.glass-input:focus{background:#0a0a0fd9;border-color:var(--accent-2);box-shadow:0 0 0 3px #05d9e81a,0 0 20px #05d9e814;outline:none}.app-container{min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1}.global-auth-btn{position:absolute;top:var(--space-6);right:var(--space-8);padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-heading);text-decoration:none;z-index:100;border-radius:var(--radius-sm);background:#00000080;transition:all var(--transition-base)}.global-auth-btn:hover{background:#ff2a6d1a;border-color:var(--primary-accent);box-shadow:0 0 10px #ff2a6d33}