:root{color-scheme:dark;--text:#f7f7f8;--muted:#a8a8b0;--panel:rgba(14,14,18,.68);--line:rgba(255,255,255,.1);--accent:#ef334f}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{overflow-x:hidden;background:#070709;color:var(--text);font-family:"DM Sans",Arial,sans-serif;letter-spacing:0}.backdrop,.backdrop__image,.backdrop__grain,#particles{position:fixed;inset:0}.backdrop{z-index:-2;overflow:hidden;background:#08080a}.backdrop__image{background:linear-gradient(145deg,rgba(3,3,5,.5),rgba(4,4,7,.88)),radial-gradient(circle at 25% 20%,rgba(239,51,79,.2),transparent 32%),radial-gradient(circle at 80% 75%,rgba(255,255,255,.08),transparent 25%),url("/assets/profile/txthub-backdrop.webp") center/cover;transform:scale(1.04);animation:breathe 14s ease-in-out infinite alternate}.backdrop__grain{opacity:.07;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='.5'/%3E%3C/svg%3E")}.stage{min-height:100svh;display:grid;place-items:center;padding:72px 18px 38px}.profile{position:relative;width:min(440px,100%);padding:34px 30px 24px;overflow:hidden;text-align:center;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 30px 90px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(22px) saturate(1.15);transform-style:preserve-3d;transition:transform .18s ease,box-shadow .25s ease}.profile__shine{position:absolute;inset:-1px;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.14),transparent 34%);opacity:.7}.avatar-wrap{position:relative;width:100px;height:100px;margin:0 auto 17px;transform:translateZ(22px)}.avatar{width:100%;height:100%;display:block;border:2px solid rgba(255,255,255,.2);border-radius:50%;object-fit:cover;box-shadow:0 12px 40px rgba(0,0,0,.42)}.presence{position:absolute;right:4px;bottom:5px;width:17px;height:17px;border:3px solid #151519;border-radius:50%;background:#23c55e}.identity{display:flex;align-items:center;justify-content:center;gap:7px}.identity h1{margin:0;font-size:clamp(1.55rem,7vw,2rem);font-weight:700;line-height:1.1}.verified{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:var(--accent)}.verified svg{width:15px;fill:#fff}.handle{margin:6px 0 0;color:#c4c4ca;font-size:.88rem}.bio{max-width:330px;margin:17px auto 23px;color:var(--muted);font-size:.93rem;line-height:1.55}.links{display:grid;gap:9px}.link{min-height:50px;display:grid;grid-template-columns:28px 1fr 28px;align-items:center;padding:0 13px;color:#eee;text-decoration:none;text-align:left;border:1px solid var(--line);border-radius:6px;background:rgba(255,255,255,.045);transition:transform .2s ease,border-color .2s ease,background .2s ease}.link:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.23);background:rgba(255,255,255,.08)}.link--primary{background:rgba(239,51,79,.13);border-color:rgba(239,51,79,.28)}.link__icon{display:grid;width:25px;height:25px;place-items:center;border-radius:4px;background:#ef334f;font-weight:700}.discord{width:24px;fill:#aeb5ff}.arrow{color:#85858d;text-align:right}.socials{display:flex;justify-content:center;gap:10px;margin-top:22px}.socials a{width:37px;height:37px;display:grid;place-items:center;color:#efeff1;text-decoration:none;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.04);font-size:1.1rem;transition:transform .2s ease,background .2s ease}.socials a:hover{transform:translateY(-2px);background:rgba(255,255,255,.1)}.views{margin:17px 0 0;color:#71717a;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.sound{position:fixed;z-index:5;top:max(18px,env(safe-area-inset-top));right:18px;height:38px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#eee;border:1px solid var(--line);border-radius:5px;background:rgba(12,12,15,.65);backdrop-filter:blur(15px);cursor:pointer}.sound svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.7}.sound.is-muted svg path:last-child{display:none}.gate{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:rgba(5,5,7,.87);backdrop-filter:blur(22px);transition:opacity .65s ease,visibility .65s ease}.gate.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.gate__button{display:flex;align-items:center;gap:14px;padding:12px 20px 12px 12px;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:7px;background:rgba(255,255,255,.055);box-shadow:0 20px 70px rgba(0,0,0,.55);cursor:pointer;transition:transform .2s ease,background .2s ease}.gate__button:hover{transform:translateY(-3px);background:rgba(255,255,255,.09)}.gate__button img{width:52px;height:52px;border-radius:5px}.gate__button span{display:grid;text-align:left}.gate__button strong{font-size:1rem}.gate__button small{margin-top:3px;color:#9999a2;font-size:.76rem}@keyframes breathe{to{transform:scale(1.09) translate3d(-.5%,.4%,0)}}@media(max-width:520px){.stage{padding:66px 12px 20px}.profile{padding:27px 18px 21px}.avatar-wrap{width:86px;height:86px}.sound span{display:none}.sound{width:40px;padding:0;justify-content:center}.bio{margin:14px auto 19px}.link{min-height:48px}}@media(pointer:coarse){.profile{transform:none!important}.link:hover,.socials a:hover{transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.profile{transform:none!important}}