:root{--void:#02040d;--panel:rgba(8,12,27,.8);--white:#f3f6ff;--muted:#929bb4;--blue:#7aa7ff;--cyan:#5ee9ff;--violet:#9a7cff;--line:rgba(151,177,255,.17)}*{box-sizing:border-box}html{min-height:100%;background:var(--void)}body{min-height:100vh;margin:0;overflow-x:hidden;color:var(--white);font-family:"DM Sans",sans-serif;background:#02040d url("/assets/images/cosmic-background.webp") center/cover fixed no-repeat}body::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 50% 10%,rgba(77,111,214,.13),transparent 42%),linear-gradient(180deg,rgba(1,3,10,.3),rgba(1,3,10,.86))}.noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cosmos{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.cosmos::before,.cosmos::after{content:"";position:absolute;inset:-20%;background-image:radial-gradient(circle,#dce8ff 0 1px,transparent 1.5px);background-size:95px 95px;opacity:.3;animation:stars 55s linear infinite}.cosmos::after{background-size:157px 157px;opacity:.16;animation-duration:85s;animation-direction:reverse}.cosmos i{position:absolute;border:1px solid rgba(111,165,255,.16);border-radius:50%;box-shadow:0 0 80px rgba(87,123,255,.07)}.cosmos i:nth-child(1){width:580px;height:580px;left:-240px;top:12%;animation:float 9s ease-in-out infinite}.cosmos i:nth-child(2){width:410px;height:410px;right:-170px;bottom:-70px;animation:float 12s ease-in-out infinite reverse}.cosmos i:nth-child(3){width:6px;height:6px;left:72%;top:18%;background:var(--cyan);box-shadow:0 0 28px 7px rgba(94,233,255,.35)}@keyframes stars{to{transform:translate3d(80px,-70px,0)}}@keyframes float{50%{transform:translateY(-24px) scale(1.03)}}
.entry{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:rgba(2,4,13,.58);backdrop-filter:blur(15px);transition:opacity .8s,visibility .8s}.entry.hidden{opacity:0;visibility:hidden}.entry-button{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:42px 62px;border:1px solid var(--line);border-radius:24px;color:var(--white);background:linear-gradient(145deg,rgba(12,18,40,.72),rgba(5,8,20,.5));font:inherit;cursor:pointer;box-shadow:0 25px 90px #0008,inset 0 1px #ffffff0f;transition:.35s}.entry-button:hover{transform:translateY(-5px);box-shadow:0 30px 110px rgba(48,71,175,.3)}.entry-button small{margin-top:14px;color:#8995b7;font:600 9px "Space Grotesk";letter-spacing:3px}.entry-button strong{font:700 clamp(30px,5vw,52px) "Space Grotesk";letter-spacing:-2px}.entry-button em{color:var(--cyan);font-style:normal;font-size:13px}.signal{display:grid;place-items:center;width:48px;height:48px;border:1px solid #5ee9ff59;border-radius:50%}.signal::before,.signal::after{content:"";position:absolute;width:48px;height:48px;border:1px solid #5ee9ff33;border-radius:50%;animation:pulse 2s infinite}.signal::after{animation-delay:1s}.signal i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 17px var(--cyan)}@keyframes pulse{to{transform:scale(1.9);opacity:0}}
.profile-shell{min-height:100vh;padding:65px 20px;display:grid;place-items:start center;opacity:0;transform:translateY(20px);transition:opacity .8s .15s,transform .8s .15s}.profile-shell.visible{opacity:1;transform:none}.bio-card{width:min(760px,100%);overflow:hidden;border:1px solid #8aa4ea33;border-radius:28px;background:var(--panel);box-shadow:0 35px 120px #0009,0 0 80px #4d69da14;backdrop-filter:blur(25px)}.banner{height:205px;position:relative;overflow:hidden;background:linear-gradient(110deg,#04071366,#4447a32e),url("/assets/images/cosmic-background.webp") center 40%/cover}.banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#050814d1),repeating-linear-gradient(90deg,transparent 0 79px,#ffffff06 80px)}.banner-copy{position:absolute;z-index:2;left:28px;top:28px;display:flex;flex-direction:column}.banner-copy span{color:#d6e3ff8c;font:600 8px "Space Grotesk";letter-spacing:2.4px}.banner-copy strong{margin-top:3px;font:600 16px "Space Grotesk"}.views{position:absolute;z-index:3;right:20px;top:18px;display:flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #ffffff1a;border-radius:999px;background:#03050e8c;font:600 9px "Space Grotesk"}.views i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.profile-content{position:relative;padding:0 38px 25px}.avatar-wrap{position:relative;width:128px;height:128px;margin:-64px auto 18px;padding:5px;border-radius:50%;background:#080c1d;z-index:4}.avatar-wrap img{width:100%;height:100%;object-fit:cover;border-radius:50%;filter:saturate(.8) contrast(1.05)}.avatar-ring{position:absolute;inset:-7px;border:1px solid #5ee9ff73;border-left-color:transparent;border-radius:50%;animation:spin 9s linear infinite}.presence{position:absolute;right:7px;bottom:11px;width:18px;height:18px;border:4px solid #080c1d;border-radius:50%;background:#69efb2;box-shadow:0 0 12px #69efb2}@keyframes spin{to{transform:rotate(360deg)}}
.identity{text-align:center}.kicker{margin:0 0 7px;color:#73809f;font:600 8px "Space Grotesk";letter-spacing:2.3px}.identity h1{margin:0;font:700 clamp(32px,6vw,48px)/1 "Space Grotesk";letter-spacing:-2px}.identity h1 span{color:var(--cyan);text-shadow:0 0 20px #5ee9ff8c}.handle{margin:7px 0 12px;color:#8d98b7;font-size:12px}.badges,.orbit-links{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}.badges span{padding:5px 9px;border:1px solid #7aa7ff45;border-radius:999px;color:#9fbfff;background:#2d44801f;font:600 8px "Space Grotesk";letter-spacing:1px}.intro{max-width:520px;margin:18px auto 14px;color:#aab3c9;font-size:14px;line-height:1.65}.meta{display:flex;justify-content:center;gap:22px;color:#7f8aa7;font-size:10px}.meta span:first-child{color:#9db9ad}.meta i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#69efb2;box-shadow:0 0 9px #69efb2}.orbit-links{margin:23px 0}.orbit-links a{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:13px;color:#b9ceff;background:#161e3b80;font:700 12px "Space Grotesk";text-decoration:none;transition:.25s}.orbit-links a:hover{color:var(--cyan);border-color:#5ee9ff99;transform:translateY(-4px);box-shadow:0 10px 25px #3289c733}
.link-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.link-card{min-height:78px;display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:12px;padding:12px 15px;border:1px solid var(--line);border-radius:15px;color:var(--white);background:linear-gradient(135deg,#161d39a6,#0a0e1f73);text-decoration:none;transition:.3s}.link-card:hover{border-color:#7aa7ff7a;background:linear-gradient(135deg,#222e56b8,#0b102399);box-shadow:0 14px 35px #00000038}.link-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid #7aa7ff38;border-radius:12px;color:var(--cyan);background:#283b6f33;font:700 17px "Space Grotesk"}.link-card>span:nth-child(2){display:flex;min-width:0;flex-direction:column}.link-card strong{font:600 12px "Space Grotesk"}.link-card small{overflow:hidden;color:#76819e;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.link-card>i{color:#667392;font-style:normal;font-size:13px}.link-card:hover>i{color:var(--cyan)}footer{display:flex;justify-content:space-between;margin-top:24px;padding-top:18px;border-top:1px solid var(--line);color:#59647f;font:600 7px "Space Grotesk";letter-spacing:1.7px}.sound-control{position:fixed;z-index:30;right:24px;top:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;gap:3px;border:1px solid var(--line);border-radius:14px;background:#050916bf;backdrop-filter:blur(15px);cursor:pointer}.sound-control i{width:2px;height:10px;border-radius:2px;background:var(--cyan);animation:wave .8s ease-in-out infinite alternate}.sound-control i:nth-child(2){height:18px;animation-delay:-.3s}.sound-control i:nth-child(3){height:14px;animation-delay:-.6s}.sound-control i:nth-child(4){height:7px;animation-delay:-.15s}.sound-control[aria-pressed=false] i{height:3px!important;animation:none}@keyframes wave{to{transform:scaleY(.45)}}
@media(max-width:620px){.profile-shell{padding:28px 10px}.bio-card{border-radius:22px}.banner{height:165px}.profile-content{padding-inline:16px}.avatar-wrap{width:108px;height:108px;margin-top:-54px}.link-grid{grid-template-columns:1fr}.entry-button{width:calc(100vw - 32px);padding:36px 20px}.sound-control{right:14px;top:14px;width:43px;height:43px}.meta{flex-direction:column;gap:4px}.banner-copy{left:18px;top:20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Night Mood v4 — finition plus profonde et plus premium. */
html{scrollbar-color:#526596 #050817;scrollbar-width:thin}body{background-position:center;letter-spacing:.005em}body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 105%,rgba(68,55,175,.24),transparent 48%),linear-gradient(90deg,rgba(2,4,13,.56),transparent 28% 72%,rgba(2,4,13,.56))}.profile-shell{padding-block:48px 72px;perspective:1200px}.bio-card{position:relative;border-color:rgba(167,192,255,.24);background:linear-gradient(155deg,rgba(13,19,40,.88),rgba(5,8,20,.9));box-shadow:0 45px 140px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.025) inset,0 0 100px rgba(91,111,255,.1);isolation:isolate}.bio-card::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(137,191,255,.6),transparent 23%,transparent 71%,rgba(157,108,255,.42));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}.bio-card::after{content:"";position:absolute;z-index:-2;width:70%;height:220px;left:15%;top:120px;border-radius:50%;background:rgba(76,94,255,.15);filter:blur(75px);pointer-events:none}.banner{height:220px;background-position:center 43%;border-bottom:1px solid rgba(132,166,255,.17)}.banner::before{content:"";position:absolute;z-index:1;inset:0;background:radial-gradient(circle at 76% 42%,transparent 0 18%,rgba(107,91,255,.1) 18.5%,transparent 19.3%),linear-gradient(105deg,rgba(2,5,15,.65),transparent 52%)}.banner-copy{top:32px;left:34px}.banner-copy span{color:#a9c5ff;font-size:7px}.banner-copy strong{margin-top:6px;font-size:18px;letter-spacing:-.35px;text-shadow:0 4px 25px #000}.views{top:24px;right:27px;border-color:rgba(94,233,255,.2);box-shadow:0 8px 25px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.04)}.profile-content{padding:0 42px 29px}.avatar-wrap{width:136px;height:136px;margin-top:-68px;padding:6px;background:linear-gradient(145deg,#111a37,#060917);box-shadow:0 18px 45px rgba(0,0,0,.58),0 0 35px rgba(94,233,255,.12)}.avatar-wrap::before{content:"";position:absolute;inset:9px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);z-index:2;pointer-events:none}.avatar-ring{inset:-10px;border-color:rgba(94,233,255,.58);border-left-color:transparent;filter:drop-shadow(0 0 5px rgba(94,233,255,.35))}.presence{right:4px;bottom:12px;width:20px;height:20px}.kicker{color:#8392bb;letter-spacing:2.8px}.identity h1{background:linear-gradient(180deg,#fff,#d7e2ff);background-clip:text;color:transparent;text-shadow:0 12px 40px rgba(0,0,0,.3)}.handle{color:#8595bc}.badges{gap:8px}.badges span{padding:6px 11px;border-color:rgba(122,167,255,.3);background:linear-gradient(180deg,rgba(58,78,138,.28),rgba(25,36,77,.15));box-shadow:inset 0 1px rgba(255,255,255,.04)}.intro{max-width:550px;color:#b6c0d7;font-size:14px}.meta{margin-top:17px}.orbit-links{position:relative;margin:26px 0}.orbit-links::before{content:"";position:absolute;width:180px;height:1px;top:50%;left:calc(50% - 90px);z-index:-1;background:linear-gradient(90deg,transparent,rgba(94,233,255,.23),transparent)}.orbit-links a{width:46px;height:46px;border-color:rgba(134,166,255,.25);background:linear-gradient(145deg,rgba(31,43,84,.75),rgba(10,15,34,.8));box-shadow:0 9px 25px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.05)}.orbit-links a:hover{transform:translateY(-5px) scale(1.04);box-shadow:0 13px 32px rgba(24,128,198,.24),inset 0 1px rgba(255,255,255,.08)}.link-grid{gap:13px}.link-card{position:relative;overflow:hidden;min-height:84px;padding:14px 16px;border-color:rgba(134,161,226,.16);background:linear-gradient(125deg,rgba(27,37,72,.72),rgba(8,12,28,.72));box-shadow:inset 0 1px rgba(255,255,255,.035)}.link-card::before{content:"";position:absolute;width:120px;height:120px;left:-80px;top:-75px;border-radius:50%;background:var(--cyan);opacity:0;filter:blur(45px);transition:opacity .35s}.link-card:hover::before{opacity:.12}.link-card:hover{border-color:rgba(94,233,255,.32);box-shadow:0 18px 42px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.06)}.link-icon{position:relative;border-color:rgba(113,180,255,.3);background:linear-gradient(145deg,rgba(50,72,131,.44),rgba(17,27,62,.55));box-shadow:0 8px 20px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.06)}.link-card strong{font-size:13px}.link-card small{margin-top:2px;color:#8591af}.link-card>i{display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(128,153,213,.14);border-radius:50%}.link-card:hover>i{border-color:rgba(94,233,255,.3);transform:translate(2px,-2px)}footer{margin-top:28px;padding-top:20px}.sound-control{border-color:rgba(127,165,255,.25);background:linear-gradient(145deg,rgba(18,27,57,.9),rgba(4,7,17,.9));box-shadow:0 15px 42px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.05);transition:transform .25s,border-color .25s}.sound-control:hover{transform:translateY(-2px);border-color:rgba(94,233,255,.48)}.entry{background:radial-gradient(circle at center,rgba(10,18,43,.35),rgba(1,3,10,.82));backdrop-filter:blur(20px)}.entry-button{overflow:hidden;border-color:rgba(139,175,255,.24);background:linear-gradient(145deg,rgba(14,22,48,.78),rgba(5,8,21,.7));box-shadow:0 35px 120px rgba(0,0,0,.64),inset 0 1px rgba(255,255,255,.07)}.entry-button::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(119,196,255,.08) 48%,transparent 76%);transform:translateX(-100%);animation:scan 4s ease-in-out infinite}.entry-button>*{position:relative}.entry-button strong{background:linear-gradient(100deg,#fff 30%,#a8c6ff 70%,#d8c6ff);background-clip:text;color:transparent}.entry-button:hover{border-color:rgba(94,233,255,.38);transform:translateY(-6px) scale(1.01)}@keyframes scan{50%,100%{transform:translateX(100%)}}
@media(max-width:620px){.profile-shell{padding-top:18px}.bio-card{border-radius:20px}.banner{height:175px}.profile-content{padding-inline:17px}.avatar-wrap{width:112px;height:112px;margin-top:-56px}.identity h1{font-size:34px}.intro{font-size:13px}.link-card{min-height:78px}.banner-copy{left:20px;top:21px}.banner-copy strong{font-size:15px}.views{right:16px;top:16px}.entry-button{border-radius:20px}}

/* Orbit v5: soft depth, pointer light and readable details. */
.bio-card{--tilt-x:0deg;--tilt-y:0deg;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .65s cubic-bezier(.2,.7,.2,1),border-color .4s,box-shadow .4s}
.bio-card.is-tracking{transition:transform .16s ease-out,border-color .4s,box-shadow .4s;border-color:#91cbff66;box-shadow:0 48px 120px #000a,0 0 70px #638aff22}
.bio-card::after{inset:0;width:auto;height:auto;border-radius:inherit;filter:none;background:radial-gradient(500px circle at var(--light-x,50%) var(--light-y,15%),#8fbcff17,transparent 70%);z-index:5;opacity:.55;transition:opacity .4s}
.bio-card.is-tracking::after{opacity:1}
.views{gap:8px;min-height:36px;top:22px;right:22px;padding:8px 12px;color:#e3efff;font:500 14px/1 "Space Grotesk",sans-serif;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#101c32eb,#050a18db);border-color:#99cdff38;backdrop-filter:blur(14px)}
/* Minimal eye: crisp eyelids, luminous iris and clear pupil at small sizes. */
.views-eye{position:relative;display:inline-block;width:30px;height:22px;flex:0 0 30px;color:var(--cyan);filter:drop-shadow(0 0 5px #5ee9ff55)}
.views-eye::before{content:"";position:absolute;inset:3px 1px;box-sizing:border-box;border-top:2px solid currentColor;border-bottom:2px solid var(--blue);border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--void) 0 3px,var(--cyan) 3.3px 5px,#7aa7ff40 5.3px 8px,transparent 8.4px)}
.views-eye::after{content:"";position:absolute;left:13px;top:7px;width:3px;height:3px;border-radius:50%;background:var(--white);box-shadow:0 0 4px #fff}
.views-label{color:#a4b4cf;font:400 12px "DM Sans",sans-serif}.views.unavailable{font-size:12px}.views.unavailable .views-label{display:none}
.banner-copy{top:78px}.banner-copy span{font-size:12px;letter-spacing:1.8px}.banner-copy strong{font-size:21px}
.kicker{font-size:12px;letter-spacing:1.8px}.handle{font-size:14px}.badges span{font-size:12px;letter-spacing:.6px}.intro{font-size:16px;line-height:1.75}.meta{font-size:14px;color:#a5b1ce}
.link-card{min-height:90px}.link-card strong{font-size:16px}.link-card small{font-size:12px;color:#a2aec9;white-space:normal;overflow-wrap:anywhere}.link-card:hover{transform:translateY(-3px)}
footer{font-size:12px;letter-spacing:.6px;color:#95a1bf;gap:14px;flex-wrap:wrap}.entry-button small{font-size:12px;letter-spacing:2px}.entry-button em{font-size:14px}
.sound-control{top:auto;bottom:24px}
:where(a,button):focus-visible{outline:2px solid #8ceaff;outline-offset:5px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.profile-shell.visible .bio-card{animation:card-arrive 1s cubic-bezier(.16,1,.3,1) both}@keyframes card-arrive{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}}
@media(max-width:620px){.views{top:14px;right:14px;padding:7px 10px}.banner-copy{top:68px;left:20px}.banner-copy strong{font-size:18px}.banner-copy span{font-size:12px}.intro{font-size:16px}.kicker{font-size:12px;letter-spacing:1px}.sound-control{top:auto;bottom:16px}.profile-shell{padding-bottom:84px}.profile-content{padding-inline:20px}.link-card{gap:10px;padding-inline:12px}.identity h1{font-size:clamp(26px,8vw,34px)}}
@media(prefers-reduced-motion:reduce){.bio-card,.link-card:hover,.orbit-links a:hover,.entry-button:hover{transform:none!important}}