:root{--ink:#243840;--muted:#728187;--line:#e4ebeb;--teal:#167c7d;--teal-hover:#106667;--teal-soft:#edf7f4;--cream:#fff7dc;--cream-line:#eee0b7;--danger:#b54e45;--radius:20px;--font:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-width:300px;background:#fff;color:var(--ink);font:15px/1.65 var(--font);-webkit-font-smoothing:antialiased}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,[aria-disabled=true]{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a5d8d2;outline-offset:4px}button,input{color:inherit}img{display:block;max-width:100%}[hidden]{display:none!important}.site-header{max-width:1120px;min-height:104px;padding:26px 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);line-height:1.25}.brand:hover{text-decoration:none}.brand>span{font-size:19px;letter-spacing:.02em;font-weight:650}.brand small{display:block;margin-top:5px;color:var(--muted);font-size:11px;font-weight:400;letter-spacing:.03em}.header-nav{display:flex;align-items:center;gap:24px;font-size:13px}.header-nav a[aria-current=page]{color:var(--ink);font-weight:650}.text-button{padding:5px 0;background:none;border:0;color:var(--teal);font-size:13px}.text-button:hover{text-decoration:underline}.account-name{max-width:17ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.site-footer{max-width:1120px;margin:0 auto;padding:28px;text-align:center;color:#8b9699;font-size:11px}.site-footer span{margin:0 9px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:13px;font-size:34px;line-height:1.3;letter-spacing:-.04em;font-weight:650}h2{font-size:20px;line-height:1.4;letter-spacing:-.025em;font-weight:650;margin-bottom:7px}h3{font-size:16px;line-height:1.5;font-weight:600;margin-bottom:8px}.eyebrow{font-size:11px;letter-spacing:.13em;color:var(--teal);font-weight:600;margin-bottom:13px}.intro-copy{color:var(--muted);font-size:14px;line-height:1.85}.button{min-height:45px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:11px 19px;border:1px solid transparent;border-radius:11px;font-size:14px;font-weight:600;line-height:1.5;text-align:center;text-decoration:none;transition:background .15s,border-color .15s,transform .15s}.button:hover{text-decoration:none}.button-primary{background:var(--teal);color:#fff}.button-primary:hover:not(:disabled):not([aria-disabled=true]){background:var(--teal-hover)}.button-secondary{background:var(--teal-soft);color:var(--teal)}.button-secondary:hover:not(:disabled){background:#e1f0eb}.button-danger{background:var(--danger);color:#fff}.button-danger:hover:not(:disabled){background:#9c4038}.button-wide{width:100%}.field{margin:0 0 19px}.field label{display:block;font-size:13px;font-weight:550;margin-bottom:8px}.field input{display:block;width:100%;min-height:47px;padding:10px 13px;border:1px solid #d5dfdf;border-radius:10px;background:#fff;font-size:16px;line-height:1.5;box-shadow:0 1px 2px #24384003;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #167c7d0c;outline:none}.field small,.small-note{display:block;color:var(--muted);font-size:11px;line-height:1.8}.field small{margin-top:7px}.form-message{font-size:12px;line-height:1.75;margin:10px 0 14px;overflow-wrap:anywhere}.form-message:empty{display:none}.error{color:var(--danger)}.success{color:var(--teal)}.auth-main{padding:98px 24px 20px}.auth-card{max-width:380px;margin:0 auto}.auth-avatar{margin:0 auto 24px}.auth-card>.eyebrow,.auth-card>h1,.auth-card>.intro-copy{text-align:center}.auth-card>.intro-copy{margin-bottom:27px}.flow-note{padding:11px 14px;margin:0 0 22px;background:var(--cream);border:1px solid var(--cream-line);border-radius:10px;font-size:12px;color:#7c6840}.auth-switch{text-align:center;font-size:12px;color:var(--muted);margin:22px 0 12px}.auth-switch a{font-weight:600;margin-left:4px}.account-main{max-width:1120px;min-height:60vh;margin:auto;padding:38px 28px 14px}.account-intro{margin-bottom:32px}.account-intro .intro-copy{margin-bottom:0}.account-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:38px;align-items:start}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:19px}.section-caption{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.section-heading .text-button{white-space:nowrap;padding-top:6px}.devices-section{margin-bottom:28px}.device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.device-card{padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff;min-width:0}.device-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.device-symbol{display:flex;width:30px;height:30px;align-items:center;justify-content:center;color:#799696}.device-symbol svg{width:27px;height:27px}.device-state{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);white-space:nowrap}.device-state:before{content:"";width:6px;height:6px;border-radius:50%;background:#a1acae}.device-state.is-online{color:var(--teal)}.device-state.is-online:before{background:#3caa88}.device-card h3{font-size:15px;line-height:1.55;overflow-wrap:anywhere;margin-bottom:4px}.device-platform{font-size:11px;color:var(--muted);margin-bottom:14px}.device-last-seen{font-size:11px;color:var(--muted);margin-bottom:13px}.device-card .text-button{font-size:11px;color:#8b6962}.empty-state{padding:31px 24px 29px;border:1px dashed #d9e3df;border-radius:16px;background:#fbfdfa;text-align:center}.empty-state img{margin:0 auto 15px}.empty-state h3{font-size:16px}.empty-state p{font-size:12px;color:var(--muted);margin:0}.pair-panel{padding:24px;background:var(--teal-soft);border:1px solid #dcebe6;border-radius:var(--radius)}.pair-panel .section-heading{margin-bottom:18px}.pair-mark{color:#75aaa2;font-size:29px;font-weight:300;line-height:1}.pair-form{display:flex;align-items:flex-end;gap:12px}.pair-form .field{flex:1;margin:0;min-width:0}.code-input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;font-size:21px!important;font-weight:550;letter-spacing:.08em;text-transform:uppercase}.code-input::placeholder{color:#a1aeac;font-weight:400}.pair-form .button{min-height:54px;white-space:nowrap}.pair-panel>.small-note{margin:14px 0 0}.download-panel{padding:25px;background:var(--cream);border:1px solid var(--cream-line);border-radius:var(--radius)}.download-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:23px}.development-label{display:inline-block;max-width:150px;border:1px solid #e8d8aa;background:#fffcf1;border-radius:6px;padding:4px 7px;color:#8b7246;font-size:10px;text-align:center;line-height:1.6}.download-panel h2{font-size:26px;line-height:1.4;margin-bottom:11px;letter-spacing:-.035em}.download-panel>p{font-size:12px;color:#897752;line-height:1.85;margin-bottom:21px}.download-panel .button{justify-content:space-between}.download-panel .download-details{font-size:11px;margin:12px 0 8px;color:#8d7b54}.download-panel .small-note{margin:0;color:#8d7b54}.integrity-details{margin-top:14px;color:#8d7b54;font-size:11px}.integrity-details summary{cursor:pointer}.integrity-details code{display:block;margin-top:9px;word-break:break-all;font:10px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace}.setup-steps{counter-reset:setup;list-style:none;margin:22px 0 0;padding:0 7px;color:var(--muted);font-size:12px}.setup-steps li{counter-increment:setup;display:flex;align-items:center;gap:12px;margin:12px 0}.setup-steps li:before{content:counter(setup);display:flex;align-items:center;justify-content:center;width:21px;height:21px;flex:none;background:#f1f5f4;border-radius:50%;color:#7c9692;font-size:10px}.loading-panel{padding:90px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--muted);font-size:13px}.loading-panel p{margin:16px 0 0}.loading-panel .button{margin-top:18px}.spinner{display:block;width:22px;height:22px;border:2px solid #dfebe7;border-top-color:var(--teal);border-radius:50%;animation:spin 1s linear infinite}.confirm-dialog{max-width:420px;width:calc(100% - 40px);padding:27px;border:1px solid var(--line);border-radius:18px;color:var(--ink);box-shadow:0 18px 70px #24384018}.confirm-dialog::backdrop{background:#203b3c42}.confirm-dialog h2{font-size:20px;margin-bottom:15px}.confirm-dialog p{font-size:13px;color:var(--muted);line-height:1.9;overflow-wrap:anywhere}.confirm-dialog strong{color:var(--ink);font-weight:550}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:11px 18px;background:var(--ink);color:#fff;border-radius:10px;font-size:12px;max-width:calc(100% - 32px);text-align:center;box-shadow:0 7px 24px #24384018;z-index:5}.completion-main,.consent-main{padding:60px 24px 35px}.completion-card{max-width:430px;margin:auto;text-align:center}.completion-avatar{margin:0 auto 27px}.completion-card .spinner{margin:0 auto 24px}.completion-card h1{font-size:28px}.completion-card .intro-copy{margin-bottom:18px}.completion-actions{display:flex;justify-content:center;gap:12px;margin:22px 0}.completion-card>.small-note{margin-top:24px}.consent-main{max-width:520px;margin:auto;padding-top:42px}.consent-avatar{margin-bottom:21px}.consent-main h1{font-size:29px;line-height:1.45;overflow-wrap:anywhere}.signed-in-account{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 15px;margin:21px 0;background:#f5f8f7;border-radius:10px;font-size:12px}.signed-in-account span{color:var(--muted)}.signed-in-account strong{font-weight:600;overflow-wrap:anywhere}.permission-list{list-style:none;padding:0;margin:21px 0}.permission-list li{display:flex;align-items:flex-start;gap:10px;margin:12px 0;font-size:13px}.permission-list li:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;background:var(--teal-soft);border-radius:50%;color:var(--teal);font-size:11px;flex:none;margin-top:1px}.consent-return{font-size:11px;color:var(--muted);margin:20px 0 22px}.consent-return details{margin-top:7px}.consent-return summary{cursor:pointer}.consent-return code{display:block;overflow-wrap:anywhere;font:11px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;padding:10px;background:#f4f7f6;border-radius:8px;margin-top:9px}.consent-actions{display:flex;gap:12px}.consent-actions .button-primary{flex:1}.consent-main .small-note{margin:17px 0 0}.consent-fallback{font-size:11px;line-height:1.8;color:var(--muted);margin-top:10px}form[aria-busy=true] .button{cursor:progress;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:901px){.download-column{position:sticky;top:25px}}@media(max-width:900px){.account-layout{grid-template-columns:minmax(0,1.2fr) minmax(270px,1fr);gap:24px}.device-grid{grid-template-columns:1fr}.download-panel{padding:23px}.download-top{gap:9px}.development-label{max-width:124px}.pair-form{align-items:stretch;flex-direction:column}.pair-form .button{min-height:45px}.download-panel h2{font-size:24px}}@media(max-width:670px){.site-header{min-height:90px;padding:21px 20px;gap:15px}.brand{gap:9px}.brand>span{font-size:17px}.brand small{font-size:10px}.brand img{width:36px;height:36px}.header-nav{gap:15px;font-size:12px}.account-name{max-width:11ch}.header-nav .text-button{font-size:11px}.auth-main{padding-top:72px}.auth-avatar{width:78px;height:78px;margin-bottom:20px}.auth-card{max-width:380px}h1{font-size:29px}.account-main{padding:28px 20px 9px}.account-intro{margin-bottom:24px}.account-layout{display:flex;flex-direction:column;gap:27px}.device-column,.download-column{width:100%}.download-column{order:-1}.download-panel{padding:22px}.download-top{margin-bottom:15px}.download-top img{width:57px;height:57px}.development-label{max-width:none}.download-panel h2 br{display:none}.download-panel h2{font-size:23px}.download-panel>p{margin-bottom:16px}.download-details,.download-status{font-size:11px}.setup-steps{display:none}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.device-card{padding:17px}.pair-panel{padding:21px}.pair-form{flex-direction:row;align-items:flex-end}.pair-form .button{min-height:54px}.code-input{font-size:19px!important}.completion-main{padding-top:44px}.consent-main{padding-top:30px}.consent-main h1{font-size:27px}.site-footer{padding:23px 20px}.consent-actions{gap:10px}}@media(max-width:420px){.header-nav{gap:11px}.brand small{font-size:9px}.account-name{max-width:8ch}.device-grid{grid-template-columns:1fr}.pair-form{flex-direction:column;align-items:stretch}.pair-form .button{min-height:45px}.download-top{gap:12px}.development-label{max-width:155px}.section-heading{gap:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}


/* Follow the operating-system appearance. Both themes share the same page layout. */
:root{color-scheme:light dark}
@media(prefers-color-scheme:dark){
:root{
  --ink:#e3eeee;--muted:#aabebf;--line:#33454a;
  --teal:#69c5c3;--teal-hover:#4cafae;--teal-soft:#1a3437;
  --cream:#302a21;--cream-line:#554937;--danger:#f19a90;
  color-scheme:dark
}
body{background:#10191c;color:var(--ink)}
a{color:var(--teal)}
.site-header{border-bottom-color:var(--line)}
.site-footer{color:#9fb2b6}
.brand,.header-nav a[aria-current=page]{color:var(--ink)}
.text-button{color:var(--teal)}
.button-primary{background:#278583;color:#fff}
.button-primary:hover:not(:disabled):not([aria-disabled=true]){background:#227674}
.button-secondary{background:var(--teal-soft);color:#97d9d8}
.button-secondary:hover:not(:disabled){background:#254348}
.button-danger{background:#ad5550;color:#fff}
.button-danger:hover:not(:disabled){background:#984642}
.field input{background:#182629;border-color:#3d5255;color:var(--ink);box-shadow:none}
.field input::placeholder{color:#93a8ad}
.field input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #69c5c326}
.form-message.error,.error{color:var(--danger)}
.success{color:var(--teal)}
.flow-note{background:#332b20;border-color:#5b4932;color:#e2d0aa}
.device-card{background:#18262a;border-color:var(--line)}
.device-symbol{color:#9cc6c5}
.device-state:before{background:#718488}
.device-state.is-online{color:#85d2b7}
.device-state.is-online:before{background:#62b99b}
.device-card .text-button{color:#e0aaa0}
.empty-state{background:#182427;border-color:#40585a}
.empty-state p{color:var(--muted)}
.pair-panel{background:#172f32;border-color:#315358}
.pair-mark{color:#98cbca}
.download-panel{background:#30291f;border-color:#594a32}
.development-label{background:#3c3324;border-color:#67543b;color:#f1d4a1}
.download-panel>p,.download-panel .download-details,.download-panel .small-note,
.integrity-details{color:#dec9a7}
.setup-steps li:before{background:#263639;color:#c2d2d3}
.spinner{border-color:#3b5356;border-top-color:var(--teal)}
.confirm-dialog{background:#19282c;border-color:var(--line);color:var(--ink);box-shadow:0 18px 70px #0008}
.confirm-dialog::backdrop{background:#050b0db0}
.confirm-dialog strong{color:var(--ink)}
.toast{background:#334c53;color:#fff;box-shadow:0 7px 24px #0006}
.signed-in-account{background:#1b2b2f}
.permission-list li:before{background:#284549;color:var(--teal)}
.consent-return code{background:#1b2b2e;color:var(--ink)}
.consent-return summary{color:var(--teal)}
:root{scrollbar-color:#52696d #10191c}
}

/* Align download badge after removing duplicate in-content logo. */
.download-top{justify-content:flex-end}


/* Account page: three compact cards; retain the existing layout and palette. */
body[data-page="account"] .account-main{padding-top:28px}
body[data-page="account"] .account-layout{gap:24px}
body[data-page="account"] .devices-section{
  padding:22px 24px;
  margin-bottom:18px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius)
}
body[data-page="account"] .devices-section>.eyebrow{margin-bottom:8px}
body[data-page="account"] .devices-section .section-heading{margin-bottom:15px}
body[data-page="account"] .device-grid{gap:12px}
body[data-page="account"] .device-card{padding:18px}
body[data-page="account"] .device-card-top{margin-bottom:12px}
body[data-page="account"] .pair-panel{padding:22px 24px}
body[data-page="account"] .download-panel{padding:22px 24px}
body[data-page="account"] .download-top{margin-bottom:10px}
body[data-page="account"] .download-panel h2{margin-bottom:8px}
body[data-page="account"] .download-panel>p{margin-bottom:14px}
body[data-page="account"] .download-panel .download-details{margin:10px 0 6px}
body[data-page="account"] .setup-steps{margin-top:15px}
@media(max-width:900px){
  body[data-page="account"] .account-layout{gap:20px}
  body[data-page="account"] .devices-section{padding:20px}
  body[data-page="account"] .pair-panel,
  body[data-page="account"] .download-panel{padding:20px}
}
@media(max-width:670px){
  body[data-page="account"] .account-main{padding-top:22px}
  body[data-page="account"] .account-layout{gap:18px}
  body[data-page="account"] .devices-section{margin-bottom:18px}
}
@media(prefers-color-scheme:dark){
  body[data-page="account"] .devices-section{background:#18262a;border-color:var(--line)}
}