:root{--bg:#07060a;--panel:rgba(18,13,25,.82);--line:rgba(255,255,255,.09);--text:#f8f3fb;--muted:#9d93aa;--pink:#ff4faf;--violet:#9a6cff;--green:#79f6be;--red:#ff6b86}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(900px 520px at 50% -80px,rgba(154,108,255,.18),transparent 70%),radial-gradient(700px 500px at 90% 25%,rgba(255,79,175,.12),transparent 74%),linear-gradient(180deg,#0b0810,#050407)}
a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(1120px,calc(100% - 28px));margin:auto}.top{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:1000;letter-spacing:.14em}.brand b{color:#ff72c0}.back{font-size:13px;color:#c8bfd1}.shell{padding:48px 0 70px}.hero{margin-bottom:24px}.hero small,.eyebrow{color:#ff78c4;font-weight:1000;letter-spacing:.16em}.hero h1{font-size:clamp(42px,6vw,72px);margin:8px 0 10px;letter-spacing:-.055em}.hero p{margin:0;color:var(--muted);line-height:1.65}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel,.auth-gate{border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(18px);border-radius:24px;padding:24px;box-shadow:0 28px 80px rgba(0,0,0,.35)}
.auth-gate{min-height:180px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;position:relative;overflow:hidden}.auth-gate:before{content:"";position:absolute;inset:auto -80px -120px auto;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(255,79,175,.17),transparent 67%);pointer-events:none}.loader-mark{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;font-size:20px;font-weight:1000;letter-spacing:-.08em;background:linear-gradient(145deg,rgba(255,98,188,.2),rgba(142,96,255,.17));border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 0 24px rgba(255,92,185,.06)}.auth-gate strong{display:block;font-size:20px}.auth-gate span{display:block;color:var(--muted);font-size:13px;margin-top:5px}.spinner{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.1);border-top-color:#ff6fbe;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.tabs{display:flex;gap:8px;margin-bottom:20px}.tab{border:1px solid var(--line);background:rgba(255,255,255,.035);color:#cfc5d8;padding:10px 14px;border-radius:12px;font-weight:900;cursor:pointer}.tab.active{background:linear-gradient(120deg,#ff76c4,#aa88ff);color:#160a14;border-color:transparent}.form{display:grid;gap:13px}.field{display:grid;gap:7px}.field label{font-size:11px;color:#91869b;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.field input{width:100%;border:1px solid var(--line);background:#0d0912;color:#fff;border-radius:13px;padding:13px 14px;outline:none}.field input:focus{border-color:rgba(255,93,185,.55);box-shadow:0 0 0 3px rgba(255,79,175,.09)}.btn{border:0;border-radius:14px;padding:14px 16px;font-weight:1000;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.btn:hover{transform:translateY(-1px)}.primary{background:linear-gradient(120deg,#ff76c4,#aa88ff);color:#170b15}.secondary{background:rgba(255,255,255,.045);border:1px solid var(--line);color:#fff}.msg{min-height:20px;font-size:13px;color:#a99daf}.msg.error{color:#ff8ca2}.msg.ok{color:#8dffd0}.hidden{display:none!important}.info-panel h2{font-size:28px;margin:8px 0 12px;letter-spacing:-.03em}.info-panel p{color:#9d93aa;line-height:1.7}.note{padding:14px;border-radius:14px;border:1px solid rgba(255,79,175,.16);background:rgba(255,79,175,.055);color:#bcaec5;font-size:12px;line-height:1.6;margin-top:16px}
.member-panel{padding:25px}.profile{display:grid;grid-template-columns:210px 1fr;gap:24px}.visual-column{min-width:0}.skinbox{border-radius:22px;border:1px solid var(--line);background:radial-gradient(circle at 50% 30%,rgba(154,108,255,.18),transparent 52%),linear-gradient(180deg,#0d0912,#09060d);overflow:hidden}.skin-stage{height:320px;display:grid;place-items:center;position:relative;background-image:radial-gradient(circle at 50% 38%,rgba(154,108,255,.13),transparent 46%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,16px 16px,16px 16px;overflow:hidden}.skin-stage:after{content:"";position:absolute;width:150px;height:24px;border-radius:50%;background:rgba(0,0,0,.42);filter:blur(9px);bottom:27px;pointer-events:none}.skin-viewer{position:absolute;inset:0;z-index:1;user-select:none;touch-action:none}.skin-viewer canvas{display:block;width:100%;height:100%;position:absolute;inset:0;outline:none}.viewer-hint{position:absolute;left:12px;bottom:12px;z-index:3;font-size:9px;font-weight:1000;letter-spacing:.08em;padding:7px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(8,6,13,.73);color:#b0a4bb;backdrop-filter:blur(10px);pointer-events:none}.viewer-status{position:absolute;right:12px;top:12px;z-index:3;font-size:8px;font-weight:1000;letter-spacing:.11em;color:#7cf4c0;border:1px solid rgba(124,244,192,.14);background:rgba(124,244,192,.05);padding:6px 8px;border-radius:999px;pointer-events:none}.viewer-status.loading{color:#c3a9ff;border-color:rgba(174,137,255,.17);background:rgba(154,108,255,.06)}.viewer-status.error{color:#ff91aa;border-color:rgba(255,107,134,.17);background:rgba(255,107,134,.06)}.placeholder{font-weight:1000;color:#665d70;font-size:11px;text-align:center;display:grid;gap:10px;place-items:center;z-index:2}.placeholder b{font-size:34px;letter-spacing:-.08em;color:#8e6fa2}.preview-label{padding:11px 13px;border-top:1px solid var(--line);font-size:11px;color:#9d93aa;font-weight:900;letter-spacing:.06em}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7af6bd;box-shadow:0 0 10px rgba(122,246,189,.65);margin-right:6px}.profile-content{min-width:0}.profile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.name{font-size:34px;font-weight:1000;letter-spacing:-.04em}.nick{color:#b4a8bd;margin-top:4px}.hero-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.hero-chip{min-width:124px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}.hero-chip span{display:block;font-size:10px;text-transform:uppercase;color:#8b8294;font-weight:1000;letter-spacing:.08em}.hero-chip b{display:block;margin-top:4px;font-size:13px}.session-badge{font-size:9px;font-weight:1000;letter-spacing:.08em;color:#79f6be;border:1px solid rgba(121,246,190,.16);background:rgba(121,246,190,.05);padding:8px 10px;border-radius:999px;white-space:nowrap}.level-ribbon{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:14px 15px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(90deg,rgba(255,79,175,.08),rgba(154,108,255,.08));margin-top:18px}.level-copy small{display:block;font-size:10px;color:#8c8396;text-transform:uppercase;font-weight:1000;letter-spacing:.08em}.level-copy strong{display:block;margin-top:4px;font-size:18px}.level-bar{position:relative;height:10px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.05)}.level-bar i{display:block;height:100%;width:16%;border-radius:999px;background:linear-gradient(90deg,#ff77c5,#9f87ff);box-shadow:0 0 16px rgba(255,86,183,.35)}.level-note{grid-column:1/-1;color:#93889f;font-size:11px}.server-sync{grid-column:1/-1;justify-self:start;font-size:9px;font-weight:1000;letter-spacing:.08em;color:#8f8499;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);padding:6px 9px;border-radius:999px}.server-sync.ready{color:#79f6be;border-color:rgba(121,246,190,.16);background:rgba(121,246,190,.05)}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.stat{padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.stat small{display:block;color:#81778b;font-size:10px;text-transform:uppercase;font-weight:1000}.stat strong{display:block;margin-top:5px}.uploadgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.upload{border:1px solid rgba(255,255,255,.1);border-radius:17px;padding:15px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));min-width:0}.upload-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.upload-head b{display:block;font-size:15px}.upload-head small{display:block;color:#8f8499;margin-top:4px;line-height:1.4}.upload-state{font-size:9px;font-weight:1000;text-transform:uppercase;color:#8d8297;background:rgba(255,255,255,.04);padding:6px 8px;border-radius:999px;white-space:nowrap}.upload-state.ready{color:#8dffd0;background:rgba(121,246,190,.07)}.file-picker{margin-top:12px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;border:1px solid var(--line);background:#0c0910;border-radius:12px;overflow:hidden;cursor:pointer}.file-picker input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.file-picker span{padding:10px 11px;background:rgba(255,255,255,.055);border-right:1px solid var(--line);font-size:11px;font-weight:1000}.file-picker em{font-style:normal;color:#857b8e;font-size:11px;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-btn{width:100%;margin-top:10px;padding:11px 12px;font-size:12px}.cape-thumb{height:54px;margin-top:10px;border-radius:10px;border:1px solid var(--line);background:#0b0810;display:grid;place-items:center;overflow:hidden}.cape-thumb img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.cape-thumb span{font-size:9px;font-weight:1000;letter-spacing:.18em;color:#514858}.logout{margin-top:18px;width:100%}.footer{margin-top:18px;color:#736a7b;font-size:12px}

.cosmetic-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.cosmetic-actions .upload-btn{margin-top:0}.danger-btn{padding:11px 13px;font-size:11px;background:rgba(255,91,123,.055);border:1px solid rgba(255,91,123,.18);color:#ff9aae}.danger-btn:hover{background:rgba(255,91,123,.1);border-color:rgba(255,91,123,.3)}.danger-btn.armed{background:rgba(255,91,123,.17);border-color:rgba(255,91,123,.42);color:#ffd1da}
.account-settings{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.settings-title{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:13px}.settings-title span{font-size:9px;font-weight:1000;letter-spacing:.14em;color:#ff76c3}.settings-title h2{font-size:20px;letter-spacing:-.025em;margin:4px 0 0}.api-ready{font-size:8px;font-weight:1000;letter-spacing:.09em;color:#86f6c6;padding:7px 9px;border-radius:999px;border:1px solid rgba(121,246,190,.15);background:rgba(121,246,190,.045);white-space:nowrap}.api-ready i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#79f6be;box-shadow:0 0 8px rgba(121,246,190,.55);margin-right:5px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-card{padding:15px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));display:grid;gap:11px}.settings-card-head b{display:block;font-size:15px}.settings-card-head small{display:block;color:#8f8499;margin-top:4px;line-height:1.45}.settings-card .field input{padding:11px 12px}.settings-submit{width:100%;padding:11px 12px;font-size:12px}.account-created{font-size:10px;color:#82778d;padding:2px 1px}.account-created b{color:#afa4b8}.launcher-api-note{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin-top:12px;padding:13px 14px;border-radius:16px;border:1px solid rgba(154,108,255,.14);background:linear-gradient(90deg,rgba(154,108,255,.055),rgba(255,79,175,.035))}.api-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-weight:1000;font-size:11px;letter-spacing:-.06em;color:#e7d7ff;border:1px solid rgba(255,255,255,.08);background:rgba(154,108,255,.08)}.launcher-api-note b{display:block;font-size:12px}.launcher-api-note span{display:block;color:#8f8499;font-size:10px;line-height:1.5;margin-top:3px}

@media(max-width:900px){.profile{grid-template-columns:180px 1fr}.skin-stage{height:280px}.uploadgrid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}}
@media(max-width:820px){.grid{grid-template-columns:1fr}.profile{grid-template-columns:1fr}.visual-column{max-width:210px}.uploadgrid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.uploadgrid{grid-template-columns:1fr}.profile-head{display:block}.session-badge{display:inline-block;margin-top:12px}.auth-gate{grid-template-columns:auto 1fr}.auth-gate .spinner{grid-column:1/-1;justify-self:center}.skin-stage{height:290px}.level-ribbon{grid-template-columns:1fr}.settings-title{align-items:flex-start;flex-direction:column}.cosmetic-actions{grid-template-columns:1fr}.launcher-api-note{grid-template-columns:1fr}}
@media(max-width:520px){.shell{padding-top:30px}.panel,.auth-gate{padding:18px}.stats{grid-template-columns:1fr 1fr}.top{height:64px}.hero h1{font-size:44px}}

.locked-field{display:grid;gap:4px;padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.locked-field span{font-size:10px;color:#8d8396;text-transform:uppercase;font-weight:1000;letter-spacing:.08em}.locked-field b{font-size:14px}.locked-field small{color:#746b7d;font-size:10px;line-height:1.4}

/* v0.4.2 profile centering */
.skin-viewer{display:grid;place-items:center}.skin-viewer canvas{left:50%;right:auto;transform:translateX(-50%)}
@media(max-width:820px){.visual-column{width:min(240px,100%);max-width:240px;margin:0 auto;justify-self:center}.skinbox{width:100%}}