:root{color-scheme:light;--ink:#182523;--muted:#63716b;--green:#1c5846;--line:#dce4de;--paper:#f4f6f2;font:16px/1.65 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}main{max-width:680px;margin:auto;padding:36px 24px 32px}header{display:flex;align-items:center;justify-content:space-between;min-height:48px}.eyebrow{font-size:.78rem;letter-spacing:.13em;color:var(--muted);margin:0 0 8px}h1{font-size:clamp(2rem,5vw,2.8rem);letter-spacing:-.045em;line-height:1.2;margin:42px 0 16px}h2{font-size:1.18rem;line-height:1.4;margin:0 0 20px}.intro{color:var(--muted);margin:0 0 34px}.card{background:white;border:1px solid var(--line);border-radius:20px;padding:28px;margin-bottom:24px}label{display:block;margin:16px 0 8px;font-weight:600;font-size:.9rem}input{width:100%;font:inherit;min-height:52px;border:1px solid #8b9b90;border-radius:10px;padding:12px;background:#fff;color:var(--ink)}button{font:inherit;font-weight:600;min-height:52px;border:0;border-radius:12px;padding:12px 20px;background:var(--green);color:white;width:100%;cursor:pointer;transition:background .15s}form button{margin-top:22px}button:hover{background:#123e30}button:active{background:#0d3025}button:disabled{background:#e6ebe7;color:#69756d;cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ad761d;outline-offset:4px}.quiet{background:transparent;color:var(--ink);width:auto;padding:8px 12px;min-height:44px;font-size:.9rem}.quiet:hover,.secondary:hover{background:#e5ece7}.secondary{background:#edf2ee;color:var(--ink);margin-top:12px}.device-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.badge{font-size:.78rem;white-space:nowrap;padding:5px 10px;background:#edf2ee;border-radius:20px;color:var(--muted)}.badge.online{background:#e7f3eb;color:#18552d}.device h2{margin-bottom:8px}.muted,.hint{color:var(--muted);font-size:.88rem}.muted{margin:12px 0 24px}.hint{margin-bottom:0}.history{margin:32px 0}.history h2{font-size:1rem}ul{list-style:none;padding:0;margin:0}li{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:.85rem}li time{color:var(--muted)}summary{cursor:pointer;font-weight:600;min-height:44px;display:list-item}details.card{padding:20px 24px}#message{min-height:1.6em;font-size:.9rem;color:#8a341d}footer{font-size:.75rem;color:var(--muted);text-align:center;margin-top:40px}[hidden]{display:none!important}#device-token{font:12px/1.8 ui-monospace,monospace}#credentials input{margin-bottom:8px}@media(max-width:420px){main{padding:24px 18px}.card{padding:22px}.device-top{gap:8px}h1{margin-top:30px}}@media(prefers-reduced-motion:reduce){button{transition:none}}