*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--black: #050505;--black-2: #0a0a0a;--black-3: #111111;--white: #f5f5f5;--white-2: #e8e8e8;--gray: #666666;--gray-light: #aaaaaa;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-elastic: cubic-bezier(.34, 1.56, .64, 1)}html,body,#root{width:100%;height:100%}body{overflow:hidden;background:var(--black);color:var(--white);font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;cursor:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;min-height:100vh;min-height:100dvh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:url(/assets/img/bg.jpg) center/cover no-repeat,var(--black);filter:grayscale(100%) contrast(1.08) brightness(.72);opacity:.95}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#05050559,#05050514 45%,#05050566)}#root{position:relative;z-index:0}::selection{background:var(--white);color:var(--black)}.noise{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:noiseShift .5s steps(3) infinite}@keyframes noiseShift{0%{transform:translate(0)}25%{transform:translate(-2%,-1%)}50%{transform:translate(1%,2%)}75%{transform:translate(-1%,1%)}to{transform:translate(0)}}.starfield{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;will-change:transform;pointer-events:none}.starfield .star{pointer-events:auto;cursor:grab;touch-action:none}.starfield .star.grabbing{cursor:grabbing;z-index:9999}#particles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background:radial-gradient(ellipse at center,transparent 72%,rgba(0,0,0,.12) 100%)}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;opacity:.004;background:repeating-linear-gradient(0deg,transparent,transparent 4px,rgba(255,255,255,.08) 4px,rgba(255,255,255,.08) 8px)}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;mix-blend-mode:difference}.cursor-dot{width:6px;height:6px;background:var(--white);border-radius:50%;transition:transform .08s var(--ease-out)}.cursor-ring{width:36px;height:36px;border:1px solid var(--white);border-radius:50%;transition:transform .25s var(--ease-out),width .3s var(--ease-out),height .3s var(--ease-out),border-color .3s;opacity:.8}.cursor-ring.hovered{width:58px;height:58px;border-color:var(--white);opacity:1}.cursor-ring.dragging{width:70px;height:70px;border-style:dashed;animation:ringSpin 1.5s linear infinite}@keyframes ringSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.top-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:28px 48px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.logo-mark{font-size:24px;color:var(--white);animation:slowSpin 18s linear infinite;display:inline-block}@keyframes slowSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-center{text-align:center}.nav-brand{font-family:Cormorant Garamond,serif;font-size:22px;font-weight:400;letter-spacing:.08em;opacity:0;animation:fadeInDown 1s .3s var(--ease-out) forwards}.nav-right{text-align:right}.nav-tag{font-size:11px;font-weight:300;letter-spacing:.15em;color:var(--gray);text-transform:uppercase;opacity:0;animation:fadeInDown 1s .5s var(--ease-out) forwards}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.stage{position:relative;z-index:10;width:100%;height:100vh;height:100dvh;display:grid;grid-template-rows:minmax(0,38vh) 1fr;padding:100px 48px 110px;gap:12px}.hero{display:flex;align-items:center;justify-content:center;text-align:center}.hero-meta{opacity:0;animation:fadeIn 1.2s .6s var(--ease-out) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.meta-line{display:inline-block;font-size:10px;font-weight:400;letter-spacing:.4em;text-transform:uppercase;color:var(--gray);margin-bottom:28px;padding:6px 16px;border:1px solid rgba(255,255,255,.1);border-radius:100px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-title{font-family:Cormorant Garamond,serif;font-size:clamp(48px,8vw,110px);font-weight:300;line-height:.95;letter-spacing:-.02em;margin-bottom:20px}.title-line{display:block;overflow:hidden}.title-line-italic{font-style:italic;font-weight:300;color:var(--white)}.hero-date{display:inline-block;font-family:Cormorant Garamond,serif;font-size:clamp(28px,4vw,42px);font-weight:300;font-style:italic;letter-spacing:.12em;color:#f5f5f573;margin-top:8px;opacity:0;animation:fadeIn 1.2s .9s var(--ease-out) forwards}.cards-area{position:relative;display:flex;align-items:center;justify-content:center;gap:80px;width:100%;perspective:1500px;perspective-origin:50% 50%}.card{position:relative;width:280px;height:460px;transform-style:preserve-3d;will-change:transform;user-select:none;-webkit-user-select:none;touch-action:none}.card.draggable{cursor:grab}.card.dragging{cursor:grabbing;z-index:50!important;transition:none}.card-inner{position:relative;width:100%;height:100%;border-radius:4px;overflow:hidden;background:var(--black-2);border:1px solid rgba(255,255,255,.06);transform-style:preserve-3d;transition:transform .4s var(--ease-out);will-change:transform;box-shadow:0 1px #ffffff0a inset,0 30px 60px -20px #000c,0 20px 40px -20px #0009}.card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:5px;pointer-events:none;opacity:0;transition:opacity .5s;z-index:2;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,0) 40%,transparent 60%,rgba(255,255,255,.05))}.card:hover:before{opacity:1}.card:hover .card-inner{border-color:#ffffff26;box-shadow:0 1px #ffffff0f inset,0 40px 80px -20px #000000e6,0 30px 60px -20px #000000b3,0 0 0 1px #ffffff05}.card-front{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:var(--black-3)}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.06),transparent 40%);opacity:0;transition:opacity .6s;pointer-events:none;z-index:1}.card:hover .card-glow{opacity:1}.card-photo{position:relative;width:100%;height:260px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06);background:#0a0a0a}.card-photo img.profile-img{width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(100%) contrast(1.1) brightness(.9);opacity:0;animation:photoIn 1.2s .7s var(--ease-out) forwards;transition:transform 1s var(--ease-out),filter .6s;display:block;background:var(--black-3)}@keyframes photoIn{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.card:hover .card-photo img.profile-img{transform:scale(1.06);filter:grayscale(100%) contrast(1.14) brightness(.95)}.card-photo--misa img.profile-img{object-position:center 25%}.card-photo--e60 img.profile-img{object-position:center 10%}.photo-silhouette{display:none}.photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(5,5,5,.85) 100%),linear-gradient(0deg,rgba(5,5,5,.4),transparent 30%);pointer-events:none}.card-photo:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:skew(-15deg);transition:left .8s var(--ease-out);z-index:2}.card:hover .card-photo:after{left:150%;transition-duration:1.2s}.card-body{position:relative;z-index:2;flex:1;padding:20px 24px 22px;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--black-3) 0%,var(--black-2) 100%)}.card-index{position:absolute;top:18px;right:22px;font-family:Cormorant Garamond,serif;font-size:14px;font-style:italic;color:var(--gray);letter-spacing:.1em;opacity:0;animation:fadeIn .8s 1s forwards}.card-name{font-family:Cormorant Garamond,serif;font-size:42px;font-weight:400;line-height:1;letter-spacing:-.01em;margin-bottom:14px;opacity:0;animation:slideUp .8s 1.1s var(--ease-out) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.card-divider{width:100%;height:1px;background:linear-gradient(90deg,#ffffff1f,#fff0);margin-bottom:16px;opacity:0;animation:expandLine 1s 1.15s var(--ease-out) forwards;transform-origin:left}@keyframes expandLine{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.card-info{display:flex;align-items:baseline;gap:12px;margin-bottom:16px;opacity:0;animation:slideUp .8s 1.2s var(--ease-out) forwards}.info-label{font-size:10px;font-weight:500;letter-spacing:.25em;text-transform:uppercase;color:var(--gray)}.info-value{font-size:13px;font-weight:400;color:var(--white-2)}.info-value--handle{font-family:Space Grotesk,monospace;letter-spacing:.02em;padding:3px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:4px;transition:all .3s}.card:hover .info-value--handle{background:#ffffff14;border-color:#ffffff2e}.card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:auto;opacity:0;animation:slideUp .8s 1.25s var(--ease-out) forwards}.tag{font-size:10px;font-weight:400;letter-spacing:.12em;color:var(--gray-light);padding:4px 10px;border:1px solid rgba(255,255,255,.06);border-radius:3px;transition:all .3s var(--ease-out)}.card:hover .tag{border-color:#ffffff24;color:var(--white)}.floating-tag{position:absolute;font-size:9px;font-weight:300;letter-spacing:.14em;color:#f5f5f552;padding:4px 10px;border:1px solid rgba(255,255,255,.07);border-radius:100px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);pointer-events:none;will-change:transform;text-transform:lowercase;font-family:Cormorant Garamond,serif;font-style:italic;background:#ffffff05;opacity:0;animation:fadeIn 1.4s 1.6s var(--ease-out) forwards}.floating-tag--1{top:10%;left:6%;animation:floatTag 7s ease-in-out infinite,fadeIn 1s 1.5s forwards}.floating-tag--2{top:14%;right:7%;animation:floatTag 8s 1.5s ease-in-out infinite,fadeIn 1s 1.7s forwards}.floating-tag--3{bottom:22%;left:8%;animation:floatTag 6.5s 3s ease-in-out infinite,fadeIn 1s 1.9s forwards}@keyframes floatTag{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:28px 48px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.bottom-left{display:flex;align-items:center}.visits{display:flex;align-items:center;gap:10px;opacity:0;animation:fadeIn 1s 1.4s var(--ease-out) forwards}.visits-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade8099;animation:pulseDot 2s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.visits-label{font-size:10px;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--gray)}.visits-count{font-family:Cormorant Garamond,serif;font-size:18px;font-weight:500;letter-spacing:.05em;color:var(--white);min-width:60px}.visits-count.counted{animation:countPop .5s var(--ease-elastic)}@keyframes countPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.bottom-center{display:flex;justify-content:center}.audio-player{display:flex;align-items:center;gap:14px;padding:10px 18px;border:1px solid rgba(255,255,255,.06);border-radius:100px;background:#ffffff05;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;animation:fadeIn 1s 1.5s var(--ease-out) forwards;max-width:360px;width:100%}.audio-btn{flex-shrink:0;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:var(--black-2);color:var(--white);display:inline-flex;align-items:center;justify-content:center;transition:all .3s var(--ease-out);padding:0;cursor:pointer;font-family:inherit;pointer-events:auto;position:relative;z-index:2}.audio-btn:hover{background:var(--white);color:var(--black);border-color:var(--white);transform:scale(1.05)}.audio-btn svg{width:14px;height:14px;transition:opacity .2s}.audio-btn .icon-play{display:block}.audio-btn .icon-pause,.audio-btn.playing .icon-play{display:none}.audio-btn.playing .icon-pause{display:block}.audio-btn.playing{border-color:var(--white);box-shadow:0 0 20px #ffffff14}.audio-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.audio-title{font-size:11px;font-weight:400;letter-spacing:.15em;color:var(--gray-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s}.audio-btn.playing~.audio-info .audio-title,.audio-player:has(.audio-btn.playing) .audio-title{color:var(--white);animation:titlePulse 3s ease-in-out infinite}@keyframes titlePulse{0%,to{opacity:.8}50%{opacity:1}}.audio-progress{width:100%;height:2px;background:#ffffff0f;border-radius:2px;overflow:hidden;position:relative;cursor:none}.audio-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--white),var(--gray-light));border-radius:2px;transition:width .3s linear}.audio-progress.visualizing .audio-progress-fill{animation:visualizer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--white),var(--gray-light),var(--white));background-size:200% 100%}@keyframes visualizer{0%{background-position:0% 50%}to{background-position:200% 50%}}.bottom-right{display:flex;justify-content:flex-end}.clock{font-family:Cormorant Garamond,serif;font-size:18px;font-weight:300;letter-spacing:.1em;color:var(--gray);opacity:0;animation:fadeIn 1s 1.6s var(--ease-out) forwards}.star{position:absolute;background:var(--white);border-radius:50%;animation:twinkle ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.1;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@media (max-width: 900px){html,body{font-size:13px!important;padding:0!important;margin:0!important;overflow-x:hidden}.cursor-dot,.cursor-ring,.custom-cursor{display:none!important}*{cursor:auto!important}.hero-title{font-size:24px!important;margin:8px 0!important;line-height:1.1!important}.hero-subtitle,.tagline,.date,.hero-date{font-size:.7rem!important}.cards-area{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:12px!important;align-items:start!important}.card,.bio-card,.user{width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;padding:10px 8px!important;border-radius:12px!important;margin:0!important;transform:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;box-sizing:border-box}.card img,.avatar,.card-image{width:48px!important;height:48px!important;max-width:48px!important;border-radius:50%!important;object-fit:cover!important;margin:0!important;flex-shrink:0}.card h2,.user h2,.card .name{font-size:.85rem!important;margin:2px 0!important;line-height:1.1!important;text-align:center}.card p,.user p,.card .handle{font-size:.65rem!important;margin:0 0 6px!important;text-align:center;opacity:.6}.card a,.links a,.bio-link{display:block!important;width:100%!important;padding:6px!important;font-size:.68rem!important;margin:0 0 4px!important;border-radius:7px!important;text-align:center!important;box-sizing:border-box}.tags,.card-tags{display:flex!important;flex-wrap:wrap!important;gap:3px!important;justify-content:center!important;margin-top:3px!important}.tags span,.tag{padding:2px 6px!important;font-size:.6rem!important;border-radius:10px!important}.audio-player,.audio-bar{max-width:92vw!important;padding:8px!important;margin:8px auto!important}.audio-btn,.play-btn{width:32px!important;height:32px!important}.audio-title,.track-title{font-size:.7rem!important}.visits,.visit-counter{font-size:.68rem!important;margin:6px 0!important}body,.app,#root{padding-bottom:70px!important}}@media (max-width: 900px){.card{width:150px!important;height:auto!important;min-height:0!important;max-height:none!important;border-radius:14px!important;padding:0!important;transform-origin:center center!important}.card-inner{border-radius:14px!important;height:auto!important;transform:none!important}.card-front{border-radius:14px!important;height:auto!important;display:flex!important;flex-direction:column!important}.card-photo{width:100%!important;height:150px!important;min-height:0!important;max-height:150px!important;overflow:hidden!important;border-radius:14px 14px 0 0!important;position:relative!important}.profile-img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important}.photo-overlay,.card-glow{display:none!important}.card-body{padding:10px 10px 12px!important;gap:4px!important}.card-index{font-size:.6rem!important;opacity:.5;margin:0!important}.card-name{font-size:.85rem!important;margin:2px 0 4px!important;line-height:1.1!important;letter-spacing:.02em}.card-divider{margin:4px 0!important;height:1px!important;opacity:.2}.card-info{font-size:.62rem!important;gap:3px!important;margin:0!important;flex-direction:column!important;align-items:flex-start!important}.info-label{font-size:.55rem!important;letter-spacing:.15em!important;opacity:.5}.info-value,.info-value--handle{font-size:.68rem!important;word-break:break-all}.card-tags{display:flex!important;flex-wrap:wrap!important;gap:3px!important;margin-top:6px!important;justify-content:flex-start!important}.card-tags .tag{padding:2px 7px!important;font-size:.55rem!important;border-radius:20px!important}.floating-tag{display:none!important}}@media (max-width: 480px){.card{width:46vw!important;max-width:170px!important}.card-photo{height:46vw!important;max-height:170px!important}.card-name{font-size:.8rem!important}.card-info{font-size:.6rem!important}}