:root{--bg:#0c0c0e;--fg:#e4e4e7;--muted:#71717a;--border:#27272a;--card:#131316;--accent:#cc0003}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,sans-serif}@supports (padding-top:env(safe-area-inset-top)){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}.page{flex-direction:column;min-height:100vh;display:flex}.center{flex:1;justify-content:center;align-items:center;padding:1rem;display:flex}.spinner{border:2px solid var(--muted);border-top-color:var(--fg);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-wrap{width:100%;max-width:360px}.brand{text-align:center;margin-bottom:2.5rem}.brand-logo{filter:invert();width:48px;height:48px;margin:0 auto 1rem}.brand-icon{background:var(--card);border:1px solid var(--border);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1rem;font-size:1.5rem;font-weight:700;display:inline-flex}.brand h1{letter-spacing:-.02em;font-size:1.25rem;font-weight:600}.brand p{color:var(--muted);margin-top:.25rem;font-size:.875rem}.form{flex-direction:column;gap:1rem;display:flex}.form label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.375rem;font-size:.6875rem;font-weight:500;display:block}.form input{background:var(--card);border:1px solid var(--border);width:100%;color:var(--fg);border-radius:.5rem;outline:none;padding:.625rem .75rem;font-size:.875rem;transition:border-color .15s}.form input:focus{border-color:var(--fg)}.form input::placeholder{color:var(--muted)}.btn-primary{background:var(--fg);width:100%;height:40px;color:var(--bg);cursor:pointer;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;transition:opacity .15s}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:default}.error{color:var(--accent);font-size:.875rem}.motto{text-align:center;color:var(--muted);margin-top:2rem;font-size:.75rem}.forgot-link{text-align:center;color:var(--muted);margin-top:1rem;font-size:.75rem;text-decoration:none;transition:color .15s;display:block}.forgot-link:hover{color:var(--fg)}.sent-info{text-align:center;color:var(--muted);flex-direction:column;gap:.5rem;font-size:.8125rem;line-height:1.5;display:flex}.btn-passkey{border:1px solid var(--border);background:var(--card);width:100%;height:44px;color:var(--fg);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;transition:border-color .15s,background .15s;display:flex}.btn-passkey:hover{border-color:var(--fg);background:#e4e4e70a}.btn-passkey:disabled{opacity:.5;cursor:default}.btn-passkey svg{opacity:.7}.divider{align-items:center;gap:.75rem;margin:1.25rem 0;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.divider span{color:var(--muted);white-space:nowrap;font-size:.6875rem}.passkey-prompt-actions{flex-direction:column;gap:.75rem;display:flex}.btn-skip{width:100%;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:.5rem;font-size:.8125rem;transition:color .15s}.btn-skip:hover{color:var(--fg)}.header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.header-brand{align-items:center;gap:.75rem;display:flex}.header-logo{filter:invert();width:24px;height:24px}.header-icon{background:var(--card);border:1px solid var(--border);border-radius:.5rem;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:700;display:flex}.header-name{letter-spacing:-.01em;font-size:.875rem;font-weight:600}.header-motto{color:var(--muted);opacity:.6;font-size:.6875rem}.header-right{align-items:center;gap:.75rem;display:flex}.header-email{color:var(--muted);font-size:.6875rem}.header-avatar{background:var(--border);width:28px;min-width:28px;height:28px;color:var(--fg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.6875rem;font-weight:600;display:flex}.btn-text{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:.75rem;transition:color .15s}.btn-text:hover{color:var(--fg)}.btn-signout-icon{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.25rem;transition:color .15s;display:none}.btn-signout-icon:hover{color:var(--fg)}@media (max-width:640px){.header{padding:.75rem 1rem}.header-email,.header-motto,.btn-signout-text{display:none}.btn-signout-icon{align-items:center;display:flex}.header-right{gap:.5rem}}.apps-content{flex:1;justify-content:center;align-items:center;padding:1.5rem;display:flex}.apps-wrap{width:100%;max-width:520px}.apps-title{text-align:center;margin-bottom:2.5rem}.apps-aver-logo{filter:invert();opacity:.25;width:32px;height:32px;margin:0 auto .75rem}.apps-title h1{letter-spacing:-.01em;font-size:1rem;font-weight:600}.apps-title p{color:var(--muted);margin-top:.25rem;font-size:.8125rem}.app-grid{grid-template-columns:1fr 1fr;gap:.625rem;display:grid}.app-tile{border:1px solid var(--border);background:var(--card);color:inherit;border-radius:1rem;flex-direction:column;align-items:center;gap:.875rem;padding:1.75rem 1.5rem;text-decoration:none;transition:border-color .2s,background .2s,transform .2s;display:flex;position:relative}.app-tile.live:hover{background:#e4e4e70a;border-color:#e4e4e726;transform:translateY(-1px)}.app-tile.soon{opacity:.3;cursor:default}.app-icon{background:var(--bg);border:1px solid var(--border);letter-spacing:-.02em;border-radius:.75rem;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.125rem;font-weight:700;display:flex}.app-logo-img{filter:invert();width:26px;height:26px}.app-name{letter-spacing:-.01em;font-size:.8125rem;font-weight:600}.app-tagline{color:var(--muted);margin-top:.125rem;font-size:.6875rem}.app-info{text-align:center}.badge{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;padding:.125rem .4375rem;font-size:.5625rem;font-weight:500;position:absolute;top:.625rem;right:.625rem}.badge-soon{color:var(--muted);background:#27272a99}.badge-beta{color:#fbbf24;background:#fbbf241a}.passkey-section{text-align:center;margin-top:2rem}.passkey-toggle{align-items:center;gap:.375rem;font-size:.6875rem;display:inline-flex}.passkey-list{text-align:left;border:1px solid var(--border);border-radius:.5rem;margin-top:.75rem;overflow:hidden}.passkey-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.625rem .75rem;display:flex}.passkey-item:last-of-type{border-bottom:none}.passkey-device{font-size:.8125rem;font-weight:500}.passkey-meta{color:var(--muted);margin-top:.125rem;font-size:.6875rem}.passkey-add{text-align:center;border-top:1px solid var(--border);width:100%;padding:.5rem;font-size:.75rem;display:block}