:root{--color-bg: #000000;--color-surface: #111111;--color-surface-low: #0c0c0c;--color-surface-high: #1c1c1c;--color-text: #ffffff;--color-text-muted: #888888;--color-primary: #ffffff;--color-on-primary: #111111;--color-secondary: #c7c6c6;--color-on-secondary: #1c1c1c;--color-outline: #333333;--color-outline-bright: #666666;--color-error: #ff5252;--color-success: #00e676;--color-link: #0070f3;--font-sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", source-code-pro, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:14px;line-height:1.5;min-height:100vh;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-outline);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-outline-bright)}.screen{display:none;opacity:0;transform:translateY(10px);transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);width:100%;max-width:800px;padding:24px}.screen.active{display:block;opacity:1;transform:translateY(0)}#auth-screen.screen.active{margin:auto 0}#cabinet-screen.screen.active{padding-top:16px;margin-top:0}.auth-container{background-color:var(--color-surface);border:1px solid var(--color-outline);padding:40px;width:100%;max-width:440px;margin:0 auto;box-shadow:0 0 0 1px #ffffff05}.auth-header{margin-bottom:32px}.auth-header h1{font-size:24px;font-weight:700;letter-spacing:-.04em;text-transform:uppercase;margin-bottom:4px}.auth-header p{color:var(--color-text-muted);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.tabs{display:flex;border-bottom:1px solid var(--color-outline);margin-bottom:24px}.tab-btn{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);cursor:pointer;font-family:var(--font-mono);font-size:12px;font-weight:500;text-transform:uppercase;padding:12px 24px;transition:all .2s ease;margin-bottom:-1px}.tab-btn:hover{color:var(--color-text)}.tab-btn.active{color:var(--color-text);border-bottom-color:var(--color-primary)}.form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.form-label{font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.form-input{background-color:var(--color-surface-low);border:1px solid var(--color-outline);border-radius:4px;color:var(--color-text);font-family:var(--font-mono);font-size:13px;padding:12px;outline:none;transition:border-color .2s ease;width:100%}.form-input:focus{border-color:var(--color-primary)}.form-input::placeholder{color:#fff3}.captcha-container{margin-bottom:24px;display:flex;flex-direction:column;gap:8px}.captcha-header{display:flex;justify-content:space-between;align-items:center}.btn-refresh{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease;padding:0}.btn-refresh:hover{color:var(--color-text)}.btn-refresh span{font-size:18px}.captcha-body{display:flex;gap:12px;align-items:center}#captcha-svg-container{flex-shrink:0;display:flex;align-items:center}#captcha-svg-container svg{display:block}.captcha-input{flex-grow:1;text-align:center;font-size:16px;letter-spacing:.1em;text-transform:uppercase}.status-msg{padding:12px;border-radius:4px;font-family:var(--font-mono);font-size:12px;margin-bottom:20px;line-height:1.4;border:1px solid transparent}.status-msg.error{background-color:#ff52521a;border-color:#ff525233;color:#ff8a80}.status-msg.success{background-color:#00e6761a;border-color:#00e67633;color:#b9f6ca}.status-msg.info{background-color:#0070f31a;border-color:#0070f333;color:#82b1ff}.hidden{display:none!important}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:4px;font-family:var(--font-sans);font-weight:600;font-size:14px;padding:12px 24px;cursor:pointer;transition:opacity .2s ease;width:100%;display:flex;justify-content:center;align-items:center;gap:8px}.btn-primary:hover{opacity:.85}.btn-primary:active{opacity:.75}.btn-secondary{background-color:transparent;border:1px solid var(--color-outline);color:var(--color-text);border-radius:4px;font-family:var(--font-sans);font-weight:500;font-size:14px;padding:12px 24px;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{border-color:var(--color-primary)}.btn-secondary.btn-sm{padding:8px 16px;font-size:12px}.btn-danger{background-color:transparent;border:1px solid var(--color-error);color:#ff8a80;border-radius:4px;font-family:var(--font-mono);font-size:12px;padding:8px 16px;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background-color:#ff52521a}.cabinet-container{width:100%;display:flex;flex-direction:column;gap:32px}.cabinet-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-outline);padding-bottom:20px}.header-left{display:flex;align-items:center;gap:12px}.cabinet-header h1{font-size:28px;font-weight:700;letter-spacing:-.04em}.badge{background-color:var(--color-surface-high);border:1px solid var(--color-outline);color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.05em;padding:2px 8px;text-transform:uppercase}.header-right{display:flex;align-items:center;gap:16px}.launcher-dropdown{position:relative}.btn-launcher{display:flex;align-items:center;gap:8px;background-color:var(--color-surface-high);border:1px solid var(--color-outline);border-radius:6px;color:var(--color-text);cursor:pointer;font-family:var(--font-sans);font-size:13px;font-weight:600;padding:10px 18px;transition:all .2s ease;white-space:nowrap}.btn-launcher .material-symbols-outlined{font-size:18px}.launcher-arrow{font-size:16px!important;transition:transform .2s ease}.launcher-dropdown:hover .launcher-arrow{transform:rotate(180deg)}.btn-launcher:hover{border-color:var(--color-primary);background-color:var(--color-surface)}.launcher-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background-color:var(--color-surface);border:1px solid var(--color-outline);border-radius:6px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all .2s cubic-bezier(.16,1,.3,1);z-index:100;overflow:hidden;box-shadow:0 8px 24px #0006}.launcher-dropdown:hover .launcher-menu{opacity:1;visibility:visible;transform:translateY(0)}.launcher-option{display:flex;align-items:center;gap:12px;padding:14px 18px;color:var(--color-text);text-decoration:none;font-family:var(--font-sans);font-size:14px;font-weight:500;transition:background-color .15s ease;border-bottom:1px solid rgba(255,255,255,.04)}.launcher-option:last-child{border-bottom:none}.launcher-option:hover{background-color:var(--color-surface-high)}.launcher-icon{width:22px;height:22px;flex-shrink:0;color:var(--color-text-muted)}.launcher-option:hover .launcher-icon{color:var(--color-text)}.launcher-option-text{display:flex;align-items:baseline;gap:6px}.launcher-option-text small{font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted);font-weight:400}.username-display{font-family:var(--font-mono);font-weight:500;font-size:14px}.nav-tabs{display:flex;gap:32px;border-bottom:1px solid rgba(255,255,255,.05)}.nav-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);cursor:pointer;font-family:var(--font-mono);font-size:13px;font-weight:500;padding-bottom:16px;transition:all .2s ease;margin-bottom:-1px}.nav-tab:hover{color:var(--color-text)}.nav-tab.active{color:var(--color-text);border-bottom-color:var(--color-primary)}.tab-content{display:none;opacity:0;transition:opacity .25s ease;gap:32px}@media (min-width: 768px){.tab-content{grid-template-columns:1.2fr 1fr}}.tab-content.active{display:grid;opacity:1}.preview-panel,.upload-panel{display:flex;flex-direction:column;gap:12px}.panel-label{font-family:var(--font-mono);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.preview-container{background-color:var(--color-surface-low);border:1px solid var(--color-outline);aspect-ratio:4/3;width:100%;min-height:260px;position:relative;overflow:hidden}#skin-viewer-canvas,#cape-viewer-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;display:block}.preview-badge{position:absolute;bottom:12px;right:12px;background-color:var(--color-surface);border:1px solid var(--color-outline);color:var(--color-text-muted);font-family:var(--font-mono);font-size:9px;text-transform:uppercase;padding:4px 8px;pointer-events:none}.preview-controls{position:absolute;bottom:12px;left:12px;display:flex;gap:4px}.btn-control{background-color:var(--color-surface);border:1px solid var(--color-outline);color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px;padding:4px 8px;cursor:pointer;transition:all .2s ease}.btn-control:hover,.btn-control.active{color:var(--color-text);border-color:var(--color-primary)}.btn-control.active{background-color:var(--color-surface-high)}.upload-zone{background-color:#ffffff03;border:1px dashed var(--color-outline);border-radius:4px;padding:48px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;text-align:center;transition:all .2s ease;position:relative}.upload-zone:hover,.upload-zone.dragover{border-color:var(--color-primary);background-color:#ffffff05}.upload-icon{font-size:32px;color:var(--color-text-muted);transition:color .2s ease}.upload-zone:hover .upload-icon{color:var(--color-text)}.upload-text{font-family:var(--font-mono);font-size:13px;color:var(--color-text-muted)}.upload-zone:hover .upload-text{color:var(--color-text)}.upload-hint{font-size:11px;color:#ffffff4d}.hidden-input{display:none}.upload-actions{margin-top:8px;display:flex;gap:12px}#tab-security{grid-template-columns:1fr}@media (min-width: 768px){#tab-security{grid-template-columns:1.2fr 1fr}}.security-form{display:flex;flex-direction:column}.security-info{background-color:var(--color-surface);border:1px solid var(--color-outline);padding:24px;display:flex;flex-direction:column;gap:16px;height:fit-content}.security-info p{color:var(--color-text-muted);line-height:1.6}.session-info{border-top:1px solid var(--color-outline);padding-top:16px;display:flex;flex-direction:column;gap:4px}.session-info span:first-child{font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted);text-transform:uppercase}.mono-text{font-family:var(--font-mono);font-size:12px;color:var(--color-text);word-break:break-all}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.loading-indicator{animation:pulse 1.5s infinite ease-in-out;color:var(--color-text-muted);font-family:var(--font-mono);font-size:12px}