:root{color-scheme:light;--ink:#122528;--muted:#627577;--green:#087c60;--line:#dce6e2;--paper:#f3f6f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper)}main{max-width:920px;margin:auto;padding:32px 28px 16px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:28px}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700}.brand small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:3px}.tag,.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700}.tag{border:1px solid #bbceca;border-radius:20px;padding:7px 10px;color:var(--green)}.intro{padding:44px 0 24px}.eyebrow{color:var(--green)}h1{font-size:42px;letter-spacing:-1.8px;margin:8px 0 10px;line-height:1.1}h1 span{color:var(--green)}p{color:var(--muted);line-height:1.6;font-size:14px;margin:8px 0}h2{font-size:20px;letter-spacing:-.4px;margin:8px 0}.panel,.device{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;margin-bottom:16px}#devices{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px}.device{margin:0 0 8px;display:flex;flex-direction:column;align-items:stretch}.device-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.computer{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;font-size:21px;background:var(--paper)}.status{font-size:12px;padding:6px 10px;border-radius:20px;background:#e4f4ee;color:#08674f}.status.warn{background:#fff1d9;color:#8b5805}.status.off{background:#edf0ef;color:#5d6c6a}.device h2{margin-top:20px}.device p{min-height:44px}.device button{margin-top:12px}button{border:0;border-radius:11px;padding:12px 17px;background:var(--ink);color:white;font:600 14px inherit;font-family:inherit;cursor:pointer;min-height:44px}button:hover{filter:brightness(1.1)}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #2ca98b;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}.secondary{background:#edf3f0;color:var(--ink);border:1px solid var(--line)}.otp{border-top:1px solid var(--line);padding-top:16px;margin-top:14px}.otp label,label{font-size:13px;font-weight:600;display:block;margin-bottom:9px}.otp input{font-size:28px;letter-spacing:8px;text-align:center;width:100%;font-variant-numeric:tabular-nums}input{border:1px solid #bbceca;border-radius:10px;padding:12px;font-family:inherit;color:var(--ink);max-width:100%;width:100%;background:white}.otp .actions{display:flex;gap:8px}.otp .actions button{flex:1}.hint{font-size:12px!important;min-height:0!important}.settings{margin-top:28px;display:flex;gap:24px;justify-content:space-between;align-items:center}.settings .actions{min-width:220px;display:grid;gap:8px}.settings p{max-width:410px}details{padding:16px 0;color:var(--muted);font-size:13px}summary{cursor:pointer;font-weight:600}#invitation{padding-top:16px}#invite-code{font-family:monospace;font-size:12px}footer{font-size:11px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--muted);border-top:1px solid var(--line);margin-top:24px;padding:16px 0}footer button{font-size:11px;padding:6px;background:none;color:var(--muted)}#message{border-radius:12px;padding:12px 16px;margin-bottom:16px;background:#e2f2e9;font-size:14px}#message.error{background:#fff0e7;color:#8f3d19}[hidden]{display:none!important}.loading{padding:20px 0}@media(max-width:600px){main{padding:24px 18px}h1{font-size:36px}.brand small{font-size:10px}.tag{display:none}.intro{padding-top:30px}.settings{display:block}.settings .actions{margin-top:18px}.panel,.device{padding:20px}#devices{grid-template-columns:1fr}footer{align-items:flex-start}}