*{box-sizing:border-box}body{margin:0;background:#f9fafb;color:#17212f;font:16px/1.6 system-ui,-apple-system,sans-serif}main{max-width:660px;margin:auto;padding:26px 24px 56px}nav{display:flex;justify-content:space-between;align-items:center;gap:20px}nav a{color:inherit;text-decoration:none}.brand{font-weight:750;letter-spacing:-.5px}nav .language{font-size:14px;text-decoration:underline;text-underline-offset:4px}article{margin-top:70px}.badge{display:inline-block;border:1px solid #d9e6f0;border-radius:999px;padding:5px 12px;background:#eef6fc;font-size:13px;color:#24638d}h1{font-size:18px;margin:28px 0 8px;font-weight:650}.headline{font-size:clamp(36px,8vw,52px);line-height:1.08;font-weight:760;letter-spacing:-1.7px;margin:0 0 22px}.intro{font-size:18px;color:#526174;max-width:550px}.connect{display:flex;align-items:center;justify-content:center;min-height:56px;background:#198acb;border-radius:14px;color:white;text-decoration:none;font-weight:650;margin-top:28px;padding:14px 20px}.connect:hover{background:#1178b5}.hint{font-size:14px;color:#627083;margin-top:12px}details{border:1px solid #dce3eb;border-radius:14px;padding:18px 20px;margin-top:30px;background:white}summary{cursor:pointer;font-weight:600}dl{font-size:14px}dt{color:#69788a;margin-top:15px}dd{margin:4px 0;overflow-wrap:anywhere;font-family:ui-monospace,monospace}button{font:inherit;background:#eef3f7;color:#173653;border:0;border-radius:10px;min-height:44px;padding:10px 16px;cursor:pointer}#copy-status{font-size:13px;min-height:21px;margin:8px 0 0}footer{margin-top:32px;color:#69788a;font-size:14px}footer a{color:#1978b3;text-underline-offset:4px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #73bbed;outline-offset:4px}@media(max-width:480px){article{margin-top:48px}main{padding:22px 20px 40px}}
h1{font-size:clamp(30px,7vw,44px);line-height:1.15;letter-spacing:-1px;margin:24px 0 18px}h2{font-size:22px;line-height:1.3;margin:0 0 16px}.setup,.privacy{margin-top:40px}.setup ol{padding-left:24px}.setup li{padding-left:4px;margin:12px 0}.setup p,.backup p{color:#526174}.secondary{display:inline-flex;align-items:center;justify-content:center;background:#eef3f7;color:#173653;text-decoration:none;border-radius:10px;min-height:44px;padding:10px 16px;font-weight:600}.backup details{margin-top:16px}.backup a:not(.secondary){color:#1978b3}.analytics-choice{border-top:1px solid #dce3eb;margin-top:24px;padding-top:20px}.analytics-choice p{margin-top:0}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions button{flex:1;min-width:160px}.privacy-toggle{padding:0;background:none;color:#1978b3;text-decoration:underline;text-underline-offset:4px;font-size:14px}.privacy{font-size:14px}.privacy h2{font-size:18px}.privacy a{color:#1978b3}#health,#backup-health{min-height:23px}details[open] summary{margin-bottom:14px}[hidden]{display:none!important}
/* White quiet zone remains readable in either browser color scheme. */
.qr img{display:block;width:256px;max-width:100%;height:auto;margin:20px auto;background:#fff;border-radius:8px}

/* Match the catalog's quiet blue palette, card radii and compact typography. */
body{background:#fff;color:#14151b;letter-spacing:-.012em}main{max-width:860px;padding:24px 24px 48px}.brand{font-size:18px;font-weight:650}article{margin-top:36px}.hero{padding:32px;border-radius:24px;background:linear-gradient(135deg,#dcecf8,#bbd2e7);color:#153b59}.badge{background:#ffffff70;border-color:#ffffff60;color:#34566f;font-size:12px}.intro{color:#36566f;font-size:16px;line-height:1.65}h1{font-size:clamp(29px,5vw,40px);line-height:1.13;letter-spacing:-.035em;font-weight:650;margin:20px 0 14px}h2{font-size:21px;letter-spacing:-.025em;font-weight:600}.connect{width:fit-content;max-width:100%;min-height:48px;padding:12px 24px;border-radius:999px;background:#244461;font-size:14px}.connect:hover{background:#18364f}.hero .hint{color:#36566f;font-size:12px;max-width:64ch}.hint{font-size:12px}details{border-color:#e4e8ed;border-radius:16px;margin-top:16px;padding:16px 18px}summary{font-size:14px;font-weight:500}.setup{padding:22px;border:1px solid #e4e8ed;border-radius:20px;margin-top:16px}.setup p,.setup li{font-size:14px;line-height:1.7}.secondary,button{border-radius:999px;background:#eef5fb;color:#2874aa;font-size:13px}.backup{background:#f5f9fc}.privacy{margin-top:20px}.privacy-toggle{background:none;border-radius:0}.qr img{margin:16px auto}footer{font-size:12px}footer .actions button{font-size:13px}
@media(max-width:600px){main{padding:20px 16px 36px}article{margin-top:24px}.hero{padding:24px 20px;border-radius:22px}.intro{font-size:14px}.connect{width:100%;padding-inline:14px}.setup{padding:18px}h2{font-size:20px}.setup p,.setup li{font-size:13px}details{padding:16px}.qr img{width:256px}}
@media(prefers-color-scheme:dark){body{background:#121319;color:#f3f4f6}nav .language{color:#c4ceda}.hero{background:linear-gradient(135deg,#2e506d,#244461);color:#f8fafc}.badge{background:#ffffff12;border-color:#ffffff25;color:#d4e7f5}.hero .intro,.hero .hint{color:#d1deea}.connect{background:#c0def3;color:#153b59}.connect:hover{background:#d6eaf8}.setup,details{background:#15181f;border-color:#292e38}.setup p,.backup p,.hint,footer{color:#b1b9c6}.backup{background:#192736}.secondary,button{background:#203448;color:#aed9f7}dt{color:#b1b9c6}footer a,.backup a:not(.secondary),.privacy-toggle,.privacy a{color:#aed9f7}.privacy-toggle{background:none}.analytics-choice{border-color:#292e38}}