:root{color-scheme:light;--ink:#172a26;--muted:#63766f;--green:#146949;--line:#dfe7e2;--blue:#2587ef;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
body{margin:0;background:#f5f7f5;color:var(--ink)}
.install-page{background:linear-gradient(#112d26 0 330px,#f5f7f5 330px)}
.install-layout{max-width:960px;margin:auto;padding:28px 24px 18px}
.brand{display:flex;gap:13px;align-items:center;color:#fff;margin:0 0 30px}
.brand strong{display:block;font-size:26px;line-height:1.2;letter-spacing:-.7px}
.brand span{display:block;font-size:9px;letter-spacing:2px;color:#b9cec1;margin-top:4px}
.brand img{flex:none}
.intro,.guide{background:#fff;border:1px solid var(--line);border-radius:18px}
.intro{padding:36px 42px;box-shadow:0 12px 32px #112d260a}
.app-icon{float:right;width:104px;height:104px;display:grid;place-items:center;background:#f0f7fe;border:1px solid #d9eafa;border-radius:25px;margin:0 0 15px 22px}
.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--green);margin:3px 0 12px}
h1{font-size:38px;line-height:1.18;letter-spacing:-1.4px;margin:0 0 12px}
.lead{font-size:17px;max-width:560px;color:var(--muted);margin:0 0 24px}
.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;clear:both}
button,.button{display:inline-flex;gap:20px;justify-content:center;align-items:center;border-radius:9px;padding:13px 20px;min-height:48px;cursor:pointer;font:600 14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-decoration:none}
button{color:#fff;background:var(--green);border:1px solid var(--green)}
.button{color:var(--green);background:#fff;border:1px solid #b9cec1}
button:hover{background:#0a5336}.button:hover{background:#f1f7f3}
[hidden]{display:none!important}
button:focus-visible,a:focus-visible{outline:3px solid #70a8f5;outline-offset:4px}
.sign-in-note,.install-status{color:var(--muted);font-size:12px;margin:15px 0 0}
.install-status:empty{display:none}
.guide{padding:30px 42px;margin-top:22px}
.platform{font-size:10px;letter-spacing:1.6px;font-weight:700;color:var(--green)}
h2{font-size:23px;letter-spacing:-.6px;line-height:1.3;margin:8px 0 23px}
ol{list-style:none;padding:0;margin:0;display:grid;gap:23px}
li{display:flex;gap:16px;align-items:flex-start}
.step{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e7f1eb;color:var(--green);font-weight:700;font-size:13px}
li strong{display:block;font-size:15px;margin:1px 0 3px}
li p{margin:0;color:var(--muted);font-size:14px;max-width:660px}
.domain{color:var(--ink);font-weight:600;overflow-wrap:anywhere}
.menu-note{padding-top:22px;margin:24px 0 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
footer{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;color:var(--muted);font-size:12px;padding:25px 0 10px}footer a{color:var(--green)}
.offline-page{min-height:100svh;display:grid;place-items:center;padding:24px;background:#112d26}
.offline-card{max-width:460px;width:100%;background:#fff;padding:34px;border-radius:18px;border:1px solid var(--line)}
.offline-card img{display:block;margin:0 0 24px}.offline-card h1{font-size:30px}.offline-card p{color:var(--muted);margin:15px 0 24px}
@media(max-width:600px){.install-page{background:linear-gradient(#112d26 0 290px,#f5f7f5 290px)}.install-layout{padding:22px 16px 12px}.brand{margin-bottom:24px}.intro{padding:27px 24px}.app-icon{width:64px;height:64px;border-radius:16px;margin:0 0 12px 10px}.app-icon img{width:49px;height:49px}.eyebrow{font-size:9px;letter-spacing:1px;max-width:190px}h1{font-size:31px}.lead{font-size:15px}.actions{display:grid;grid-template-columns:1fr;gap:10px}.guide{padding:25px 24px;margin-top:16px}h2{font-size:21px}li{gap:12px}.step{width:28px;height:28px}li p{font-size:13px}.menu-note{font-size:12px}.sign-in-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}