:root{color-scheme:light;--ink:#282923;--muted:#77786e;--orange:#e8803e;--paper:#f6f3ec;--line:#e8e4da}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header,main,footer{max-width:1200px;margin:auto}header{height:108px;display:flex;align-items:center;gap:28px;padding:0 34px;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.brand{font-size:23px;font-weight:800;letter-spacing:-.7px;display:flex;gap:10px;align-items:center}.mark{display:grid;place-items:center;background:#fff;border-radius:16px;width:42px;height:42px}.tag{margin-left:auto;font-size:13px;color:var(--muted)}main{padding:62px 34px 80px}#welcome{display:grid;grid-template-columns:1.15fr 1fr;gap:70px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#867c6c}h1{font-size:clamp(35px,4vw,54px);line-height:1.13;letter-spacing:-2px;margin:18px 0 24px}h1 em{font-style:normal;color:var(--orange)}h2{font-size:25px;line-height:1.25;letter-spacing:-.7px;margin:12px 0 18px}p{color:var(--muted);margin:0 0 24px}.lead{font-size:17px}.benefits{display:flex;gap:15px;flex-wrap:wrap;font-size:12px}.dog{width:300px;margin:20px auto 0;text-align:center}.dog svg{width:100%;display:block}.dog span{font-size:12px;color:var(--muted)}.card{background:#fffdf9;border:1px solid var(--line);border-radius:25px;padding:32px}.login{align-self:start;box-shadow:0 18px 65px #5f401108}.login>p{font-size:14px}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:12px;padding:14px 18px;font-weight:650;transition:background .15s}button:disabled{opacity:.5;cursor:wait}.primary,.secondary{width:100%;margin:8px 0}.primary{background:var(--orange);color:white}.primary:hover{background:#d77335}.secondary{background:#f1eee6;color:var(--ink)}.quiet{background:transparent;padding:7px 10px;font-size:13px}.quiet:hover{background:#ece7dc}button:focus-visible,a:focus-visible{outline:3px solid #ce7638;outline-offset:3px}.primary span{float:right}label{display:block;font-size:12px;font-weight:700;margin:14px 0 7px}input{width:100%;border:1px solid #dedbd2;border-radius:11px;background:#fffdfb;padding:13px 14px;outline:none}input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #e8803e20}.divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:#99988e;font-size:12px}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.small{font-size:12px;margin:16px 0 0}.notice{background:#f2eee5;padding:18px;border-radius:14px;margin-top:20px}.notice p{font-size:13px;margin:0 0 8px}.notice a,#link-open{color:#ac5728;font-weight:700}.dash-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.dash-title h1{font-size:39px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.pill{padding:7px 12px;border-radius:30px;background:#ede9df;white-space:nowrap;font-size:12px;font-weight:700}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.row h2{margin-bottom:12px}.device{border-top:1px solid var(--line);padding:15px 0;display:flex;align-items:center;gap:12px}.device strong{display:block;font-size:14px}.device small{color:var(--muted)}.device button{margin-left:auto;color:#a85232}.identity{border-bottom:1px solid var(--line);padding:10px 0;font-size:14px;overflow-wrap:anywhere}.empty{padding:20px 0;font-size:14px}#pair-code{display:block;font-size:clamp(22px,3vw,30px);font-weight:800;letter-spacing:2px;padding:20px 0 0}#pair-result{text-align:center}.soft{background:#eee9df}.platforms{display:flex;gap:8px;flex-wrap:wrap}.platforms span{background:#fff8;border:1px solid #fff;border-radius:10px;padding:8px 14px;font-size:12px}#status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;background:#2c3029;color:white;padding:15px 24px;border-radius:15px;box-shadow:0 12px 30px #0002;z-index:10}footer{border-top:1px solid var(--line);padding:26px 34px 40px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:var(--muted)}footer .brand{font-size:17px;color:var(--ink)}[hidden]{display:none!important}@media(max-width:800px){header{height:80px;padding:0 22px}.tag{display:none}#logout{margin-left:auto}main{padding:34px 22px 50px}#welcome{grid-template-columns:1fr;gap:28px}.intro{text-align:center}.benefits{justify-content:center}.dog{width:170px}.dog span{display:none}.card{padding:24px}.grid{grid-template-columns:1fr}.dash-title{display:block}.dash-title h1{font-size:34px}footer{padding:24px;flex-wrap:wrap}footer>span{display:none}}