:root{--accent:#d0baff;--text:#f5f1ff;--bg:#100e18;--opacity:.45;--blur:18px;--radius:24px;--width:560px;--font:'DM Sans',sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px var(--font);min-height:100svh}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{border:0}a{color:inherit;text-decoration:none} [hidden]{display:none!important}
#backdrop,#backgroundVideo,.shade,#particles{position:fixed;inset:0;pointer-events:none}#backdrop{background:radial-gradient(ellipse at 18% 20%,#65498055,transparent 50%),radial-gradient(ellipse at 86% 80%,#34386866,transparent 52%),var(--bg);background-position:center;background-size:cover}#backgroundVideo{width:100%;height:100%;object-fit:cover}.shade{background:linear-gradient(#0002,#0005)}#particles{overflow:hidden}.particle{position:absolute;left:var(--x);top:-30px;background:var(--accent);width:var(--size);height:var(--size);border-radius:50%;opacity:0;animation:fall var(--speed) linear infinite;animation-delay:var(--delay);box-shadow:0 0 9px var(--accent)}.particle.rain{height:35px;width:1px;box-shadow:none}.particle.stars{animation-name:twinkle;top:var(--y)}
@keyframes fall{10%,80%{opacity:.5}to{transform:translate(45px,110vh);opacity:0}}@keyframes twinkle{20%,70%{opacity:.65;transform:scale(1.2)}}
.enter{position:fixed;inset:0;width:100%;height:100%;z-index:10;background:#08070bd9;backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;letter-spacing:3px;transition:opacity .7s,visibility .7s}.enter #enterLabel{font-size:18px;text-shadow:0 0 22px var(--accent)}.enterSmall{font-size:10px;letter-spacing:5px;opacity:.4}.entered .enter{opacity:0;visibility:hidden;pointer-events:none}#page{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:110px 22px;opacity:0;transform:translateY(18px);transition:opacity .85s,transform .85s}.entered #page{opacity:1;transform:none}.siteMark{position:absolute;top:35px;left:40px;font-size:12px;letter-spacing:2px;opacity:.6}.siteMark span{margin-left:12px;color:var(--accent)}.profileStack{width:min(100%,var(--width));perspective:1000px}.glass{background:rgba(17,15,24,var(--opacity));border:1px solid #ffffff20;border-radius:var(--radius);backdrop-filter:blur(var(--blur));box-shadow:0 24px 90px #0004}#card{padding:40px 38px 20px;text-align:center;transition:transform .15s ease-out}.avatarFrame{width:112px;height:112px;margin:0 auto 23px;border-radius:50%;display:grid;place-items:center;border:1px solid #ffffff40;background:linear-gradient(135deg,#d0baff20,#ffffff04);box-shadow:0 0 40px #b692ff16;overflow:hidden}#avatar{width:100%;height:100%;object-fit:cover}#avatarFallback{font-size:34px;color:var(--accent);letter-spacing:-4px}.handle,.eyebrow{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;opacity:.5}h1{margin:8px 0 13px;font-size:43px;letter-spacing:-1.7px;line-height:1.1;overflow-wrap:anywhere}.glow h1{text-shadow:0 0 20px color-mix(in srgb,var(--accent) 65%,transparent)}#bio{min-height:24px;line-height:1.7;opacity:.7;white-space:pre-line;overflow-wrap:anywhere;margin:0 auto;max-width:400px}.ornament{margin:23px 0;color:var(--accent);font-size:11px;letter-spacing:4px;opacity:.45}#links{display:grid;gap:10px}#links a{display:flex;align-items:center;gap:13px;border:1px solid #ffffff16;background:#ffffff05;border-radius:12px;padding:15px 17px;transition:background .2s,transform .2s,border-color .2s;text-align:left}#links a:hover{background:#ffffff0d;border-color:var(--accent);transform:translateY(-2px)}.linkIcon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);flex:none}.linkIcon svg{width:22px;height:22px;fill:currentColor}.linkLabel{overflow-wrap:anywhere;flex:1}.linkArrow{opacity:.35;font-size:18px}.icons #links{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.icons #links a{padding:12px;border:0;background:transparent}.icons .linkLabel,.icons .linkArrow{display:none}.icons .linkIcon,.icons .linkIcon svg{width:28px;height:28px}.cardFooter{display:flex;align-items:center;justify-content:space-between;margin-top:30px;border-top:1px solid #ffffff0d;padding-top:17px;font-size:10px;letter-spacing:1px;color:color-mix(in srgb,var(--text) 45%,transparent)}#copy{background:transparent;padding:5px;font-size:10px}#copy:hover{color:var(--accent)}.player{margin-top:14px;padding:18px;display:flex;align-items:center;gap:15px}.record{width:48px;height:48px;border:1px solid #ffffff20;border-radius:12px;display:grid;place-items:center;background:#ffffff05;font-size:24px;color:var(--accent)}.track{min-width:0;flex:1}.eyebrow{font-size:8px}.track strong{display:block;margin:5px 0 9px;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline{display:flex;align-items:center;gap:8px;font:9px monospace;opacity:.6}input[type=range]{accent-color:var(--accent);height:3px;cursor:pointer;min-width:0}#seek{width:100%}#play{background:transparent;font-size:23px;width:35px;color:var(--accent)}.bottomNote{position:absolute;bottom:30px;left:0;right:0;text-align:center;opacity:.25;font-size:10px;letter-spacing:2px}.volumeControl{position:fixed;right:30px;top:30px;display:flex;align-items:center;gap:9px}#mute{background:transparent;font-size:22px}#volume{width:65px}#toast{position:fixed;bottom:65px;left:50%;transform:translateX(-50%);background:#24202e;border:1px solid #ffffff20;border-radius:12px;padding:12px 20px;opacity:0;pointer-events:none;font-size:12px}#toast.show{opacity:1}#mediaStatus{font-size:12px;text-align:center;color:var(--accent)}.left #card{text-align:left}.left .avatarFrame{margin-left:0}.left #bio{margin-left:0}.left .icons #links{justify-content:flex-start}
@media(max-width:600px){#page{padding:90px 18px}#card{padding:30px 23px 16px}.siteMark{left:22px;top:25px}.volumeControl{right:20px;top:20px}h1{font-size:36px}.avatarFrame{width:96px;height:96px}.bottomNote{font-size:9px}.player{gap:10px}.cardFooter{letter-spacing:.3px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}#particles{display:none}}

/* Locally bundled social logos: no icon CDN or visitor-supplied markup. */
.linkIcon img{width:100%;height:100%;object-fit:contain}.icons #links a{position:relative}.icons .linkIcon,.icons .linkIcon svg{width:var(--icon-size,32px);height:var(--icon-size,32px)}.iconGlow .linkIcon{filter:drop-shadow(0 0 9px color-mix(in srgb,var(--accent) 45%,transparent))}.icons #links a::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%,4px);background:#17131f;border:1px solid #ffffff20;padding:7px 10px;white-space:nowrap;font-size:11px;border-radius:7px;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}.icons #links a:hover::after,.icons #links a:focus-visible::after{opacity:1;transform:translate(-50%,0)}
