:root{color-scheme:light;--ink:#243b32;--green:#345e45;--muted:#6a756c;--line:#dce1d8;--paper:#fffef9}*{box-sizing:border-box}body.camera-setup{margin:0;background:#f3f4ed;color:var(--ink);font-family:system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5}main{max-width:760px;margin:auto;padding:22px 20px 48px}a{color:var(--green);text-underline-offset:3px}nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}nav a{text-decoration:none;font-size:14px}.brand{letter-spacing:.2em;font-weight:800}.steps{list-style:none;display:flex;justify-content:space-between;padding:0;margin:0 0 36px;font-size:12px;color:var(--muted);gap:10px}.steps li{border-top:2px solid var(--line);padding-top:10px;flex:1}.steps [aria-current]{border-color:var(--green);color:var(--green);font-weight:700}.steps span{margin-left:5px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.14em;margin:0 0 10px}h1{font-family:inherit;font-size:clamp(36px,7vw,54px);font-weight:400;line-height:1.08;letter-spacing:-.035em;margin:0 0 18px}header>p:last-child{color:var(--muted);max-width:450px;margin-bottom:26px}h2{font-size:19px;margin:0}p{margin:8px 0 16px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:24px;margin-bottom:20px;box-shadow:0 5px 20px #243b3204}.provider{display:flex;gap:14px;align-items:center;padding-bottom:24px;margin-bottom:22px;border-bottom:1px solid var(--line)}.provider p{font-size:13px;color:var(--muted);margin:3px 0 0}.camera-icon{display:grid;place-items:center;background:#e8eddf;width:46px;height:46px;border-radius:14px;font-size:32px}label{display:block;font-size:14px;font-weight:650;margin:17px 0 8px}input{display:block;width:100%;min-width:0;font:inherit;font-size:16px;padding:14px;border:1px solid var(--control-border);border-radius:10px;background:white;color:var(--ink);min-height:52px}input:focus,button:focus-visible,a:focus-visible{outline:3px solid var(--focus-color);outline-offset:3px}button,.secondary{font:inherit;min-height:48px;border:1px solid var(--line);border-radius:10px;padding:11px 16px;background:var(--paper);color:var(--ink);cursor:pointer}.primary{display:flex;width:100%;justify-content:space-between;align-items:center;background:var(--green);color:white;border:0;font-weight:650;margin-top:24px;min-height:54px}.primary:disabled{opacity:.55;cursor:wait}.password-field{position:relative}.password-field input{padding-right:75px}.password-field button{position:absolute;right:4px;top:3px;border:0;background:transparent;font-size:13px}.security,.small,footer{font-size:13px;color:var(--muted)}.security{margin:16px 0 0}.scan-orbit{font-size:72px;color:var(--green);animation:breathe 2s ease-in-out infinite}#scan-panel{text-align:center;padding:35px 24px}.secondary{display:inline-block;text-decoration:none}.plan-bar,.library-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.plan-bar a{font-size:13px}.plan-bar .eyebrow{margin-bottom:4px}.slots{display:grid;gap:10px;margin:20px 0}.slot{display:flex;align-items:center;text-align:left;gap:14px;min-height:84px;border:1px dashed #a8b8a0;background:#eaf0e2}.slot.selected{outline:2px solid var(--green);outline-offset:2px}.slot.filled{border-style:solid;background:var(--paper)}.slot-number{font-size:12px;display:grid;place-items:center;min-width:36px;height:36px;border:1px solid var(--line);border-radius:50%}.slot strong,.camera-row strong{display:block;font-size:15px;overflow-wrap:anywhere}.slot small,.camera-row small{display:block;color:var(--muted);font-size:12px}.slot .slot-action{margin-left:auto;font-size:12px}.library-heading span{font-size:12px;color:var(--muted)}.library input{margin:18px 0 8px}.camera-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:16px 0;background:transparent}.camera-row>span:last-child{margin-left:auto;font-size:12px}.camera-row[draggable=true]{cursor:grab}.save-bar{position:sticky;bottom:0;padding:12px 0 16px;background:#f3f4edf5;backdrop-filter:blur(10px)}.save-bar p{font-size:13px;margin:0}.save-bar button{margin-top:8px}#status{font-size:14px}details{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}details button{margin:14px 6px 0 0}footer{margin-top:30px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}@keyframes breathe{50%{opacity:.4;transform:scale(.92)}}@media(min-width:640px){main{padding-top:36px}.panel{padding:32px}.slots{grid-template-columns:1fr 1fr}header{margin-top:44px}.steps{max-width:440px}}@media(prefers-reduced-motion:reduce){.scan-orbit{animation:none}}

/* Daylight brand tokens are shared with marketing and account pages. */
:root{--ink:var(--brand-ink);--green:var(--brand-moss);--muted:var(--brand-muted);--line:var(--brand-line);--paper:var(--brand-surface)}
body.camera-setup{background:var(--brand-paper)}
.panel{border-radius:8px;box-shadow:none}