@font-face{font-family:STALPH;src:url(/assets/fonts/STALPH.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--pink-dark: #f177ae;--pink-med: #f494be;--pink-light: #f0cbd9;--yellow: #fad448;--yellow-deep: #f0c120;--blue: #6581b8;--blue-light: #9baad1;--black: #231F20;--white: #ffffff;--off-white: #fefefe;--surface: #fefefe;--surface-hover: #fef4f8;--surface-muted: #f8f8f8;--success: #2ecc71;--warning: #e09a2b;--danger: #e63946;--info: #6581b8;--glass-bg: rgba(255, 255, 255, .15);--glass-bg-strong: rgba(255, 255, 255, .25);--glass-border: rgba(255, 255, 255, .25);--glass-border-strong: rgba(255, 255, 255, .4);--glass-shadow: 0 8px 32px rgba(241, 119, 174, .1);--glass-shadow-lg: 0 16px 48px rgba(241, 119, 174, .12);--glass-blur: blur(16px);--gradient-pink: linear-gradient(135deg, #f177ae, #f494be);--gradient-pink-yellow: linear-gradient(135deg, #f177ae, #fad448);--gradient-blue: linear-gradient(135deg, #6581b8, #9baad1);--font-display: "STALPH", "Space Mono", monospace;--font-body: "DM Sans", system-ui, -apple-system, sans-serif;--font-mono: "Space Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(35, 31, 32, .06);--shadow-md: 0 4px 16px rgba(35, 31, 32, .08);--shadow-lg: 0 8px 32px rgba(35, 31, 32, .1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--duration-glacial: .6s;--max-width: 1200px;--navbar-height: 64px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);color:var(--black);background:linear-gradient(135deg,#fef4f8,#fdf0f5,#fefefe 60%,#f8f4ff);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;top:-30%;right:-15%;width:60vw;height:60vw;background:radial-gradient(circle,rgba(241,119,174,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}body:after{content:"";position:fixed;bottom:-20%;left:-10%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(250,212,72,.06) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}#app{position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:var(--font-size-4xl);letter-spacing:-.03em}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{margin-bottom:var(--space-md);color:#231f20cc}a{color:var(--pink-dark);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--pink-med)}:focus-visible{outline:2px solid var(--pink-dark);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#f177ae4d;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#f177ae80}::selection{background:#f177ae33;color:var(--black)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.fade-in{animation:fadeIn var(--duration-slow) var(--ease-out) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);padding:var(--space-xl);transition:all var(--duration-base) var(--ease-out)}.glass-card:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-strong);box-shadow:var(--glass-shadow-lg);transform:translateY(-2px)}.glass-card-static{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);padding:var(--space-xl)}.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);background:#fefefecc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(241,119,174,.1);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);z-index:100}.navbar-brand{font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--pink-dark);letter-spacing:.05em;cursor:pointer;user-select:none}.navbar-end{display:flex;align-items:center;gap:var(--space-md)}.navbar-user{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);transition:background var(--duration-fast) var(--ease-out)}.navbar-user:hover{background:var(--surface-hover)}.navbar-avatar{width:32px;height:32px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--pink-dark)}.navbar-username{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:700;color:var(--black)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:700;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-decoration:none;line-height:1;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--gradient-pink);color:#fff;box-shadow:0 4px 16px #f177ae4d}.btn-primary:hover:not(:disabled){box-shadow:0 6px 24px #f177ae66;transform:translateY(-1px)}.btn-secondary{background:#f177ae1a;color:var(--pink-dark);border:1px solid rgba(241,119,174,.2)}.btn-secondary:hover:not(:disabled){background:#f177ae26;border-color:var(--pink-dark)}.btn-ghost{background:transparent;color:var(--black)}.btn-ghost:hover:not(:disabled){background:#231f200d}.btn-sm{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-md)}.btn-lg{font-size:var(--font-size-base);padding:var(--space-md) var(--space-xl)}.input-group{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.input-label{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:700;color:#231f2099;text-transform:uppercase;letter-spacing:.08em}.input{font-family:var(--font-body);font-size:var(--font-size-base);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border:1.5px solid rgba(35,31,32,.12);background:#fff;color:var(--black);transition:all var(--duration-fast) var(--ease-out);width:100%}.input:focus{outline:none;border-color:var(--pink-dark);box-shadow:0 0 0 3px #f177ae26}.input::placeholder{color:#231f2040}.input-error{border-color:var(--danger)}.input-error:focus{box-shadow:0 0 0 3px #e6394626}.input-hint{font-size:var(--font-size-xs);color:#231f2080}.input-hint-error{color:var(--danger)}.input-hint-success{color:var(--success)}.form-card{background:#fff;border:1px solid rgba(241,119,174,.15);border-radius:var(--radius-lg);padding:var(--space-2xl);box-shadow:var(--shadow-md);max-width:480px;width:100%;margin:0 auto}.form-card h2{text-align:center;margin-bottom:var(--space-xs)}.form-card p.subtitle{text-align:center;color:#231f2080;margin-bottom:var(--space-xl)}.form-actions{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-lg)}.form-footer{text-align:center;margin-top:var(--space-lg);font-size:var(--font-size-sm);color:#231f2080}.steps-indicator{display:flex;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-xl)}.step-dot{width:10px;height:10px;border-radius:var(--radius-full);background:#f177ae26;transition:all var(--duration-base) var(--ease-out)}.step-dot.active{background:var(--pink-dark);width:28px;border-radius:5px}.step-dot.completed{background:var(--pink-med)}.profile-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-md)}.profile-avatar{width:96px;height:96px;border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--pink-dark);box-shadow:0 4px 16px #f177ae33}.profile-avatar-placeholder{width:96px;height:96px;border-radius:var(--radius-full);background:var(--gradient-pink);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--font-size-3xl);color:#fff;border:3px solid var(--pink-dark)}.profile-name{font-family:var(--font-mono);font-size:var(--font-size-xl);font-weight:700}.profile-handle{font-family:var(--font-mono);font-size:var(--font-size-sm);color:#231f2066}.profile-bio{font-size:var(--font-size-sm);color:#231f20b3;max-width:320px;line-height:1.5}.profile-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.profile-tag{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:700;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);background:#f177ae1a;color:var(--pink-dark)}.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-md)}.app-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg);border-radius:var(--radius-lg);background:#fff;border:1px solid rgba(241,119,174,.1);cursor:pointer;transition:all var(--duration-base) var(--ease-out);text-align:center}.app-card:hover{border-color:var(--pink-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.app-card-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--gradient-pink);display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.app-card-name{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:700}.app-card-version{font-size:var(--font-size-xs);color:#231f2066}.app-card-badge{font-family:var(--font-mono);font-size:10px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);background:var(--yellow);color:var(--black)}.toast-container{position:fixed;bottom:var(--space-xl);right:var(--space-xl);z-index:1000;display:flex;flex-direction:column;gap:var(--space-sm)}.toast{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;box-shadow:var(--shadow-lg);animation:slideUp var(--duration-base) var(--ease-out) both;max-width:400px;display:flex;align-items:center;gap:var(--space-sm)}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--danger);color:#fff}.toast-info{background:var(--info);color:#fff}.loading-spinner{width:24px;height:24px;border:2.5px solid rgba(241,119,174,.15);border-top-color:var(--pink-dark);border-radius:var(--radius-full);animation:spin .6s linear infinite}.loading-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:var(--space-md)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.section-header h3{font-size:var(--font-size-xl)}.devices-list{display:flex;flex-direction:column;gap:var(--space-sm)}.device-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);background:#fff;border:1px solid rgba(35,31,32,.06);transition:background var(--duration-fast) var(--ease-out)}.device-item:hover{background:var(--surface-hover)}.device-info{display:flex;align-items:center;gap:var(--space-md)}.device-label{font-weight:600;font-size:var(--font-size-sm)}.device-meta{font-size:var(--font-size-xs);color:#231f2066}.pill-group{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.pill{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:700;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);border:1.5px solid rgba(35,31,32,.1);background:#fff;color:#231f2099;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.pill:hover{border-color:var(--pink-med);color:var(--pink-dark)}.pill.selected{background:var(--pink-dark);border-color:var(--pink-dark);color:#fff}.avatar-upload{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.avatar-upload-preview{position:relative;cursor:pointer}.avatar-upload-overlay{position:absolute;inset:0;border-radius:var(--radius-full);background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--duration-fast) var(--ease-out);color:#fff;font-size:var(--font-size-sm);font-weight:600}.avatar-upload-preview:hover .avatar-upload-overlay{opacity:1}.dashboard{padding-top:calc(var(--navbar-height) + var(--space-xl));min-height:100vh}.dashboard-grid{display:grid;grid-template-columns:320px 1fr;gap:var(--space-xl);max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg);padding-bottom:var(--space-2xl)}.dashboard-panel{display:flex;flex-direction:column;gap:var(--space-lg)}@media(max-width:768px){.dashboard-grid{grid-template-columns:1fr}}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl)}.auth-logo{font-family:var(--font-display);font-size:var(--font-size-3xl);color:var(--pink-dark);margin-bottom:var(--space-lg);letter-spacing:.05em}.error-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl);text-align:center}.error-page h1{font-size:4rem;color:var(--pink-dark)}