.dir{background:#060609;flex-direction:column;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.dir-ambient{pointer-events:none;opacity:0;transition:opacity 2s .2s;position:fixed;inset:-15%}.dir.entered .dir-ambient{opacity:1}.dir-orb{filter:blur(50px);will-change:transform;contain:layout style;border-radius:50%;position:absolute;transform:translateZ(0)}.dir-orb-1{background:#370fff0d;width:500px;height:500px;animation:22s ease-in-out infinite d-d1;top:15%;left:10%}.dir-orb-2{background:#c8ff5708;width:400px;height:400px;animation:26s ease-in-out infinite d-d2;top:60%;right:10%}.dir-orb-3{background:#6e00d20a;width:350px;height:350px;animation:20s ease-in-out infinite d-d3;bottom:10%;left:30%}.dir-orb-4{background:#008cff06;width:300px;height:300px;animation:24s ease-in-out infinite d-d4;top:35%;right:35%}@keyframes d-d1{0%,to{transform:translate(0)}50%{transform:translate(60px,-40px)}}@keyframes d-d2{0%,to{transform:translate(0)}50%{transform:translate(-40px,30px)}}@keyframes d-d3{0%,to{transform:translate(0)}50%{transform:translate(30px,-20px)}}@keyframes d-d4{0%,to{transform:translate(0)}50%{transform:translate(-20px,25px)}}.dir-noise{pointer-events:none;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px;position:fixed;inset:0}.dir-vig{pointer-events:none;background:radial-gradient(70% 70%,#0000,#06060999);position:fixed;inset:0}.dir-nav{z-index:60;opacity:0;justify-content:space-between;align-items:center;width:100%;padding:20px 24px 8px;animation:.6s .3s forwards d-fadein;display:flex;position:relative}.dir-login-link{font-family:var(--font-display), "Instrument Serif", Georgia, serif;color:#ffffff59;letter-spacing:.02em;font-size:12px;font-style:italic;text-decoration:none;transition:color .3s}.dir-login-link--join{color:#a855f773}.dir-login-link:hover{color:#fff9}.dir-login-link:focus-visible{outline-offset:2px;outline:2px solid #c8ff5799}.dir-header{z-index:10;text-align:center;opacity:0;width:100%;padding:24px 24px 12px;position:relative;transform:translateY(14px)}.dir.entered .dir-header{animation:.5s ease-out .15s forwards d-slideup}.dir-title{font-family:var(--font-display), "Instrument Serif", Georgia, serif;letter-spacing:.03em;color:#fff;margin:0 0 10px;font-size:clamp(22px,2.5vw,28px);font-style:italic;font-weight:400;line-height:1}.dir-stats{font-family:var(--font-mono), "JetBrains Mono", monospace;letter-spacing:.06em;justify-content:center;align-items:center;gap:8px;font-size:10px;display:flex}.dir-stats-online{color:#c8ff57;align-items:center;gap:5px;display:flex}.dir-stats-dot{background:#c8ff57;border-radius:50%;width:5px;height:5px;animation:2.5s ease-in-out infinite d-pulse-dot}@keyframes d-pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.dir-stats-sep{color:#ffffff1f}.dir-stats-total{color:#ffffff4d}.dir-searchbar{z-index:10;opacity:0;width:100%;max-width:1024px;margin:0 auto;padding:0 24px;position:relative;transform:translateY(14px)}.dir.entered .dir-searchbar{animation:.5s ease-out .2s forwards d-slideup}.dir-searchbar-inner{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;transition:border-color .3s,background .3s;display:flex}.dir-searchbar-inner:focus-within{background:#ffffff09;border-color:#c8ff5726}.dir-searchbar-icon{color:#ffffff40;flex-shrink:0;transition:color .2s}.dir-searchbar-inner:focus-within .dir-searchbar-icon{color:#c8ff5780}.dir-searchbar input{color:#fffc;font-family:var(--font-mono), "JetBrains Mono", monospace;background:0 0;border:none;outline:none;flex:1;font-size:11px}.dir-searchbar input::placeholder{color:#ffffff2e}.dir-searchbar-clear{color:#ffffff4d;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background .2s,color .2s;display:flex}.dir-searchbar-clear:hover{color:#ffffff80;background:#ffffff0d}.dir-searchbar-divider{background:#ffffff0f;flex-shrink:0;width:1px;height:16px}.dir-view-toggle{flex-shrink:0;align-items:center;gap:2px;display:flex}.dir-view-btn{color:#fff3;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:color .2s,background .2s;display:flex}.dir-view-btn:hover{color:#fff6}.dir-view-btn:focus-visible{outline-offset:2px;outline:2px solid #c8ff5799}.dir-view-btn.active{color:#c8ff57;background:#c8ff5714}.dir-members{z-index:2;opacity:0;width:100%;max-width:1024px;margin:0 auto;padding:20px 24px 48px;position:relative;transform:translateY(16px)}.dir.entered .dir-members{animation:.7s cubic-bezier(.16,1,.3,1) .3s forwards d-slideup}.dir-result-count{margin-bottom:12px;padding:0 4px}.dir-result-count span{font-family:var(--font-mono), "JetBrains Mono", monospace;letter-spacing:2px;text-transform:uppercase;color:#c8c8dc4d;font-size:9px}.dir-empty{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:12px;padding:80px 0;display:flex;position:relative}.dir-empty span{font-family:var(--font-mono), "JetBrains Mono", monospace;color:#fff3;font-size:11px}.dir-empty-clear{font-family:var(--font-mono), "JetBrains Mono", monospace;letter-spacing:1px;text-transform:uppercase;color:#c8ff5766;cursor:pointer;background:0 0;border:1px solid #c8ff5726;border-radius:3px;padding:6px 14px;font-size:9px;transition:color .2s,border-color .2s,background .2s}.dir-empty-clear:hover{color:#c8ff57b3;background:#c8ff570a;border-color:#c8ff574d}.dir-empty-clear:focus-visible{outline-offset:2px;outline:2px solid #c8ff5799}.dir-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;width:100%;display:grid;position:relative}@media (min-width:640px){.dir-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.dir-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.dir-grid{grid-template-columns:repeat(5,1fr)}}.dir-list{flex-direction:column;gap:3px;max-width:640px;margin:0 auto;display:flex;position:relative}.clq-card{cursor:pointer;opacity:0;will-change:transform;contain:layout style paint;background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;align-items:center;padding:20px 14px 16px;text-decoration:none;transition:border-color .3s,background .3s,transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;animation:.6s cubic-bezier(.16,1,.3,1) forwards d-slideup;display:flex;position:relative;overflow:hidden;transform:translateY(16px)translateZ(0)}.clq-card-glow{opacity:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 50% 20%,#c8ff570a 0%,#0000 65%);transition:opacity .5s;position:absolute;inset:0}.clq-card:hover .clq-card-glow{opacity:1}.clq-card-accent-bar{opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#c8ff5766,#0000);height:1px;transition:opacity .5s;position:absolute;top:0;left:20%;right:20%}.clq-card:hover .clq-card-accent-bar{opacity:1}.clq-card-glare{opacity:0;pointer-events:none;border-radius:inherit;z-index:1;transition:opacity .5s;position:absolute;inset:0}.clq-card:hover{background:#ffffff08;border-color:#ffffff1a;box-shadow:0 8px 30px #0000004d}.clq-list-item{cursor:pointer;opacity:0;background:#ffffff04;border:1px solid #ffffff0a;border-radius:12px;align-items:center;gap:14px;padding:10px 14px;text-decoration:none;transition:border-color .2s,background .2s;animation:.6s cubic-bezier(.16,1,.3,1) forwards d-slideup;display:flex;position:relative;overflow:hidden;transform:translateY(12px)}.clq-list-accent{opacity:0;background:#c8ff57;border-radius:2px;width:2px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0}.clq-list-item:hover .clq-list-accent{opacity:1}.clq-list-hover-grad{opacity:0;pointer-events:none;background:linear-gradient(90deg,#c8ff5705 0%,#0000 50%);transition:opacity .3s;position:absolute;inset:0}.clq-list-item:hover .clq-list-hover-grad{opacity:1}.clq-list-item:hover{background:#ffffff06;border-color:#ffffff14}.clq-list-avatar-wrap{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.clq-list-avatar-wrap .clq-card-avatar{border:1.5px solid #ffffff14;width:36px;height:36px}.clq-list-avatar-wrap .clq-card-avatar-placeholder{width:36px;height:36px;font-size:14px}.clq-list-avatar-wrap .clq-card-avatar-deco{width:calc(100% + 12px);height:calc(100% + 12px)}.clq-list-avatar-wrap .clq-card-status{border-width:2px;width:10px;height:10px;bottom:-2px;right:-2px}.clq-list-info{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.clq-list-info .clq-card-name{font-size:13px}.clq-list-role{font-family:var(--font-mono), "JetBrains Mono", monospace;letter-spacing:.06em;text-transform:capitalize;border-radius:20px;flex-shrink:0;padding:3px 8px;font-size:8px}.clq-list-status{font-family:var(--font-mono), "JetBrains Mono", monospace;letter-spacing:.04em;text-align:right;flex-shrink:0;min-width:36px;font-size:8px}.clq-card-avatar-wrap{justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:10px;display:flex;position:relative}.clq-card-avatar{object-fit:cover;opacity:0;border:2px solid #ffffff0f;border-radius:50%;width:60px;height:60px;transition:opacity .4s,transform .5s}.clq-card:hover .clq-card-avatar{transform:scale(1.1)}.clq-card-avatar.loaded{opacity:1}.clq-card-avatar-placeholder{width:60px;height:60px;font-family:var(--font-display), "Instrument Serif", Georgia, serif;color:#c8c8dc4d;background:#ffffff0a;border:2px solid #ffffff0f;border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-style:italic;display:flex}.clq-card-avatar-deco{object-fit:contain;pointer-events:none;z-index:1;width:calc(100% + 16px);height:calc(100% + 16px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clq-card-status{z-index:2;border:2.5px solid #060609;border-radius:50%;width:14px;height:14px;transition:box-shadow .3s;position:absolute;bottom:0;right:0}.clq-status-online{box-shadow:0 0 8px #c8ff5766}.clq-card-name-row{justify-content:center;align-items:center;gap:4px;min-height:20px;display:flex}.clq-card-verified{flex-shrink:0}.clq-card-name{font-family:var(--font-display), "Instrument Serif", Georgia, serif;color:#ffffffd9;letter-spacing:.02em;font-size:13px;font-style:italic;font-weight:400;transition:color .3s}.clq-card:hover .clq-card-name,.clq-list-item:hover .clq-card-name{color:#c8ff57}.clq-card-tagline{font-family:var(--font-mono), "JetBrains Mono", monospace;letter-spacing:.06em;text-transform:capitalize;color:#ffffff4d;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:2px;font-size:8px;overflow:hidden}.clq-card-role{font-family:var(--font-mono), "JetBrains Mono", monospace;letter-spacing:.06em;text-transform:capitalize;min-height:14px;margin-top:1px;font-size:9px}.dir-extras{z-index:2;opacity:0;justify-content:center;padding:0 24px;display:flex;position:relative}.dir.entered .dir-extras{animation:.6s cubic-bezier(.16,1,.3,1) .8s forwards d-slideup}.dir-discord-cta{color:#7289dacc;font-family:var(--font-mono), "JetBrains Mono", monospace;letter-spacing:.06em;background:#5865f21a;border:1px solid #5865f233;border-radius:999px;align-items:center;gap:10px;padding:10px 20px;font-size:10px;text-decoration:none;transition:background .3s,border-color .3s,transform .3s;display:inline-flex}.dir-discord-cta:hover{background:#5865f226;border-color:#5865f259;transform:scale(1.03)}.dir-footer{text-align:center;z-index:2;opacity:0;padding:24px 0 32px;animation:.6s 1.2s forwards d-fadein;position:relative}.dir-footer span{font-family:var(--font-display), "Instrument Serif", Georgia, serif;color:#ffffff26;font-size:11px;font-style:italic}@keyframes d-slideup{0%{opacity:0;transform:translateY(24px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes d-fadein{0%{opacity:0}to{opacity:1}}.dir-grid .clq-card,.dir-list .clq-list-item{opacity:0;transition:opacity .4s ease-out,transform .4s ease-out,border-color .3s,background .3s,box-shadow .4s;animation:none;transform:translateY(16px)}.dir-grid .card-revealed,.dir-list .card-revealed{opacity:1;transform:translateY(0)}@media (max-width:600px){.dir-grid{grid-template-columns:repeat(2,1fr);gap:8px}.clq-list-status,.clq-list-role{display:none}.dir-nav,.dir-header{padding:16px 16px 8px}.dir-searchbar{padding:0 16px}.dir-members{padding:16px 16px 48px}}.dir-music-fixed{z-index:50;position:fixed;bottom:24px;right:24px}@media (prefers-reduced-motion:reduce){.dir-orb{animation:none!important}.clq-card,.clq-list-item,.dir-header,.dir-footer,.dir-nav,.dir-searchbar,.dir-extras{opacity:1!important;animation:none!important;transform:none!important}}