:root{color-scheme:dark;--lens-accent:#b9a4f3;--lens-bg:#07090d;--lens-panel:#15161e;--lens-border:#30303e;--lens-text:#f5f4f8;--lens-muted:#b8b9ca;--green:#64d9a7;--red:#ff9e91}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{margin:0;color:var(--lens-text);background:var(--lens-bg);font:14px/1.55 Inter,"Segoe UI",sans-serif}main{max-width:1080px;margin:auto;padding:0 36px}.hero{padding:72px 0 52px}.eyebrow{color:var(--lens-accent);font-size:10px;font-weight:800;letter-spacing:1.9px}.hero h1{font-size:clamp(38px,6vw,62px);line-height:1.04;margin:14px 0 18px}.hero p{max-width:670px;color:var(--lens-muted);font-size:17px;margin:0 0 25px}.button{display:inline-flex;padding:11px 17px;border:1px solid var(--lens-accent);border-radius:8px;background:var(--lens-accent);color:#17131d;text-decoration:none;font-weight:750;cursor:pointer}.button.secondary{background:transparent;color:var(--lens-accent)}.button:disabled{opacity:.5}.devices{padding:28px;border:1px solid var(--lens-border);border-radius:12px;background:var(--lens-panel)}.section-heading,.device-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-heading h2{font-size:28px;margin:5px 0}.feedback{color:var(--lens-muted)}.feedback.error,.device-error{color:var(--red)}.device-list{display:grid;gap:14px;margin-top:20px}.device-card{padding:22px;border:1px solid var(--lens-border);border-radius:10px;background:#101117}.device-card.revoked{opacity:.65}.device-heading h3{margin:7px 0 0;font-size:20px}.state{display:inline-flex;align-items:center;gap:7px;color:var(--lens-muted);font-weight:700}.state:before{content:"";width:8px;height:8px;border-radius:50%;background:#777}.state.online{color:var(--green)}.state.online:before{background:var(--green);box-shadow:0 0 12px #64d9a744}.revoke{border:1px solid #77545a;border-radius:7px;background:transparent;color:#ffc5bd;padding:8px 12px;cursor:pointer}.device-details{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0 0}.device-field{padding:13px;border:1px solid #292a35;border-radius:8px}.device-field dt{color:var(--lens-muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.device-field dd{margin:5px 0 0;font-weight:700}.update-required,.device-error{padding:10px 12px;border-radius:6px;background:#372815}.update-required{color:#ffd38b}.empty{text-align:center;padding:48px 20px}.empty p{color:var(--lens-muted);margin-bottom:22px}.privacy-note{margin:22px 0;padding:20px;border-left:3px solid var(--lens-accent);background:var(--lens-panel);color:var(--lens-muted)}.privacy-note strong{color:var(--lens-text)}footer{display:flex;justify-content:space-between;padding:35px 0 55px;color:var(--lens-muted);font-size:11px}@media(max-width:760px){main{padding:0 20px}.device-details{grid-template-columns:1fr 1fr}.section-heading{align-items:flex-start}.device-heading{align-items:flex-start}}@media(max-width:480px){.device-details{grid-template-columns:1fr}footer{flex-direction:column}}

.hero small{display:block;margin-top:11px;color:var(--lens-muted)}
.signed-out{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:28px;padding:28px;border:1px solid #554778;border-radius:12px;background:linear-gradient(120deg,#211936,#15161e)}.signed-out h2{margin:6px 0}.signed-out p{margin:0;color:var(--lens-muted)}
.steps{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(360px,1.3fr);gap:64px;margin-bottom:28px;padding:28px;border:1px solid var(--lens-border);border-radius:12px;background:var(--lens-panel)}.steps h2{font-size:28px;margin:7px 0}.steps p{color:var(--lens-muted)}.steps ol{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:18px;padding:16px 0;border-bottom:1px solid var(--lens-border)}.steps li:first-child{padding-top:0}.steps li:last-child{padding-bottom:0;border:0}.steps li>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:#2d1749;color:#d7c8ff;font-weight:800}.steps h3{margin:1px 0 4px}.steps li p{margin:0}.steps code{color:#ddd0ff}
@media(max-width:760px){.steps{grid-template-columns:1fr;gap:24px}.signed-out{align-items:flex-start;flex-direction:column}}
.skip{position:absolute;top:-100px;left:12px;background:var(--panel);padding:10px;z-index:9}.skip:focus{top:8px}.subnav{position:sticky;top:0;z-index:30;display:flex;gap:6px;overflow-x:auto;padding:8px 12px;background:rgba(10,12,14,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.subnav a{padding:7px 12px;border-radius:6px;color:var(--muted);font-size:12px;white-space:nowrap}.subnav a:hover,.subnav a:focus-visible{color:var(--ink);background:#1b1f23}
@media(max-width:520px){.hero{padding:42px 0 34px}.hero p{font-size:15px}.devices{padding:16px}.section-heading,.device-heading{flex-direction:column;align-items:flex-start}.section-heading .button,.device-heading .revoke{width:100%;justify-content:center}.device-card{padding:16px}footer{gap:8px}}

.previous-devices{margin-top:20px;padding-top:18px;border-top:1px solid var(--lens-border)}.previous-devices summary{cursor:pointer;color:var(--lens-muted);font-weight:700}.previous-devices>p{margin:8px 0 0;color:var(--lens-muted);font-size:13px}.previous-devices[open] summary{color:var(--lens-text)}

.storage-status{margin-top:14px;padding:16px;border:1px solid #393247;border-radius:9px;background:linear-gradient(120deg,#171321,#101117)}.storage-status>div{display:grid;gap:4px}.storage-label{color:var(--lens-accent);font-size:10px;font-weight:800;letter-spacing:.12em}.storage-status strong{font-size:18px}.storage-status p{margin:0;color:var(--lens-muted)}.storage-status .storage-action{margin-top:5px;font-size:12px;color:#d8d0ee}

.windows-warning{display:flex;gap:14px;align-items:flex-start;margin:-26px 0 28px;padding:18px 20px;border:1px solid #5d4a2c;border-radius:10px;background:#201a12;color:var(--lens-muted)}.windows-warning .warning-icon{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:#3a2c17;color:#ffd38b;font-weight:900}.windows-warning strong{color:#fff}.windows-warning p{margin:4px 0 0}.windows-warning em{color:#e9e5f4}.windows-warning p strong{color:#ffd38b}@media(max-width:520px){.windows-warning{margin-top:-14px;padding:16px}}