:root{font-family:Arial,sans-serif;color:#183449;background:#f2f5f4;line-height:1.55}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:260px 1fr}aside{background:#133b3c;color:#ecf7f2;padding:32px 24px;min-height:100vh}.brand{display:flex;gap:14px;color:inherit;text-decoration:none;font-weight:bold;font-size:27px}.brand span{font-size:20px}.brand small{display:block;font-size:12px;font-weight:normal;color:#bcd8cc}nav{display:grid;gap:10px;margin:40px 0}aside button{background:transparent;color:inherit;border-color:#567574;text-align:left}aside p{font-size:13px;color:#c9dcd7}main{padding:40px;max-width:1400px;width:100%}header{display:flex;justify-content:space-between;gap:20px;align-items:center}h1{font-size:clamp(26px,3vw,40px);line-height:1.2;margin:10px 0 26px}h2{font-size:21px;margin:0 0 12px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:bold;color:#47766a}.pill{border:1px solid #b8ccc6;border-radius:30px;padding:8px 14px;white-space:nowrap;font-size:12px}.notice{background:#fff3d8;border-left:4px solid #b98420;padding:14px 18px;font-size:14px}.card{background:white;border:1px solid #d4e0dc;border-radius:18px;padding:26px;margin:20px 0;box-shadow:0 4px 12px #123c2d05}.cards{display:grid;grid-template-columns:1fr 2fr;gap:20px}.cards strong{font-size:38px}label{display:block;margin:14px 0}input{display:block;border:1px solid #a8bcb5;border-radius:8px;padding:13px;width:100%;max-width:520px;font:inherit}button{background:#7b263d;color:white;border:1px solid #7b263d;border-radius:9px;font:inherit;padding:11px 17px;cursor:pointer;min-height:44px}button:focus-visible,input:focus-visible{outline:3px solid #cf9b3c;outline-offset:3px}.actions{display:flex;gap:10px;flex-wrap:wrap}#pair-code{display:block;overflow-wrap:anywhere;font:18px monospace;margin:18px 0}#fingerprint,#key-state{overflow-wrap:anywhere}#status{color:#8b3029;white-space:pre-wrap}#location-map{height:300px;position:relative;border:1px solid #bfd0c9;border-radius:12px;background:linear-gradient(90deg,#dce7df55 1px,transparent 1px),linear-gradient(#dce7df55 1px,transparent 1px),#eff6f0;background-size:30px 30px;overflow:hidden}.map-marker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#7b263d;border:6px solid #b0d8c7;border-radius:50%;width:30px;height:30px}#otp-qr{width:210px;height:210px}small{color:#527265}output{user-select:all}[hidden]{display:none!important}@media(max-width:800px){body{display:block}aside{min-height:0;padding:20px}nav{display:flex;flex-wrap:wrap;margin:20px 0}aside p{display:none}main{padding:20px}.cards{grid-template-columns:1fr;gap:0}header{display:block}.pill{display:inline-block}.card{padding:20px}}
select{display:block;max-width:100%;width:100%;padding:12px;border:1px solid #a8bcb5;border-radius:8px;font:inherit;background:white;color:#183449}.platform-options{display:grid;grid-template-columns:1fr 1fr;gap:18px}.material{overflow-wrap:anywhere}#download-list p{overflow-wrap:anywhere}#download-list button{margin:6px 8px 6px 0}@media(max-width:650px){.platform-options{grid-template-columns:1fr;gap:0}}

.brand{align-items:center}.brand-logo{display:block;width:56px;height:56px;flex:0 0 56px;object-fit:contain;background:white;border-radius:10px;padding:3px}
.auth-switch{font-size:14px;margin:16px 0}.auth-switch a,#create-account-form p a,#login-form>p a{color:#7b263d;font-size:14px;text-decoration:underline;text-underline-offset:3px}.auth-switch a:focus-visible,#create-account-form a:focus-visible,#login-form a:focus-visible{outline:3px solid #cf9b3c;outline-offset:3px}

#location-map{height:auto;min-height:200px;padding:16px;background:#f5f8f6}#location-map p{overflow-wrap:anywhere}.directions-link{display:inline-block;margin:8px;padding:12px 17px;background:#7b263d;color:white;border-radius:9px;text-decoration:none}#location-map iframe{display:block;border-radius:10px}

body.phone-sharing-page{display:block}.phone-sharing-page main{max-width:640px;margin:auto;padding:24px}.phone-sharing-page #phone-fingerprint{overflow-wrap:anywhere}.phone-sharing-page .consent-check{width:auto;display:inline}

.footprint-diagram{width:100%;height:auto;max-height:340px;background:#f3f7f4;border:1px solid #b8cdc4;border-radius:12px}#history-list li{overflow-wrap:anywhere;margin:12px 0}#footprints-display li{margin:8px 0}

button:hover:not(:disabled),.directions-link:hover{background:#641c30;border-color:#641c30}button:disabled{opacity:.55;cursor:not-allowed}

#phone-steps{padding-left:24px}#phone-steps li{padding:8px;color:#53636b}#phone-steps [aria-current=step]{color:#7b263d;font-weight:bold}