body,html{margin:0;height:100%;background:#0A0A0A;color:#F5F5F5;font-family:var(--font-sans),system-ui,sans-serif}.login{min-height:100%;align-items:center;justify-content:center;padding:16px}.login,.login form{display:flex;box-sizing:border-box}.login form{width:100%;max-width:360px;flex-direction:column;gap:14px;background:#1C1C1C;border:1px solid #3a3a3a;border-radius:16px;padding:28px}.login img{height:28px;width:auto;align-self:flex-start}.login h1{margin:4px 0 6px;font:600 22px/1.2 var(--font-display),system-ui,sans-serif}.login input{font:500 18px/1 var(--font-sans),system-ui,sans-serif;padding:14px 16px;border-radius:10px;border:1px solid #565656;background:#141414;color:#F5F5F5}.login input:focus{outline:2px solid #F38D49;outline-offset:1px}.login button{font:600 17px/1 var(--font-sans),system-ui,sans-serif;padding:15px;border:0;border-radius:10px;background:#F38D49;color:#141414;cursor:pointer}.login .err{margin:0;color:#EF6C82;font-size:15px}.login .stack{width:100%;max-width:360px;display:flex;flex-direction:column;gap:16px}.login .stack.wide{max-width:440px}.login .devices,.login .pair{background:#1C1C1C;border:1px solid #3a3a3a;border-radius:16px;padding:22px 28px;box-sizing:border-box}.login h2{margin:0 0 8px;font:600 17px/1.2 var(--font-display),system-ui,sans-serif}.login .note,.login .pair p{margin:0;color:#C2C2C2;font-size:15px;line-height:1.45}.login .pair b{color:#F5F5F5;font-weight:600}.login .code{margin-top:14px;font:600 40px/1 var(--font-mono),ui-monospace,monospace;letter-spacing:.08em;color:#F38D49}.login .ok{margin:0;color:#7FCB8F;font-size:15px}.login .devices ul{list-style:none;margin:0;padding:0}.login .devices li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #3a3a3a}.login .devices li:first-child{border-top:0}.login .devices li div{display:flex;flex-direction:column;gap:4px;min-width:0}.login .devices li b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login .devices li span{color:#C2C2C2;font-size:14px}.login .devices li form{display:block;background:none;border:0;padding:0;width:auto}.login button.quiet{padding:9px 14px;font-size:15px;background:transparent;color:#F5F5F5;border:1px solid #565656}.login .keep{display:flex;align-items:center;gap:10px;color:#C2C2C2;font-size:15px;cursor:pointer;user-select:none}.login .keep input{width:18px;height:18px;margin:0;padding:0;accent-color:#F38D49;cursor:pointer}.login .google{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border-radius:10px;background:#F5F5F5;color:#141414;font:600 16px/1 var(--font-sans),system-ui,sans-serif;text-decoration:none}.login .google svg{width:20px;height:20px}.login .or{display:flex;align-items:center;gap:10px;color:#8C8C8C;font-size:13px}.login .or:after,.login .or:before{content:"";flex:1 1;height:1px;background:#3A3A3A}.login .stack.goalsw{max-width:520px}.login form.goals{max-width:none}.login .goals .grow{display:grid;grid-template-columns:minmax(0,1fr) 130px 120px;align-items:center;gap:10px}.login .goals .grow label{color:#C2C2C2;font-size:15px}.login .goals .grow input{width:100%;box-sizing:border-box;padding:11px 12px;font-size:16px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.login .goals .head span{color:#8C8C8C;font-size:13px}.login .note a{color:#F38D49}