:root{color-scheme:dark;--background:#191812;--surface:#302e26;--text:#fcfaf1;--secondary:#bbb8ab;--accent:#f5d547;--accent-shadow:#b89a20;--border:#807b69;--error:#ffb4ab;--radius:16px;--space:24px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;background:var(--background);color:var(--text)}
*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit;max-width:100%;min-width:0}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;background:var(--surface);color:var(--secondary);box-shadow:none}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}p{line-height:1.5}h1,h2,p{margin:0}h1{font-size:1.875rem;line-height:1.2;font-weight:600;letter-spacing:-.025em}h2{font-size:1.25rem;font-weight:600}img{display:block;max-width:100%;height:auto}[hidden]{display:none!important}.loading{padding:var(--space);text-align:center;color:var(--secondary)}
.auth{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:40px var(--space)}.auth-content{width:100%;max-width:420px;text-align:center}.brand{width:240px;margin:0 auto}.tagline{font-size:.8125rem;color:var(--secondary);margin:8px 0 32px}.caption{margin:12px 0 28px;color:var(--secondary);font-size:.9375rem}.button{width:100%;min-height:54px;padding:14px 20px;border-radius:var(--radius);border:1px solid var(--border);background:transparent;color:var(--text);font-size:1.0625rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;text-align:center;line-height:1.4}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--background);box-shadow:0 4px 0 var(--accent-shadow)}.button.primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--accent-shadow)}.button.primary:disabled{background:var(--surface);border-color:var(--surface);box-shadow:none;color:var(--secondary)}.button.google{background:#131314;color:#e3e3e3;border-color:#8e918f}.google svg{width:20px;height:20px;flex-shrink:0}.divider{display:flex;align-items:center;gap:16px;margin:24px 0;color:var(--secondary);font-size:.9375rem}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--border)}.stack{display:grid;gap:16px}.field{display:grid;gap:8px;text-align:left;color:var(--secondary);font-size:.9375rem}.field input{width:100%;min-height:54px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text);padding:14px 16px;font-size:1rem}.field input:autofill{box-shadow:0 0 0 100px var(--surface) inset}.links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:16px}.text-link{min-height:44px;padding:12px 8px;background:none;border:0;color:var(--secondary);font:inherit;font-size:.9375rem;display:inline-flex;align-items:center;justify-content:center;text-decoration:underline;text-underline-offset:4px}.status{margin-top:20px;color:var(--secondary);font-size:.9375rem;overflow-wrap:anywhere}.status.error{color:var(--error)}.legal{margin-top:24px;display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.legal a{font-size:.8125rem;color:var(--secondary);padding:12px 8px;min-height:44px}.password-row{display:flex;border:1px solid var(--border);border-radius:var(--radius)}.password-row input{border:0;flex:1}.password-row button{border:0;background:none;color:var(--secondary);min-width:64px;padding:12px;font-size:.8125rem}.back{margin-top:16px}
.shell{max-width:1040px;margin:auto;padding:24px var(--space) 64px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid var(--surface)}.topbar .brand{width:176px;margin:0}.topbar nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.topbar .text-link{font-size:.875rem}.topbar .button{width:auto;min-height:44px;padding:10px 16px;font-size:.875rem}.page{padding-top:48px}.page .intro{margin-top:12px;color:var(--secondary)}.section-heading{margin:40px 0 20px;display:flex;align-items:center;gap:12px}.count{font-size:.875rem;padding:4px 10px;border-radius:20px;background:var(--surface);color:var(--secondary)}.devices{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}.device{padding:24px;background:var(--surface);border-radius:var(--radius);display:flex;gap:20px;align-items:flex-start;min-width:0}.device svg,.empty svg{width:32px;height:40px;flex-shrink:0;color:var(--secondary)}.device p{color:var(--secondary);font-size:.9375rem;margin-top:8px;overflow-wrap:anywhere}.device h2{overflow-wrap:anywhere}.empty{padding:48px 24px;border:1px solid var(--border);border-radius:var(--radius);display:grid;justify-items:center;text-align:center;gap:16px}.empty p{max-width:36ch;color:var(--secondary)}.notice{max-width:520px;display:grid;gap:20px}.notice .button{width:fit-content}.pricing-space{min-height:45svh}
@media(max-width:540px){.shell{padding-top:20px}.topbar{gap:16px}.topbar nav{width:100%;justify-content:space-between;gap:8px}.topbar .brand{width:160px}.page{padding-top:32px}.auth{padding-top:32px;padding-bottom:32px}.section-heading{margin-top:32px}.device{padding:20px}.empty{padding:32px 20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}