*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#080808;color:#eee;font-family:Georgia,'Times New Roman',serif}.scene,.background,.shade,.grain{position:fixed;inset:0}.background{inset:-4%;background:url('/assets/images/profile-background.jpg') center/cover no-repeat;filter:brightness(.63) contrast(1.08) saturate(.9);animation:sway 10s ease-in-out infinite alternate;transform-origin:60% 45%}.shade{background:radial-gradient(circle at 50% 48%,transparent 5%,rgba(0,0,0,.12) 44%,rgba(0,0,0,.58) 110%),linear-gradient(rgba(0,0,0,.08),rgba(0,0,0,.3))}.grain{opacity:.08;pointer-events:none;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.profile{position:relative;z-index:4;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(1vh);text-align:center}.brand-row{display:flex;align-items:center;gap:22px}.brand-row span{width:84px;height:1px;background:linear-gradient(90deg,transparent,#eee)}.brand-row span:last-child{background:linear-gradient(90deg,#eee,transparent)}h1{margin:0;font-size:clamp(58px,7vw,108px);font-weight:400;letter-spacing:.07em;text-shadow:0 0 8px #fff,0 0 28px rgba(255,255,255,.45),0 18px 18px rgba(255,255,255,.18)}.tagline{margin-top:6px;font-size:clamp(16px,1.4vw,24px);letter-spacing:.55em;text-indent:.55em;text-shadow:0 0 12px rgba(255,255,255,.55)}.links{display:flex;gap:48px;margin-top:31px}.social{display:flex;flex-direction:column;align-items:center;gap:12px;color:#eee;text-decoration:none;font:11px Arial,sans-serif;letter-spacing:.35em;transition:transform .22s ease,color .22s ease}.social-icon{width:38px;height:38px;display:block;fill:#f4f4f4;filter:drop-shadow(0 0 7px rgba(255,255,255,.4));transition:transform .22s ease,filter .22s ease}.social:hover{transform:translateY(-3px)}.social:hover .social-icon{transform:scale(1.09);filter:drop-shadow(0 0 13px rgba(255,255,255,.8))}.discord .social-icon{width:38px;height:38px;filter:drop-shadow(0 0 7px rgba(255,255,255,.4))}.discord:hover .social-icon{filter:drop-shadow(0 0 13px rgba(255,255,255,.8))}.player{width:min(620px,82vw);margin-top:48px;padding:13px 16px;display:flex;align-items:center;gap:14px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(8,8,8,.53);backdrop-filter:blur(14px);box-shadow:0 10px 45px rgba(0,0,0,.28);font-family:Arial,sans-serif}.cover{width:50px;height:50px;display:grid;place-items:center;border-radius:5px;background:rgba(255,255,255,.1);font:italic 28px Georgia}.track{min-width:0;flex:1;text-align:left}.track strong,.track small{display:block}.track small{margin-top:3px;color:#aaa;font-size:11px}.track input{width:100%;height:2px;margin-top:9px;accent-color:#eee}.time{color:#aaa;font-size:11px;white-space:nowrap}.player button,.sound{border:0;color:#fff;background:transparent;cursor:pointer}.player button{font-size:20px;padding:10px}.volume-control{position:fixed;z-index:8;top:20px;left:22px;display:flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(8,8,8,.28);backdrop-filter:blur(10px);box-shadow:0 5px 25px rgba(0,0,0,.18)}.sound{position:static;width:24px;height:24px;padding:0;font-size:19px;line-height:24px;text-shadow:0 0 10px rgba(255,255,255,.75)}.volume-control input{width:105px;height:3px;cursor:pointer;accent-color:#eee}.quote,.corner{position:fixed;z-index:4;font-size:9px;letter-spacing:.35em;color:#ddd}.quote{top:29px;right:32px}.corner{bottom:28px}.corner.left{left:30px}.corner.right{right:30px}.corner i{display:inline-block;width:55px;height:1px;margin:0 10px 3px;background:#ddd}.petal{position:absolute;top:-12%;width:16px;height:9px;border-radius:80% 10% 80% 10%;background:#681421;filter:blur(.4px);opacity:.65;animation:fall linear infinite}@keyframes sway{0%{transform:scale(1.06) translate3d(-.5%,0,0) rotate(-.15deg)}100%{transform:scale(1.075) translate3d(.7%,-.4%,0) rotate(.15deg)}}@keyframes fall{to{transform:translate3d(var(--drift),120vh,0) rotate(540deg)}}@media(max-width:650px){.brand-row{gap:10px}.brand-row span{width:35px}.links{gap:26px}.social-icon{width:32px;height:32px}.player{margin-top:36px}.quote{display:none}.corner{font-size:7px}.corner i{width:24px}h1{font-size:clamp(44px,15vw,70px)}.volume-control{top:14px;left:14px}.volume-control input{width:82px}}@media(prefers-reduced-motion:reduce){.background,.petal{animation:none}}
