:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#000;color:#f5f1e8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{min-height:100%}html{background:#000}body{min-width:320px;min-height:100vh;min-height:100svh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 50% 42%,rgba(180,39,23,.18),transparent 22rem),linear-gradient(180deg,#050505,#000 45%,#030303)}a{color:inherit}.visualizer{position:fixed;inset:0;z-index:0;width:100%;height:100%;opacity:.44;pointer-events:none;filter:blur(.3px);mix-blend-mode:screen}.profile{--audio-pulse: 0;--eye-pulse: 0;--halo-angle: 20deg;position:relative;z-index:1;isolation:isolate;width:min(100%,620px);min-height:100vh;min-height:100svh;margin:0 auto;padding:clamp(56px,12vh,104px) 22px 42px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.profile:before{content:"";position:fixed;top:50%;left:50%;z-index:-1;width:min(86vw,640px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,70,51,.36),transparent 56%),radial-gradient(circle,rgba(104,214,255,.16),transparent 70%);opacity:calc(.24 + (var(--audio-pulse) * .46));transform:translate(-50%,-50%) scale(calc(.86 + (var(--audio-pulse) * .18)));transition:opacity .12s linear,transform .12s linear;filter:blur(26px);pointer-events:none}.portrait-link{--tilt-x: 0deg;--tilt-y: 0deg;--glow-x: 50%;--glow-y: 50%;position:relative;display:grid;width:clamp(132px,28vw,176px);aspect-ratio:1;place-items:center;border-radius:50%;outline:none;transform:perspective(700px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .18s ease,filter .18s ease}.portrait-link:before,.portrait-link:after{content:"";position:absolute;inset:-10px;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.portrait-link:before{background:radial-gradient(circle at var(--glow-x) var(--glow-y),rgba(255,221,142,.45),transparent 28%),conic-gradient(from var(--halo-angle),transparent 0deg,rgba(255,70,51,.06) 34deg,rgba(255,211,138,.92) 58deg,rgba(255,70,51,.28) 86deg,transparent 124deg,transparent 190deg,rgba(104,214,255,.58) 224deg,rgba(232,98,255,.28) 252deg,transparent 292deg,transparent 360deg);filter:blur(15px);transform:scale(calc(.94 + (var(--audio-pulse) * .12)))}.portrait-link:after{inset:-2px;border:1px solid rgba(255,255,255,.28);background:linear-gradient(90deg,transparent 0 32%,rgba(255,255,255,.9) 33% 35%,transparent 36% 100%),linear-gradient(180deg,transparent 0 58%,rgba(255,70,51,.72) 59% 61%,transparent 62% 100%);mix-blend-mode:screen;transform:translate(-3px)}.portrait-link:hover,.portrait-link:focus-visible{filter:saturate(1.2) contrast(1.08)}.portrait-link:hover:before,.portrait-link:focus-visible:before,.profile.is-playing .portrait-link:before{opacity:calc(.34 + (var(--audio-pulse) * .34));transform:scale(calc(1.01 + (var(--audio-pulse) * .14)))}.portrait-link:hover:after,.portrait-link:focus-visible:after{opacity:.4;animation:scan-shift .52s steps(2,end) infinite}.portrait-frame{position:relative;z-index:1;display:block;width:100%;aspect-ratio:1;overflow:hidden;border-radius:inherit;border:1px solid rgba(255,255,255,.18);background:#140806;box-shadow:0 18px 80px #000000b8,0 0 0 1px #ffffff0d inset}.portrait-frame:before{content:"";position:absolute;inset:0;z-index:2;opacity:0;background:linear-gradient(90deg,rgba(255,62,37,.25),transparent 38%,rgba(68,206,255,.22)),repeating-linear-gradient(180deg,transparent 0 8px,rgba(255,255,255,.08) 9px 10px);mix-blend-mode:screen;transition:opacity .18s ease}.portrait-link:hover .portrait-frame:before,.portrait-link:focus-visible .portrait-frame:before{opacity:1}.portrait{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.005);transition:transform .22s ease}.portrait-link:hover .portrait,.portrait-link:focus-visible .portrait{transform:scale(1.08) rotate(-1.5deg)}.eye-glow{position:absolute;z-index:3;top:40.6%;width:10.8%;aspect-ratio:2.1;border-radius:50%;opacity:calc(var(--eye-pulse) * .86);background:radial-gradient(ellipse at 50% 50%,rgba(255,242,190,.95) 0 10%,rgba(255,98,52,.72) 22%,rgba(255,59,47,.18) 48%,transparent 72%),radial-gradient(ellipse at 50% 50%,rgba(112,226,255,.42),transparent 62%);box-shadow:0 0 calc(5px + (var(--eye-pulse) * 10px)) rgba(255,68,45,calc(.22 + (var(--eye-pulse) * .42))),0 0 calc(11px + (var(--eye-pulse) * 18px)) rgba(104,214,255,calc(var(--eye-pulse) * .2));filter:blur(2px) saturate(1.18);mix-blend-mode:screen;pointer-events:none;transform:translate(-50%,-50%) scale(calc(.72 + (var(--eye-pulse) * .38)));transition:opacity 70ms linear,transform 70ms linear}.eye-glow-left{left:40.4%}.eye-glow-right{left:58.8%}h1{margin:0;font-size:clamp(2rem,8vw,4.25rem);font-weight:760;line-height:.95;letter-spacing:0;text-align:center}.links{display:flex;width:min(100%,430px);flex-wrap:wrap;justify-content:center;gap:10px 18px}.music-link{position:relative;min-height:34px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:2px 0 0;color:#f5f1e8c2;font-size:.9rem;font-weight:650;line-height:1.25;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;transition:color .16s ease,transform .16s ease}.music-link:after{display:none}.wave{width:100%;height:8px;display:flex;align-items:center;justify-content:center;gap:2px;opacity:0;transform:translateY(-2px);transition:opacity .16s ease,transform .16s ease}.wave i{width:2px;height:3px;border-radius:999px;background:linear-gradient(180deg,#f7c56f,#ff513f 58%,#65d8ff);transform-origin:50% 100%}.music-link:hover .wave,.music-link:focus-visible .wave{opacity:1;transform:translateY(0)}.music-link:hover .wave i,.music-link:focus-visible .wave i{animation:link-wave .52s ease-in-out infinite;animation-delay:calc(var(--i) * 38ms)}.music-link:hover,.music-link:focus-visible{color:#fff9ed;transform:translateY(-1px);outline:none}.music-link:hover:after,.music-link:focus-visible:after{transform:scaleX(1)}.audio-toggle{position:relative;width:44px;aspect-ratio:1;display:inline-grid;place-items:center;margin-top:2px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:radial-gradient(circle at 42% 35%,rgba(255,255,255,.16),transparent 34%),#00000080;color:#fff9ed;cursor:pointer;box-shadow:0 0 0 1px #ffffff0a inset,0 12px 34px #0000005c;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.audio-toggle:before{content:"";position:absolute;inset:-5px;border-radius:inherit;opacity:calc(.28 + (var(--audio-pulse) * .62));background:conic-gradient(from 40deg,#ff513f,#f7c56f,#65d8ff,#ff513f);filter:blur(8px);transform:scale(calc(.82 + (var(--audio-pulse) * .34)));transition:opacity .12s linear,transform .12s linear;z-index:-1}.audio-toggle:hover,.audio-toggle:focus-visible{border-color:#ffffff85;box-shadow:0 0 0 1px #ffffff14 inset,0 0 36px #ff513f38;outline:none;transform:translateY(-1px)}.play-icon{width:0;height:0;margin-left:3px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid currentColor}.pause-icon{width:13px;height:15px;display:none;border-right:4px solid currentColor;border-left:4px solid currentColor}.audio-toggle[aria-pressed=true] .play-icon{display:none}.audio-toggle[aria-pressed=true] .pause-icon{display:block}.sample-note{max-width:min(100%,360px);margin:-10px 0 0;color:#f5f1e894;font-size:.72rem;font-weight:650;line-height:1.35;letter-spacing:.12em;text-align:center;text-transform:uppercase}.sample-note span{color:#fff9ede6}.sample-note a{color:#fff9ede6;text-decoration:none}.sample-note a:hover,.sample-note a:focus-visible{color:#fff9ed;outline:none}.contact-icon-button{position:relative;min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:8px;place-items:center;margin-top:-2px;padding:0 14px;border:1px solid rgba(255,249,237,.36);border-radius:999px;background:radial-gradient(circle at 42% 35%,rgba(255,255,255,.12),transparent 36%),#00000057;color:#f5f1e8a8;cursor:pointer;font:inherit;font-size:.7rem;font-weight:760;letter-spacing:.12em;line-height:1;text-decoration:none;text-transform:uppercase;transition:border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.contact-icon-button:before{content:"";position:absolute;inset:-5px;border-radius:inherit;opacity:0;background:conic-gradient(from 30deg,#ff513f,#f7c56f,#65d8ff,#ff513f);filter:blur(8px);transition:opacity .16s ease,transform .16s ease;transform:scale(.8);z-index:-1}.contact-icon-button:hover,.contact-icon-button:focus-visible{border-color:#fff9edb8;color:#fff9ed;box-shadow:0 0 0 1px #ffffff0f inset,0 0 24px #ff513f2e;outline:none;transform:translateY(-1px)}.contact-icon-button:hover:before,.contact-icon-button:focus-visible:before{opacity:.42;transform:scale(1)}.mail-icon{position:relative;flex:0 0 auto;z-index:1;width:16px;height:11px;border:1.8px solid currentColor;border-radius:2px}.mail-icon:before,.mail-icon:after{content:"";position:absolute;top:1px;width:10px;height:1.8px;background:currentColor;transform-origin:50% 50%}.mail-icon:before{left:-1px;transform:rotate(34deg)}.mail-icon:after{right:-1px;transform:rotate(-34deg)}@keyframes scan-shift{0%{transform:translate(-3px,-3px)}50%{transform:translate(3px,2px)}to{transform:translate(-1px,4px)}}@keyframes link-wave{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1.9)}}@media(max-width:480px){body{background:radial-gradient(circle at 50% 30%,rgba(180,39,23,.24),transparent 20rem),radial-gradient(circle at 50% 72%,rgba(68,206,255,.1),transparent 18rem),linear-gradient(180deg,#050505,#000 54%,#030303)}.visualizer{opacity:.46;filter:blur(.35px)}.profile{width:100%;min-height:100vh;min-height:100svh;justify-content:center;gap:clamp(17px,2.85vh,24px);padding:max(24px,calc(env(safe-area-inset-top) + 20px)) 18px max(24px,calc(env(safe-area-inset-bottom) + 22px))}.profile:before{top:45%;width:min(128vw,520px);opacity:calc(.2 + (var(--audio-pulse) * .5));filter:blur(24px)}.portrait-link{width:clamp(150px,47vw,188px)}.portrait-link:before{inset:-8px}.portrait-link:after{opacity:.12}.portrait-frame{box-shadow:0 14px 58px #000000b8,0 0 0 1px #ffffff0d inset}.eye-glow{filter:blur(1.8px) saturate(1.16)}h1{font-size:clamp(3rem,18vw,4rem);line-height:.9}.links{display:grid;width:min(100%,360px);grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 16px;margin-top:0}.music-link{min-width:0;min-height:48px;gap:5px;font-size:clamp(.72rem,3.15vw,.84rem);letter-spacing:.06em;line-height:1.1;text-align:center}.music-link:last-child{grid-column:1 / -1;justify-self:center;min-width:min(48%,150px)}.wave{width:min(100%,82px);height:9px;opacity:.32;transform:none}.wave i{height:4px}.audio-toggle{width:54px;margin-top:2px}.sample-note{max-width:260px;margin-top:-6px;font-size:clamp(.62rem,2.7vw,.68rem);letter-spacing:.08em}.contact-icon-button{min-height:36px;margin-top:0;padding:0 14px;font-size:.66rem;letter-spacing:.1em}.play-icon{border-top-width:9px;border-bottom-width:9px;border-left-width:14px}.pause-icon{width:14px;height:16px}}@media(max-width:480px)and (max-height:760px){.profile{gap:clamp(12px,2vh,17px);padding-top:max(22px,calc(env(safe-area-inset-top) + 18px));padding-bottom:max(20px,calc(env(safe-area-inset-bottom) + 18px))}.portrait-link{width:clamp(132px,42vw,158px)}.links{gap:6px 12px}.music-link{min-height:42px}.audio-toggle{width:48px}}@media(max-width:360px){.profile{gap:12px;padding-right:14px;padding-left:14px}.links{gap:6px 8px}.music-link{letter-spacing:.04em}}@media(hover:none)and (pointer:coarse){.music-link .wave{opacity:.34;transform:translateY(0)}.music-link:active{color:#fff9ed;transform:translateY(-1px)}.music-link:active .wave i{animation:link-wave .52s ease-in-out infinite;animation-delay:calc(var(--i) * 38ms)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.portrait-link,.portrait,.music-link,.profile:before,.audio-toggle:before{transform:none!important}.visualizer{display:none}}