@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--bg:#050505;--panel:#101010c2;--text:#f6f6f6;--muted:#a8a8a8;--red:#ff1f3d;--line:#ffffff14}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:Inter,system-ui,sans-serif}body{min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}.shell{isolation:isolate;background:radial-gradient(circle at 50% 10%,#ff1f3d29,#0000 30%),radial-gradient(circle at 10% 90%,#b3001e1f,#0000 24%),#050505;min-height:100vh;position:relative}.glow{filter:blur(48px);pointer-events:none;z-index:-1;background:radial-gradient(circle,#ff1f3d14,#0000 55%);position:fixed;inset:-20%}.container{width:min(1100px,100% - 32px);margin:0 auto}.profile-wrap{padding:64px 0 100px}.card{background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:24px;box-shadow:0 20px 60px #00000059}.profile-card{padding:28px}.top{justify-content:space-between;align-items:center;gap:20px;display:flex}.identity{align-items:center;gap:18px;display:flex}.avatar{object-fit:cover;border:2px solid #ff1f3d99;border-radius:50%;width:88px;height:88px;box-shadow:0 0 0 6px #ff1f3d12,0 0 32px #ff1f3d2e}.name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.name{letter-spacing:-.03em;font-size:28px;font-weight:800}.handle{color:var(--muted);font-size:14px}.bio{color:#ddd;max-width:720px;margin:20px 0;line-height:1.65}.socials{flex-wrap:wrap;gap:10px;display:flex}.social{border:1px solid var(--line);color:#eee;background:#ffffff0a;border-radius:14px;align-items:center;gap:8px;padding:10px 12px;transition:all .18s;display:inline-flex}.social:hover{background:#ff1f3d14;border-color:#ff1f3d59;transform:translateY(-2px)}.links{gap:12px;margin-top:24px;display:grid}.link{border:1px solid var(--line);background:#ffffff08;border-radius:16px;justify-content:space-between;align-items:center;padding:15px 18px;transition:all .18s;display:flex}.link:hover{background:#ff1f3d12;border-color:#ff1f3d4d;transform:translateY(-2px)}.player{background:#ff1f3d12;border:1px solid #ff1f3d2e;border-radius:18px;align-items:center;gap:14px;margin-top:24px;padding:14px 16px;display:flex}.player button{background:var(--red);color:#fff;cursor:pointer;border:0;border-radius:50%;width:42px;height:42px}.dashboard{padding:40px 0 70px}.grid{grid-template-columns:1.1fr .9fr;gap:18px;display:grid}.panel{padding:22px}.label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:7px;font-size:12px}.input,.textarea,.select{border:1px solid var(--line);color:#fff;background:#0a0a0a;border-radius:12px;outline:none;width:100%;padding:12px 13px}.input:focus,.textarea:focus,.select:focus{border-color:#ff1f3d8c}.textarea{resize:vertical;min-height:110px}.row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.btn{border:1px solid var(--line);color:#fff;cursor:pointer;background:#111;border-radius:12px;padding:11px 14px}.btn.primary{background:var(--red);border-color:var(--red);font-weight:700}.preview{position:sticky;top:20px}.preview-card{padding:18px}.preview-screen{border:1px solid var(--line);border-radius:18px;overflow:hidden}.preview-inner{background:radial-gradient(circle at 50% 0,#ff1f3d38,#0000 35%),#050505;padding:22px}.small{color:var(--muted);font-size:13px}.tag{color:#ffccd2;background:#ff1f3d1a;border:1px solid #ff1f3d38;border-radius:999px;padding:6px 10px;font-size:12px;display:inline-flex}.decoration{background:#000000a6;border:2px solid #ffffff40;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;bottom:-6px;right:-6px}.dec-wrap{width:max-content;position:relative}.effect{pointer-events:none;z-index:10;opacity:.3;position:fixed;inset:0;overflow:hidden}.drop{background:linear-gradient(transparent,var(--red));width:2px;height:14px;animation:linear infinite fall;position:absolute}.snow{color:#fff;animation:linear infinite snow;position:absolute}@keyframes fall{to{transform:translateY(110vh)}}@keyframes snow{to{transform:translateY(110vh)rotate(360deg)}}@media (max-width:900px){.grid{grid-template-columns:1fr}.preview{position:static}}@media (max-width:640px){.top,.identity{align-items:flex-start}.avatar{width:72px;height:72px}.name{font-size:22px}.profile-card{padding:18px}.row{grid-template-columns:1fr}}.auth-shell{color:#fff;background:#050505;place-items:center;min-height:100vh;padding:34px 18px;display:grid;position:relative;overflow:hidden}.auth-grid{pointer-events:none;opacity:.34;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#000000e6 45%,#0000 88%);mask-image:radial-gradient(circle,#000 0%,#000000e6 45%,#0000 88%)}.auth-red-glow{filter:blur(100px);opacity:.18;pointer-events:none;border-radius:50%;width:420px;height:420px;position:absolute}.auth-red-glow-one{background:#ff1f3d;top:-160px;left:-160px}.auth-red-glow-two{background:#9e001b;bottom:-180px;right:-180px}.auth-wrap{z-index:1;text-align:center;width:min(460px,100%);position:relative}.auth-brand{letter-spacing:-.045em;text-shadow:0 0 35px #ff1f3d29;font-size:34px;font-weight:800;display:inline-block}.auth-brand span{color:#ff2342}.auth-subtitle{color:#858585;margin:8px 0 28px;font-size:14px}.auth-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0c0ce0;border:1px solid #ffffff1a;border-radius:24px;padding:24px;box-shadow:0 30px 90px #0000008c,0 0 0 1px #ff1f3d06}.auth-google{color:#181818;cursor:pointer;background:#fff;border:1px solid #ffffff1f;border-radius:13px;justify-content:center;align-items:center;gap:11px;width:100%;height:50px;font-size:14px;font-weight:700;transition:transform .16s,box-shadow .16s;display:flex}.auth-google:hover{transform:translateY(-1px);box-shadow:0 9px 24px #00000038}.auth-google:disabled,.auth-primary:disabled{opacity:.65;cursor:wait}.google-mark{background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 73%,#ea4335 0 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Arial,sans-serif;font-size:18px;font-weight:800}.auth-divider{color:#646464;letter-spacing:.14em;align-items:center;gap:12px;margin:22px 0;font-size:10px;font-weight:800;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff1a;flex:1;height:1px}.auth-form{text-align:left;gap:15px;display:grid}.auth-form label{gap:8px;display:grid}.auth-form label>span{color:#a8a8a8;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:800}.auth-input{color:#fff;background:#0b0b0b;border:1px solid #ffffff1a;border-radius:13px;outline:none;width:100%;height:50px;padding:0 14px;font-size:14px;transition:border-color .16s,box-shadow .16s}.auth-input::placeholder{color:#505050}.auth-input:focus{border-color:#ff1f3d99;box-shadow:0 0 0 3px #ff1f3d1a}.auth-primary{color:#fff;cursor:pointer;background:linear-gradient(#ff304d,#dd0f31);border:1px solid #ff1f3d;border-radius:13px;width:100%;height:50px;margin-top:4px;font-size:14px;font-weight:800;transition:transform .16s,box-shadow .16s;box-shadow:0 10px 35px #ff1f3d29}.auth-primary:hover{transform:translateY(-1px);box-shadow:0 13px 40px #ff1f3d40}.auth-message{color:#ffafb9;text-align:left;background:#ff1f3d12;border:1px solid #ff1f3d38;border-radius:12px;margin-top:15px;padding:11px 12px;font-size:13px;line-height:1.45}.auth-switch{color:#747474;margin:20px 0 0;font-size:13px}.auth-switch a{color:#ff7f8e;font-weight:700}@media (max-width:520px){.auth-shell{padding:24px 14px}.auth-card{padding:18px}.auth-brand{font-size:30px}}.auth-topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:5;background:#0505058c;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:76px;padding:0 34px;display:flex;position:absolute;top:0;left:0;right:0}.auth-top-logo{letter-spacing:-.04em;font-size:20px;font-weight:850}.auth-top-logo span,.dash-logo span{color:var(--red)}.auth-top-nav{align-items:center;gap:8px;display:flex}.auth-top-nav a{color:#a5a5a5;border-radius:10px;padding:9px 13px;font-size:13px;font-weight:650}.auth-top-nav a:hover{color:#fff;background:#ffffff0d}.auth-top-nav .auth-top-active{color:#fff}.auth-top-nav .auth-top-signup{color:#080808;background:#fff;padding:10px 15px}.auth-top-nav .auth-top-signup:hover{color:#000;background:#eee}.auth-wrap{margin-top:70px}.dashboard-shell{color:#f5f5f5;z-index:0;background:#070707;min-height:100vh;position:relative}.dash-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#070707e0;border-bottom:1px solid #ffffff12;height:70px;position:sticky;top:0}.dash-header-inner{align-items:center;gap:28px;max-width:1250px;height:100%;margin:auto;padding:0 24px;display:flex}.dash-logo{letter-spacing:-.04em;font-size:21px;font-weight:850}.dash-nav{flex:1;align-items:center;gap:4px;display:flex}.dash-nav-link{color:#888;border-radius:9px;padding:9px 12px;font-size:13px}.dash-nav-link:hover,.dash-nav-link.active{color:#fff;background:#ffffff0e}.dash-actions{gap:8px;display:flex}.dash-ghost{font:inherit;color:#aaa;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:9px;padding:8px 11px;font-size:12px}.dash-ghost:hover{color:#fff;border-color:#ffffff2e}.dashboard-layout{grid-template-columns:210px 1fr;gap:30px;max-width:1250px;margin:0 auto;padding:28px 24px 80px;display:grid}.dash-sidebar{border-right:1px solid #ffffff12;min-height:650px;padding-right:20px}.sidebar-title{text-transform:uppercase;letter-spacing:.13em;color:#666;margin:8px 10px;font-size:10px;font-weight:800}.sidebar-item{text-align:left;color:#858585;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;padding:10px 11px;font-size:13px;display:flex}.sidebar-item:hover,.sidebar-item.selected{color:#fff;background:#ffffff0e}.sidebar-item.selected{box-shadow:inset 2px 0 0 var(--red)}.sidebar-divider{background:#ffffff12;height:1px;margin:18px 10px}.premium-item span{color:#ff6577;text-transform:uppercase;letter-spacing:.04em;font-size:8px}.dashboard-main{min-width:0}.dashboard-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#ff5368;margin-bottom:7px;font-size:10px;font-weight:800}.dashboard-heading h1{letter-spacing:-.035em;margin:0;font-size:28px}.dashboard-heading p{color:#777;margin:7px 0 0;font-size:13px}.view-profile-btn{color:#070707;background:#fff;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:750}.settings-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.settings-card,.profile-preview-card{background:#0c0c0c;border:1px solid #ffffff14;border-radius:15px;padding:20px;box-shadow:0 18px 50px #0000002e}.wide-card{grid-column:1/-1}.card-heading{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.card-heading h2{margin:0;font-size:15px}.card-heading p{color:#6f6f6f;margin:5px 0 0;font-size:12px}.status-dot{color:#80e6a3;background:#49ca7714;border:1px solid #49ca7733;border-radius:999px;padding:5px 8px;font-size:10px}.settings-card label{gap:7px;margin-top:14px;display:grid}.settings-card label>span{text-transform:uppercase;letter-spacing:.1em;color:#777;font-size:10px;font-weight:800}.settings-card input,.settings-card textarea,.settings-card select{color:#eee;width:100%;font:inherit;background:#080808;border:1px solid #ffffff17;border-radius:9px;outline:none;padding:11px 12px;font-size:13px}.settings-card input:focus,.settings-card textarea:focus,.settings-card select:focus{border-color:#ff1f3d8c;box-shadow:0 0 0 3px #ff1f3d14}.settings-card textarea{resize:vertical;min-height:105px}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.username-input{background:#080808;border:1px solid #ffffff17;border-radius:9px;align-items:center;padding-left:11px;display:flex}.username-input b{color:#666;font-size:12px;font-weight:600}.username-input input{box-shadow:none!important;background:0 0!important;border:0!important;padding-left:4px!important}.social-grid{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.appearance-note{color:#666;border:1px dashed #ffffff17;border-radius:9px;margin-top:16px;padding:11px 12px;font-size:11px;line-height:1.5}.save-bar{grid-column:1/-1;justify-content:space-between;align-items:center;padding:3px 2px;display:flex}.save-btn{background:var(--red);border:1px solid var(--red);color:#fff;cursor:pointer;border-radius:9px;padding:10px 15px;font-weight:750}.save-btn:disabled{opacity:.6;cursor:wait}.saved{color:#82e6a1;font-size:12px}.save-error{color:#ff8c99;font-size:12px}.profile-preview-card{margin-top:16px}.preview-heading{color:#666;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:11px;display:flex}.preview-heading a{color:#aaa}.mini-profile{align-items:center;gap:12px;display:flex}.mini-avatar{color:#fff;background:linear-gradient(145deg,#242424,#101010);border:1px solid #ff1f3d4d;border-radius:50%;place-items:center;width:48px;height:48px;font-weight:850;display:grid}.mini-profile h3{margin:0;font-size:15px}.mini-profile p{color:#666;margin:4px 0 0;font-size:11px}.mini-bio{color:#aaa;margin-top:15px;font-size:12px;line-height:1.6}.premium-card{text-align:center;padding:48px 30px}.premium-badge{color:#ff6477;letter-spacing:.12em;background:#ff1f3d12;border:1px solid #ff1f3d40;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:850;display:inline-block}.premium-card h2{margin:16px 0 8px;font-size:26px}.premium-card>p{color:#777;font-size:13px}.coming-soon{color:#070707;background:#fff;border-radius:10px;margin:18px 0 24px;padding:12px 18px;font-size:13px;font-weight:850;display:inline-block}.premium-grid{grid-template-columns:1fr 1fr;gap:9px;max-width:560px;margin:auto;display:grid}.premium-grid div{color:#777;border:1px solid #ffffff12;border-radius:9px;padding:11px;font-size:11px}.dashboard-loading{color:#888;place-items:center;min-height:100vh;font-size:13px;display:grid}@media (max-width:850px){.auth-topbar{padding:0 18px}.dashboard-layout{grid-template-columns:1fr}.dash-sidebar{border-bottom:1px solid #ffffff12;border-right:0;gap:5px;min-height:auto;padding:0 0 16px;display:flex;overflow:auto}.sidebar-title,.sidebar-divider{display:none}.sidebar-item{white-space:nowrap;width:auto}.dashboard-heading{flex-direction:column;align-items:flex-start}.settings-grid{grid-template-columns:1fr}.wide-card{grid-column:auto}.field-row,.social-grid{grid-template-columns:1fr}.dash-nav{display:none}.dash-actions{margin-left:auto}}@media (max-width:520px){.auth-topbar{height:64px}.auth-top-nav a{padding:8px 9px;font-size:12px}.auth-top-nav a:first-child{display:none}.auth-wrap{margin-top:58px}.dashboard-layout{padding:20px 14px 50px}.dash-header-inner{padding:0 14px}.dashboard-heading h1{font-size:23px}.settings-card{padding:16px}}.control{gap:7px;margin-top:14px;display:grid}.control>span{text-transform:uppercase;letter-spacing:.1em;color:#777;font-size:10px;font-weight:800}.control input[type=color]{height:42px;padding:4px}.control input[type=range]{accent-color:var(--red);padding:0}.toggle-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.toggle{color:#aaa;font:inherit;cursor:pointer;background:#080808;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;font-size:12px;display:flex}.toggle i{background:#252525;border-radius:20px;width:34px;height:19px;transition:all .18s;position:relative}.toggle i:after{content:"";background:#777;border-radius:50%;width:15px;height:15px;transition:all .18s;position:absolute;top:2px;left:2px}.toggle.on{color:#fff;border-color:#ff1f3d4d}.toggle.on i{background:#ff1f3d73}.toggle.on i:after{background:#fff;left:17px}.effect-particle{text-shadow:0 0 10px;animation:linear infinite effect-fall;display:block;position:absolute}.effect-rain .effect-particle{background:linear-gradient(#0000,currentColor);width:2px;height:16px;font-size:0!important}.effect-stars .effect-particle,.effect-hearts .effect-particle,.effect-bubbles .effect-particle,.effect-embers .effect-particle,.effect-confetti .effect-particle{animation-name:effect-float}.effect-matrix .effect-particle{opacity:.8;font-family:monospace;font-size:11px!important}.effect-bubbles .effect-particle{background:0 0;border:1px solid;border-radius:50%;width:10px;height:10px;font-size:0!important}.effect-confetti .effect-particle{background:currentColor;width:8px;height:14px;transform:rotate(20deg);font-size:0!important}@keyframes effect-fall{to{transform:translateY(115vh)rotate(360deg)}}@keyframes effect-float{0%{transform:translateY(-5vh)translate(0)rotate(0)}50%{transform:translateY(50vh)translate(20px)rotate(180deg)}to{transform:translateY(115vh)translate(-15px)rotate(360deg)}}.profile-shell{font-family:var(--profile-font,Inter);background:var(--profile-bg,#050505);text-align:var(--profile-align,left)}.profile-shell .profile-card{background:rgba(16,16,16,var(--card-opacity,.78));-webkit-backdrop-filter:blur(var(--card-blur,18px));backdrop-filter:blur(var(--card-blur,18px));border-radius:var(--card-radius,24px)}.profile-shell.layout-card .profile-card{background:#0b0b0b}.profile-shell.layout-minimal .profile-card{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border-color:#0000}.profile-shell.layout-minimal .link{background:#0000002e}.profile-shell.has-scanlines:after{content:"";pointer-events:none;z-index:20;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 4px);position:fixed;inset:0}.profile-shell.has-vignette:before{content:"";pointer-events:none;z-index:19;background:radial-gradient(circle,#0000 35%,#000000b3 100%);position:fixed;inset:0}.profile-shell.cursor-crosshair{cursor:crosshair}.profile-shell.cursor-dot{cursor:none}.profile-shell.cursor-glow{cursor:default}.profile-shell.entrance-fade .profile-card{animation:.65s both profileFade}.profile-shell.entrance-rise .profile-card{animation:.65s both profileRise}.profile-shell.entrance-zoom .profile-card{animation:.65s both profileZoom}.link-square{border-radius:6px}.link-pill{border-radius:999px}.cursor-dot .profile-card{cursor:auto}@keyframes profileFade{0%{opacity:0}to{opacity:1}}@keyframes profileRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes profileZoom{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}