:root{--bg: #0b1120;--bg-soft: #020617;--card-bg: #0f172a;--border-subtle: #1e293b;--accent: #38bdf8;--accent-soft: rgba(56,189,248,.12);--accent-strong: #0ea5e9;--text-main: #e5e7eb;--text-muted: #9ca3af;--danger: #f97373;--warn: #facc15;--good: #22c55e}@font-face{font-family:Lato;src:url(/fonts/Lato-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Lato;src:url(/fonts/Lato-Bold.ttf) format("truetype");font-weight:700;font-style:normal}body{margin:0;font-family:Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#1e293b 0,#020617 55%,#000);color:var(--text-main);overflow-y:scroll}.app{max-width:1200px;margin:0 auto;padding:32px 20px 40px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.card{background:linear-gradient(135deg,#0f172af5,#0f172afa);border-radius:18px;padding:22px 22px 20px;box-shadow:0 18px 40px #0f172abf,0 0 0 1px #94a3b82e;border:1px solid rgba(148,163,184,.22)}.deviceManagerCard{position:relative;overflow:hidden}.deviceLoadingMask{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:28px;background:#020617db;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.deviceLoadingPanel{width:min(620px,100%);padding:28px;border:1px solid rgba(125,211,252,.32);border-radius:18px;background:linear-gradient(145deg,#0f172afa,#1e293bf5);box-shadow:0 22px 60px #0000006b;text-align:center}.deviceLoadingPanel strong,.deviceLoadingPanel>span{display:block}.deviceLoadingPanel strong{margin-top:14px;color:#e0f2fe;font-size:17px}.deviceLoadingPanel>span{margin-top:5px;color:#94a3b8;font-size:13px}.deviceLoadingSpinner{width:34px;height:34px;margin:0 auto;border:3px solid rgba(56,189,248,.2);border-top-color:#38bdf8;border-radius:50%;animation:deviceLoadingSpin .8s linear infinite}.deviceLoadingSkeleton{display:grid;gap:11px;margin-top:24px}.deviceLoadingSkeleton>div{display:grid;grid-template-columns:1fr 1fr;gap:11px}.deviceLoadingSkeleton i{display:block;height:38px;border-radius:9px;background:linear-gradient(90deg,#3341559e 20%,#64748b8a,#3341559e 70%);background-size:220% 100%;animation:deviceLoadingShimmer 1.25s ease-in-out infinite}.deviceLoadingSkeleton .deviceLoadingSkeletonShort{width:52%}@keyframes deviceLoadingSpin{to{transform:rotate(360deg)}}@keyframes deviceLoadingShimmer{0%{background-position:200% 0}to{background-position:-20% 0}}@media(prefers-reduced-motion:reduce){.deviceLoadingSpinner,.deviceLoadingSkeleton i{animation:none}}.grid{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media(max-width:840px){.grid{grid-template-columns:minmax(0,1fr)}}h1{margin:0 0 6px;font-size:26px;letter-spacing:.02em}.appTitle,.toolCardTitle{display:flex;align-items:center;gap:9px}.appBrand{display:inline-block;color:inherit;text-decoration:none;border-radius:8px}.appBrand .appTitle,.appBrand .appTitleIcon{transition:color .16s ease}.appBrand:hover .appTitle,.appBrand:focus-visible .appTitle{color:#fff}.appBrand:hover .appTitleIcon,.appBrand:focus-visible .appTitleIcon{color:#7dd3fc}.appBrand:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.appTitleIcon,.toolCardTitleIcon{color:var(--accent)}.appTitleIcon{font-size:21px}.toolCardTitleIcon{width:18px;font-size:16px}h2{margin:0 0 6px;font-size:18px}p{margin:0 0 10px;color:var(--text-muted);font-size:14px}label{font-weight:600;display:block;margin:10px 0 4px;font-size:14px;color:var(--text-main)}input,textarea{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--border-subtle);color:#000;font-size:15px;box-sizing:border-box}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent-strong);box-shadow:0 0 0 1px #38bdf866}textarea{resize:vertical;min-height:72px}.deviceLookupFields{margin:24px 0}.deviceLookupFields label{color:#6c9dff}.deviceMachinePicker{margin-top:12px;padding:12px;border:1px solid rgba(148,163,184,.28);border-radius:12px;background:#0f172a73}.deviceMachinePickerHeader{display:flex;justify-content:space-between;margin-bottom:10px;color:#94a3b8;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.deviceMachineSection+.deviceMachineSection{margin-top:16px;padding-top:14px;border-top:1px solid rgba(148,163,184,.22)}.deviceMachineButtons{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;max-height:220px;overflow-y:auto}.deviceMachineButton{min-width:0;padding:8px 10px;border-radius:9px;color:#7dd3fc;font-variant-numeric:tabular-nums}.deviceMachineButton:hover{color:#0b1120;background:#7dd3fc;border-color:#7dd3fc}.deviceMachinePickerMessage{margin:0;color:#94a3b8;font-size:13px}.deviceMachinePickerError{color:#fca5a5}@media(max-width:700px){.deviceMachineButtons{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:440px){.deviceMachineButtons{grid-template-columns:repeat(3,minmax(0,1fr))}}button{padding:11px 14px;border:0;border-radius:999px;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.01em;transition:background .16s ease,transform .08s ease,box-shadow .16s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}button:active{transform:translateY(1px);box-shadow:none}button:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;gap:10px;align-items:center}.row>*{flex:1}.primary{background:linear-gradient(135deg,var(--accent-strong),var(--accent));color:#0b1120;box-shadow:0 8px 18px #38bdf859}.primary:hover{background:linear-gradient(135deg,#38bdf8,#7dd3fc)}.good{background:linear-gradient(135deg,#22c55e,#4ade80);color:#052e16;box-shadow:0 8px 18px #22c55e59}.warn{background:linear-gradient(135deg,#facc15,#f97316);color:#111827;box-shadow:0 8px 18px #facc1559}.ghost{background:#0f172ae6;color:var(--text-main);border-radius:999px;border:1px solid rgba(148,163,184,.35)}.ghost:hover{background:#0f172a;border-color:#94a3b8b3;color:#e9e9e9}.status{margin-top:10px;font-weight:600;font-size:13px;color:var(--text-muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.hidden{display:none!important}.wizardTop{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.pill{background:var(--accent-soft);border-radius:999px;padding:6px 12px;font-size:13px;color:var(--accent-strong);border:1px solid rgba(56,189,248,.4)}.stepTitle{font-size:20px;margin:0 0 8px;color:#020617}.stepBody{color:#111827;line-height:1.6;font-size:15px}.stepBox{border:1px solid rgba(148,163,184,.7);border-radius:16px;padding:18px 18px 16px;background:#f9fafb;box-shadow:0 14px 30px #0f172a40,0 0 0 1px #f8fafce6;min-height:450px;display:flex;flex-direction:column}.nav{margin-top:18px;display:flex;gap:10px}.nav button{flex:1}.guideTabs{display:flex;gap:10px;margin:18px 0;flex-wrap:wrap}.sshGuideBox{gap:16px}.sshSteps{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:14px}.sshSteps li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:start;color:#111827}.stepNumber{width:32px;height:32px;border-radius:999px;background:#dbeafe;color:#1d4ed8;display:inline-flex;align-items:center;justify-content:center;font-weight:700;border:1px solid #93c5fd}.sshStepContent h3{margin:4px 0 6px;color:#020617;font-size:16px}.sshStepContent p{color:#334155;line-height:1.55}.commandBlock{margin-top:10px;border:1px solid #cbd5e1;border-radius:10px;background:#0f172a;overflow:hidden}.commandSequence{display:grid;gap:12px;margin-top:10px}.commandSequenceItem{padding:12px;border:1px solid #cbd5e1;border-radius:10px;background:#f8fafc}.commandSequenceItem .commandBlock{margin-top:8px}.commandLabel{color:#0f172a;font-size:14px;font-weight:700;line-height:1.4}.commandHelper{margin-top:8px;color:#475569;font-size:13px;line-height:1.5}.keyFormatter{margin-top:12px;padding:12px;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff}.keyFormatter textarea{margin-top:6px;min-height:112px;color:#0f172a}.commandLine{position:relative;border-bottom:1px solid rgba(203,213,225,.2)}.commandLine:last-child{border-bottom:0}.commandLine pre{margin:0;padding:14px 92px 14px 14px;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere}.commandLine code{color:#e5e7eb;font-size:13px;line-height:1.55;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.commandCopy{position:absolute;top:8px;right:8px;padding:6px 10px;font-size:12px;background:#0f172af2}.setupNote{margin-top:8px;padding:10px 12px;border-radius:8px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:13px;line-height:1.5}@media(max-width:640px){.sshSteps li{grid-template-columns:1fr}.commandLine pre{padding-right:14px;padding-top:48px}}.serialHelp-trigger{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center}.serialHelp-popup{position:absolute;top:120%;right:0;z-index:100002;background:#0b1120;padding:8px;border-radius:10px;border:1px solid rgba(148,163,184,.8);box-shadow:0 14px 30px #0f172ab3;min-width:200px;max-width:460px;display:none}.backupDetails .serialHelp-popup{right:auto;left:0}.serialHelp-popup img{display:block;max-width:450px;border-radius:6px;border:1px solid #cbd5e1;background:#f9fafb}.serialHelp-popupPortal{position:fixed;right:auto;z-index:2147483647;box-sizing:border-box;min-width:0;max-width:none;max-height:calc(100vh - 32px);overflow:hidden;pointer-events:none;display:block}.serialHelp-popupPortal img{width:100%;max-width:none;max-height:calc(100vh - 50px);object-fit:contain}#image-zoom-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;align-items:center;justify-content:center;padding:20px}#image-zoom-modal.active{display:flex}#image-zoom-modal img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 10px 50px #00000080}.landingSetupActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.manualSetupLink{display:inline-block;margin-top:12px;padding:4px 0;font-size:13px;color:#475569;text-underline-offset:3px}.manualSetupLink:hover{color:#1d4ed8}.apnInstructions{line-height:1.7}.apnInstructions ol{padding-left:20px}.apnInstructions li+li{margin-top:8px}.stepBox .apnInstructions,.stepBox .apnInstructions p,.stepBox .manualFirewallInstructions{color:#111827}.stepBox .inlineCopyText{color:#0f172a;background:#e2e8f0;border-color:#94a3b8}.stepBox .inlineCopyText:hover{background:#cbd5e1}.manualFirewallInstructions{font-size:14px;line-height:1.7}.manualFirewallInstructions ol{padding-left:20px}.manualFirewallInstructions li+li{margin-top:8px}.manualFirewallScreenshot{display:block;width:100%;padding:0;overflow:hidden;color:#1e293b;background:#fff;border:1px solid #94a3b8;border-radius:8px;cursor:zoom-in}.manualFirewallScreenshot img{display:block;width:100%;height:auto}.manualFirewallScreenshot span{display:block;padding:10px;font-size:13px}.landingLabelActions,.landingDeviceActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.landingLabelActions button,.landingDeviceActions button{flex:1 1 180px}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.deviceListPage{width:calc(100vw - 40px);margin-left:calc(50% - 50vw + 20px)}.deviceListTopbar,.deviceListHeading,.deviceTableFooter,.deviceListError{display:flex;align-items:center;justify-content:space-between;gap:14px}.deviceListTopbar{margin-bottom:14px}.deviceListTopbar>*,.deviceListError>*{flex:initial}.deviceListHeading{padding:20px 22px;border:1px solid rgba(148,163,184,.22);border-bottom:0;border-radius:16px 16px 0 0;background:#0f172af5}.deviceListHeading h2{font-size:21px}.deviceListHeading p{margin:4px 0 0}.deviceListSearch{position:relative;width:min(420px,42vw);margin:0}.deviceListSearch>svg{position:absolute;top:50%;left:14px;z-index:1;color:#64748b;transform:translateY(-50%);pointer-events:none}.deviceListSearch input{padding-left:40px;color:#0f172a;background:#f8fafc;border-color:#64748b}.deviceListError{padding:16px 18px;color:#fecaca;background:#7f1d1d66;border:1px solid rgba(248,113,113,.55);border-radius:12px}.deviceTableShell{overflow:hidden;border:1px solid rgba(148,163,184,.28);border-radius:0 0 16px 16px;background:#f8fafc;box-shadow:0 20px 44px #0206176b}.deviceTableScroller{overflow:auto}.deviceTable{min-width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;color:#0f172a;font-size:13px;font-family:Lato,Arial,sans-serif;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1,"zero" 0}.deviceTable .mono,.deviceTable button{font-family:inherit;font-variant-numeric:inherit;font-feature-settings:inherit}.deviceTable th{position:sticky;top:0;z-index:2;padding:0;text-align:left;white-space:nowrap;background:#e9eef5;border-bottom:1px solid #cbd5e1}.deviceTable th button{width:100%;min-width:0;justify-content:flex-start;padding:12px 24px 12px 14px;overflow:hidden;color:#1e293b;background:transparent;border-radius:0;font-size:12px;text-align:left}.deviceColumnLabel{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deviceColumnResizeHandle{position:absolute;top:0;right:-4px;z-index:5;width:9px;height:100%;cursor:col-resize;touch-action:none}.deviceColumnResizeHandle:after{content:"";position:absolute;top:20%;right:4px;width:2px;height:60%;border-radius:999px;background:#94a3b8;opacity:.35;transition:height .12s ease,opacity .12s ease,background-color .12s ease}.deviceColumnResizeHandle:hover:after,.deviceColumnResizeHandle:focus-visible:after{top:10%;height:80%;background:#0284c7;opacity:1}.deviceColumnResizeHandle:focus-visible{outline:2px solid #0284c7;outline-offset:-2px}body.isResizingTableColumn,body.isResizingTableColumn *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.deviceTable th button:hover{color:#0369a1;background:#dbeafe}.deviceTable th button:focus-visible{position:relative;z-index:1;outline:2px solid #0284c7;outline-offset:-2px}.deviceTable td{padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #e2e8f0;background:#fff;transition:background-color .14s ease,box-shadow .14s ease}.deviceCellCopy{width:100%;min-width:0;min-height:40px;padding:11px 14px;justify-content:flex-start;overflow:hidden;color:inherit;background:transparent;border:0;border-radius:0;box-shadow:none;font:inherit;letter-spacing:normal;cursor:copy;transform:none}.deviceCellCopy span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deviceCellCopy:hover{background:#0ea5e91a}.deviceSearchHighlight{padding:1px 2px;color:#7c2d12;background:#fcd34d;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone;font:inherit}.deviceCellCopy:focus-visible{position:relative;z-index:1;outline:2px solid #0284c7;outline-offset:-2px}.deviceCellCopy.isCopied,.deviceCellCopy.isCopied:hover{color:#166534;background:#dcfce7;box-shadow:inset 0 0 0 1px #86efac}.deviceTable tr:nth-child(2n) td{background:#f8fafc}.deviceTable tbody tr:hover td{background:#eaf3ff}.deviceTable tbody tr:hover td:first-child{box-shadow:inset 3px 0 #0ea5e9,1px 0 #cbd5e1}.deviceTable td:first-child,.deviceTable th:first-child{position:sticky;left:0;z-index:1;font-weight:700;box-shadow:1px 0 #cbd5e1}.deviceTable th:first-child{z-index:3;background:#e9eef5}.deviceTableMessage{height:180px;text-align:center;color:#64748b;font-size:14px}.deviceTableFooter{padding:12px 16px;color:#475569;background:#eef2f7;border-top:1px solid #cbd5e1;font-size:12px}.deviceTableFooter label{display:inline-flex;align-items:center;gap:8px;margin:0;color:#475569;font-size:12px}.deviceTableFooter select{padding:6px 28px 6px 8px;color:#0f172a;background:#fff;border:1px solid #94a3b8;border-radius:7px}.deviceTablePagination{display:flex;align-items:center;gap:10px}.deviceTablePagination button{width:32px;height:32px;padding:0;color:#334155;background:#fff;border-color:#cbd5e1}.deviceTableCount{margin-left:auto}.deviceCopyToast{position:fixed;right:24px;bottom:24px;z-index:1000;padding:10px 14px;color:#f8fafc;background:#0f172af5;border:1px solid rgba(148,163,184,.42);border-radius:10px;box-shadow:0 12px 28px #02061759;font-size:13px;font-weight:700;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .14s ease,transform .14s ease}.deviceCopyToast.isVisible{opacity:1;transform:translateY(0)}@media(max-width:720px){.deviceListPage{width:calc(100vw - 24px);margin-left:calc(50% - 50vw + 12px)}.deviceListHeading{align-items:stretch;flex-direction:column}.deviceListSearch{width:100%}.deviceTableFooter{flex-wrap:wrap}.deviceTableCount{margin-left:0}.deviceTablePagination{width:100%;justify-content:flex-end}}.landingSetupActions button{flex:1 1 170px}.inlineCopyText{display:inline-flex;align-items:center;gap:10px;padding:6px 10px;border:1px solid #cbd5e1;border-radius:6px;background:#f1f5f9;color:#0f172a;font:inherit;cursor:pointer}.inlineCopyText strong{font-size:inherit}.inlineCopyText small{color:#0369a1;font-size:11px}.inlineCopyText:hover{background:#e2e8f0}.apnInstructions{--apn-text: #172033;--apn-muted: #475569;--apn-line: #cbd5e1;--apn-surface: #fff;--apn-selected: #eff6ff;--apn-accent: #2563eb;color:var(--apn-text)}.apnProviders{border:0;padding:0;margin:0;min-width:0}.apnProviders legend{padding:0;margin-bottom:14px;font-size:15px;font-weight:600}.apnProviderOptions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.apnProviders .apnProvider{display:flex;align-items:center;gap:12px;margin:0;padding:18px 14px;color:var(--apn-text);background:var(--apn-surface);border:1px solid var(--apn-line);border-radius:8px;cursor:pointer;transition:background .14s,border-color .14s}.apnProvider input{appearance:auto;width:16px;height:16px;margin:0;padding:0;flex:0 0 16px;accent-color:var(--apn-accent);box-shadow:none}.apnProvider input:focus{outline:none;box-shadow:none}.apnProvider strong{display:block;font-size:14px;font-weight:600}.apnProvider small{display:block;margin-top:5px;font-size:12px;font-weight:400;color:var(--apn-muted)}.apnProviders .apnProvider:hover{border-color:var(--apn-accent)}.apnProviders .apnProvider.isSelected{background:var(--apn-selected);border-color:var(--apn-accent)}.apnProvider:has(input:focus-visible){outline:2px solid var(--apn-accent);outline-offset:3px}.apnConfiguration{margin-top:22px}.apnSettingRows{border-top:1px solid var(--apn-line)}.apnSettingRows>div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--apn-line)}.apnSettingRows>div>span{font-size:14px;color:var(--apn-muted)}.apnSettingRows>div>strong{font-size:16px;font-weight:600}.apnSettingRows .inlineCopyText{font-size:18px;padding:6px 12px}.apnInstructions .apnApplyHint,.apnInstructions .apnSelectHint{color:var(--apn-muted);font-size:13px;line-height:1.65;margin:14px 0 0}.apnRouterLocation{margin-top:20px;font-size:13px}.apnRouterLocation summary{cursor:pointer;width:fit-content;color:var(--apn-muted);padding:4px 0}.apnRouterLocation p{color:var(--apn-text);margin:10px 0 0;font-size:13px;line-height:1.6}body:has(.backupPage){background:#101316}.app:has(.backupPage){max-width:1380px;padding:28px 36px 44px}.app:has(.backupPage) .topbar{margin-bottom:0;padding-bottom:25px;border-bottom:1px solid #292e35}.backupPage{--backup-bg: #101316;--backup-surface: #191d22;--backup-field: #20252b;--backup-border: #363d46;--backup-divider: #2c323a;--backup-text: #dce0e5;--backup-heading: #f4f5f7;--backup-muted: #a1aab6;--backup-accent: #a6c5ff;color:var(--backup-text);font-family:Segoe UI,system-ui,sans-serif}.backupPage button,.backupPage input,.backupPage textarea,.backupPage select{font-family:inherit}.backupHero{grid-area:intro;padding:0}.backupHeroTitle{display:flex;align-items:center;gap:12px}.backupHero h2{color:var(--backup-heading);font-size:26px;font-weight:600;letter-spacing:-.8px;margin:0;white-space:nowrap}.backupHero p{color:var(--backup-muted);font-size:14px;margin:9px 0 0}.backupPage .backupHeroTitle>button{flex-shrink:0;padding:5px 0;border:0;color:var(--backup-muted);font-size:12px;white-space:nowrap}.backupLayout{display:grid;grid-template-columns:282px minmax(0,1fr);grid-template-areas:"intro guide" "details guide";grid-template-rows:auto 1fr;align-items:start;gap:24px 40px;padding-top:28px}.backupDetails{grid-area:details;position:sticky;top:24px;min-width:0;padding:8px 0 0}.backupDetailsHeading h2{margin:0 0 18px;color:var(--backup-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px}.backupForm{display:grid;gap:0}.setupFieldGroup{border-bottom:1px solid var(--backup-divider)}.backupPage .setupFieldToggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:17px 0;text-align:left;border:0;border-radius:0;background:transparent;color:var(--backup-text);box-shadow:none}.setupFieldToggle strong{display:block;font-size:14px;font-weight:600}.setupFieldToggle small{display:block;margin-top:5px;color:var(--backup-muted);font-size:12px;font-weight:400}.setupFieldToggle>svg{color:var(--backup-muted);font-size:10px;transition:transform .14s}.setupFieldToggle[aria-expanded=true]>svg{transform:rotate(90deg)}.backupPage .setupFieldToggle:hover{color:var(--backup-accent);transform:none}.setupFieldContent:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;padding:0 0 20px}.backupForm label{margin:0;color:var(--backup-muted);font-size:12px;font-weight:400;min-width:0}.backupForm input,.backupForm textarea{margin-top:7px;padding:10px;border:1px solid var(--backup-border);border-radius:6px;color:var(--backup-heading);background:var(--backup-field);width:100%;font-size:13px}.backupForm input::placeholder,.backupForm textarea::placeholder{color:#9ca5b1;font-size:12px}.backupForm input:focus,.backupForm textarea:focus{outline:2px solid var(--backup-accent);outline-offset:1px;box-shadow:none}.backupFieldFull,.backupFieldAction,.backupSaveChanges,.backupFormStatus{grid-column:1 / -1}.setupFieldGroup:nth-child(2) label,.setupFieldGroup:nth-child(3) label{grid-column:1 / -1}.backupInputWithHelp{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.backupInputWithHelp input{min-width:0}.backupPage .serialHelp-trigger>button{color:var(--backup-muted);border-color:var(--backup-border);border-radius:50%;margin-top:7px}.backupPublicKeyInput{resize:vertical;min-height:76px;overflow-wrap:anywhere}.backupPage .primary,.backupPage .good,.backupPage .ghost{border-radius:7px;box-shadow:none;font-weight:500;font-size:13px;padding:11px 17px}.backupPage .primary,.backupPage .good{color:#101b2c;background:var(--backup-accent);border:1px solid var(--backup-accent)}.backupPage .primary:hover:not(:disabled),.backupPage .good:hover:not(:disabled){color:#101b2c;background:#c0d6ff;border-color:#c0d6ff}.backupPage .ghost{color:var(--backup-text);background:transparent;border:1px solid var(--backup-border)}.backupPage .ghost:hover:not(:disabled){color:var(--backup-heading);background:var(--backup-field);border-color:#566171}.backupPage button:focus-visible,.backupPage summary:focus-visible,.backupPage select:focus-visible{outline:2px solid var(--backup-accent);outline-offset:3px}.backupPage .backupFieldAction{width:100%;font-size:12px;padding:10px}.backupPage .backupSaveChanges{margin-top:18px}.backupFormStatus{margin:0 40px 20px;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.backupFormStatus:empty{display:none}.backupSavedValues{margin-top:24px}.backupSavedValues summary{color:var(--backup-muted);font-size:12px;cursor:pointer;padding:4px 0}.backupQuickValues{display:grid;gap:8px;margin-top:14px}.backupPage .backupCopyValue{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;width:100%;padding:14px;text-align:left;border:1px solid var(--backup-divider);border-radius:7px;color:var(--backup-text);background:var(--backup-field);box-shadow:none}.backupCopyValue>span{grid-column:1;font-size:11px;font-weight:400;color:var(--backup-muted)}.backupCopyValue strong{grid-column:1;min-width:0;overflow-wrap:anywhere;font-size:14px;font-weight:500}.backupCopyValue small{grid-column:2;grid-row:1 / span 2;align-self:center;font-size:11px;font-weight:400;color:var(--backup-accent)}.backupPage .backupCopyValue:hover:not(:disabled){border-color:#687b98;background:#242b34}.backupCopyValue:disabled{opacity:.65}.backupSteps{grid-area:guide;min-width:0;display:flex;flex-direction:column;background:var(--backup-surface);border:1px solid var(--backup-divider);border-radius:12px}.backupQuickNav{--quick-nav-height: 64px;position:sticky;top:0;z-index:10;display:flex;align-self:flex-end;align-items:center;justify-content:flex-end;gap:8px;box-sizing:border-box;height:var(--quick-nav-height);flex-shrink:0;margin-bottom:calc(-1 * var(--quick-nav-height));padding:12px 40px;background:var(--backup-surface);border-radius:0 12px 0 8px}.backupQuickNav span{width:64px;text-align:center;color:var(--backup-muted);font-size:13px;font-variant-numeric:tabular-nums}.backupPage .backupQuickNav button{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:0;border:1px solid var(--backup-border);border-radius:7px;background:transparent;color:var(--backup-accent);box-shadow:none;transform:none;touch-action:manipulation}.backupPage .backupQuickNav button:hover:not(:disabled){background:var(--backup-field);border-color:var(--backup-accent)}.backupPage .backupQuickNav button:disabled{opacity:.3;cursor:default}.backupStepCard{min-width:0}.backupStepHeader{padding:36px 40px 0}.backupStepEyebrow{padding-right:200px;color:var(--backup-muted);font-size:12px;font-weight:500;letter-spacing:.3px}.backupStepEyebrow span{padding:0 8px;color:#657080}.backupStepHeader h3{margin:12px 0 0;font-size:28px;font-weight:500;line-height:1.25;letter-spacing:-.5px;color:var(--backup-heading)}.backupStepContent{padding:28px 40px 32px;color:var(--backup-text)}.backupStepContent>p{color:var(--backup-muted);line-height:1.65;font-size:14px}.backupStepContent .backupStepLead{margin:-14px 0 30px}.backupStepContent ol{display:grid;gap:16px;padding-left:20px;margin:0;font-size:14px;line-height:1.75}.backupStepContent ol li::marker{color:var(--backup-muted)}.backupStepContent ol strong{font-weight:600;color:var(--backup-heading)}.backupInlineValues{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.backupInlineValuesSingle{grid-template-columns:minmax(0,1fr)}.backupStepAction{margin-top:18px}.backupNotice{margin-top:20px;padding:12px 16px;border-left:2px solid #c8a469;background:#252522;color:#e9cd99;font-size:13px;line-height:1.6}.backupOpenRouterInline{display:inline-flex;vertical-align:middle}.backupPage .backupOpenRouterInline{padding:5px 10px;margin:0 3px;font-size:13px}.backupPage .inlineCopyText{background:#252c35;color:#e8eef9;border-color:#465368;border-radius:6px;box-shadow:none}.backupPage .inlineCopyText small{color:var(--backup-accent)}.backupPage .inlineCopyText:hover{background:#303c4c}.backupScreenshot{display:block;width:100%;padding:0;margin-top:26px;overflow:hidden;text-align:left;border:1px solid var(--backup-border);border-radius:7px;color:var(--backup-muted);background:#13161a;box-shadow:none}.backupScreenshot img{display:block;width:100%;max-height:290px;height:auto;object-fit:contain;background:#fff}.backupScreenshot span{display:block;padding:11px 14px;font-size:12px;font-weight:400}.backupScreenshot:hover{color:var(--backup-heading);background:#20252b;border-color:#687b98}.backupPage .apnInstructions{--apn-text: #e0e5ec;--apn-muted: #a1aab6;--apn-line: #363d46;--apn-surface: #191d22;--apn-selected: #222d3d;--apn-accent: #a6c5ff}.backupFinalChecks{margin-top:30px;padding-top:22px;border-top:1px solid var(--backup-divider)}.backupFinalChecks h4{margin:0 0 7px;font-size:13px;font-weight:500;color:var(--backup-heading)}.backupFinalChecks p{color:var(--backup-muted);font-size:13px;line-height:1.65;margin:0}.backupDeviceReview{margin-top:18px}.backupDeviceReview summary{padding:4px 0;width:fit-content;color:var(--backup-muted);font-size:13px;cursor:pointer}.backupFinishSummary{display:grid;gap:0;margin-top:12px}.backupFinishSummary>div{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--backup-divider)}.backupFinishSummary span{font-size:12px;color:var(--backup-muted)}.backupFinishSummary strong{overflow-wrap:anywhere;text-align:right;font-size:13px;font-weight:500;max-width:70%}.backupWizardNav{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;margin:auto 40px 0;padding:22px 0;border-top:1px solid var(--backup-divider)}.backupPage .backupWizardNav>button{min-width:100px}.backupPage .backupWizardNav>.ghost{border-color:transparent;padding-left:0;justify-self:start;min-width:auto}.backupStepSelect{justify-self:center;max-width:100%;padding:8px 24px 8px 8px;color:var(--backup-muted);background:var(--backup-surface);border:0;font-size:12px;cursor:pointer;border-radius:4px}@media(max-width:1100px){.app:has(.backupPage){padding:24px}.backupLayout{grid-template-columns:250px minmax(0,1fr);gap:24px 26px}.backupHero h2{font-size:24px}.backupHeroTitle{gap:8px}.backupStepHeader{padding:28px 26px 0}.backupQuickNav{padding-inline:26px}.backupStepContent{padding:26px}.backupWizardNav{margin-inline:26px;gap:12px}.backupFormStatus{margin-inline:26px}.apnProviderOptions{gap:8px}.apnProviders .apnProvider{padding:14px 10px;gap:8px}}@media(max-width:850px){.backupLayout{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "guide" "details";grid-template-rows:auto;gap:24px}.backupDetails{position:static}.backupForm{grid-template-columns:minmax(0,1fr)}.backupDetailsHeading h2{margin-bottom:4px}}@media(max-width:540px){.app:has(.backupPage){padding:20px 16px 32px}.backupLayout{padding-top:22px}.backupHero h2{font-size:25px}.backupHero p{font-size:12px}.backupStepHeader{padding:24px 20px 0}.backupQuickNav{--quick-nav-height: 56px;padding:8px 20px;gap:6px}.backupQuickNav span{width:48px}.backupPage .backupQuickNav button{flex-basis:36px;width:36px;height:36px}.backupStepEyebrow{padding-right:152px}.backupStepHeader h3{font-size:24px}.backupStepContent{padding:24px 20px}.apnProviderOptions{grid-template-columns:minmax(0,1fr)}.apnProviders .apnProvider{padding:13px 14px}.apnProvider span{display:flex;flex:1;justify-content:space-between;gap:8px;align-items:center}.apnProvider small{margin-top:0}.backupWizardNav{margin-inline:20px;gap:10px}.backupFormStatus{margin-inline:20px}.backupWizardNav .backupStepSelect{grid-column:1 / -1;grid-row:1}.backupWizardNav{grid-template-columns:1fr 1fr}.backupWizardNav>button:last-child{justify-self:end}.backupInlineValues{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.apnProviders .apnProvider,.setupFieldToggle>svg{transition:none}}
