:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f2f4ef;background:#101310;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% -10%,#253426 0,transparent 37%),#101310}.shell{max-width:1200px;margin:auto;padding:50px 48px 25px}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:34px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:750;color:#b8f36e}.eyebrow span{color:#788178}h1{font-size:clamp(46px,6vw,76px);letter-spacing:-.065em;line-height:1.02;margin:28px 0 18px;font-weight:650}h1 em{font-style:normal;color:#b8f36e}.intro{color:#a2aaa0;font-size:15px;line-height:1.6;margin:0}.connection,.live{font-size:10px;letter-spacing:.11em;font-weight:700;color:#b8f36e;white-space:nowrap}.connection{border:1px solid #344031;border-radius:100px;padding:11px 15px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b8f36e;margin-right:7px;box-shadow:0 0 12px #a4ed59}.banner{border:1px solid #344330;background:#202d1e;border-radius:10px;display:flex;align-items:center;gap:16px;padding:18px 20px;margin-bottom:20px}.banner-icon{background:#b8f36e;color:#192116;border-radius:7px;font-size:21px;width:36px;height:36px;display:grid;place-items:center}.banner strong{font-size:13px}.banner p{font-size:12px;color:#a8b7a3;margin:5px 0 0;line-height:1.4}.tag{margin-left:auto;color:#a6c695;font-size:10px;white-space:nowrap}.layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px}.panel{background:#191d19;border:1px solid #303830;border-radius:10px;padding:25px;min-width:0}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}h2{font-size:22px;letter-spacing:-.035em;margin:9px 0 0}h2 span{font-size:12px;color:#899485;margin-left:4px}.symbol{font-size:24px;color:#b8f36e}label{display:block;color:#a6b0a4;font-size:10px;letter-spacing:.12em;font-weight:700;margin:19px 0 9px}select,textarea{width:100%;background:#111511;color:#eef4e9;border:1px solid #3a4439;border-radius:6px;padding:13px;font:inherit;font-size:13px}textarea{resize:vertical;line-height:1.5}select:focus,textarea:focus,button:focus-visible{outline:2px solid #b8f36e;outline-offset:2px}button{cursor:pointer;font:inherit}.primary{background:#b8f36e;color:#182111;border:0;border-radius:6px;padding:14px 16px;width:100%;font-weight:750;font-size:13px;margin-top:15px;text-align:left;display:flex;justify-content:space-between}.primary:disabled{opacity:.6}.hint{font-size:11px;color:#8d988b;line-height:1.5}.workspace{border-top:1px solid #303830;margin-top:22px;padding-top:19px;display:grid;gap:8px}.workspace span{color:#879184;font-size:9px;font-weight:700;letter-spacing:.13em}.workspace code{font-size:11px;color:#c6d0c3;overflow-wrap:anywhere}.empty{min-height:280px;display:grid;align-content:center;justify-items:center;text-align:center;color:#929d90}.empty>span{font-size:39px;color:#8bb86d}.empty h3{color:#e5eae2;font-size:14px;margin:12px 0 5px}.empty p{font-size:12px;margin:0}.task{border-top:1px solid #323a31}.task-head{background:none;border:0;color:inherit;width:100%;display:flex;justify-content:space-between;gap:14px;text-align:left;padding:16px 0}.task-head div{display:grid;gap:7px;min-width:0}.agent-label{color:#b8f36e;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.task-prompt{font-size:13px;overflow-wrap:anywhere}.status{font-size:9px;color:#aeb9ab;white-space:nowrap}.status.running{color:#b8f36e}.status.failed{color:#ff9b91}.task-details{padding-bottom:15px}.output{white-space:pre-wrap;overflow-wrap:anywhere;max-height:250px;overflow:auto;background:#101410;color:#c4d0bf;border-radius:6px;font-size:11px;line-height:1.5;padding:12px}.stop{background:transparent;color:#f2b3aa;border:1px solid #714d48;border-radius:5px;padding:8px 12px;font-size:11px}footer{display:flex;justify-content:space-between;color:#889487;font-size:9px;letter-spacing:.12em;font-weight:700;margin-top:36px}.muted{color:#505a50}footer b{color:#b8f36e;font-size:16px;margin-left:8px}@media(max-width:720px){.shell{padding:28px 20px}.layout{grid-template-columns:1fr}header{gap:15px}h1{font-size:48px}.connection{font-size:8px;padding:9px}.panel{padding:20px}footer{gap:20px;font-size:8px}}

.pairing{margin-bottom:20px}.pairing form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.pairing form label{width:100%;margin-bottom:0}.pairing input{background:#111511;color:#eef4e9;border:1px solid #3a4439;border-radius:6px;padding:13px;flex:1;min-width:200px}.pairing .primary{width:auto;margin:0}.pairing img{width:180px;height:180px;background:white;padding:8px;margin-top:16px}.pairing a{color:#b8f36e;font-size:12px}.pairing #revoke{display:block;margin-top:18px}
#session-browser{margin-top:20px;padding:24px;border:1px solid #303830;border-radius:10px;background:#191d19}#session-browser button,.decision button{margin:8px 8px 0 0;padding:10px;background:#293c24;color:#efffe9;border:1px solid #779b65;border-radius:6px}#session-browser article{display:grid;gap:6px;border-top:1px solid #303830;padding:12px 0}#session-browser pre,.decision pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:250px;overflow:auto;font-size:11px}.decision{border:1px solid #b8f36e;border-radius:6px;padding:12px;margin-bottom:12px}.decision label{display:block;letter-spacing:normal;font-size:12px}.decision input[type=text]{padding:8px;max-width:180px}
.install-guide{margin-bottom:20px}.install-guide summary{cursor:pointer;font-weight:700;list-style-position:inside}.install-guide summary span{float:right;color:#b8f36e;font-size:11px}.guide-content{color:#b7c3b3;font-size:13px;line-height:1.65}.guide-content li{margin:10px 0}.guide-content strong{color:#edf3e9}.guide-content code{display:inline-block;max-width:100%;overflow-wrap:anywhere;background:#101510;color:#b8f36e;padding:3px 5px;border-radius:4px}.guide-content p:last-child{margin-bottom:0}
.guide-content a{color:#b8f36e}
.workspace summary{cursor:pointer;color:#b8f36e;font-size:12px}.workspace input{width:100%;background:#111511;color:#eef4e9;border:1px solid #3a4439;border-radius:6px;padding:12px}.workspace code{display:block}
.tunnel-controls{margin:16px 0}.tunnel-controls button{margin:10px 8px 0 0;padding:10px 12px;background:#293c24;color:#efffe9;border:1px solid #779b65;border-radius:6px}
.simulator-link a{color:#b8f36e;font-size:13px}
#desktop-notifications{border:1px solid #50634a;background:transparent;color:#c4d8b9;border-radius:6px;padding:7px;font-size:10px}
.devices{margin-top:18px;border-top:1px solid #344330;padding-top:12px}.devices h3{font-size:13px}.device-row{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#b5c0b1;font-size:12px}
.device-row input{min-width:0;max-width:160px;color:#eef4e9;background:#111511;border:1px solid #3a4439;border-radius:5px;padding:8px}
.usage-overview{margin-top:20px}.usage-overview article{padding:12px 0;border-top:1px solid #303830}.usage-overview article strong{font-size:12px}.usage-overview pre{white-space:pre-wrap;color:#c4d0bf;font-size:11px;overflow-wrap:anywhere}
.task-events{font-size:12px;color:#c4d0bf}.task-events h3{font-size:12px;color:#eaf3e4}.task-events li{margin:5px 0;overflow-wrap:anywhere}
.setup-dialog{border:1px solid #556a4c;border-radius:18px;max-width:540px;width:calc(100% - 32px);background:#1b251a;color:#f3faee;padding:28px}.setup-dialog::backdrop{background:rgba(0,0,0,.75)}.setup-dialog p{line-height:1.5}.setup-actions{display:flex;gap:12px;margin:24px 0}.setup-actions button{flex:1}#discovery-results article{padding:12px;border-bottom:1px solid #465542}#discovery-results p{overflow-wrap:anywhere}
/* A self-contained first-run experience; the dashboard stays fully covered. */
.setup-dialog{position:fixed;inset:0;margin:0;border:0;border-radius:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;background:#101510;color:#f3f7ed;overflow:auto}.setup-dialog::backdrop{background:#101510}.setup-screen{min-height:100%;display:flex;flex-direction:column;background:radial-gradient(ellipse at 75% 45%,#1d2b1b 0%,#101510 46%)}.setup-header,.setup-footer{display:flex;justify-content:space-between;align-items:center;margin:0 7%;padding:28px 0;border-bottom:1px solid #354233}.setup-brand{font-weight:850;letter-spacing:.1em;font-size:13px;color:#c0f781}.setup-brand small{color:#788c72;font-size:10px;font-weight:600}.setup-header-step,.setup-footer-label{color:#81917a;font-size:10px;font-weight:800;letter-spacing:.16em}.setup-main{width:100%;max-width:1500px;margin:auto;padding:60px 7%;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;flex:1}.setup-content{max-width:670px}.setup-kicker{font-size:11px;letter-spacing:.19em;font-weight:800;color:#b8f36e}.setup-kicker span{margin-left:12px}.setup-content h1{white-space:pre-line;font-size:clamp(52px,6.5vw,92px);line-height:1.02;letter-spacing:-.06em;margin:26px 0;color:#f3f7ed}.setup-description{font-size:clamp(16px,1.35vw,19px);line-height:1.65;color:#b4c4ae;max-width:570px}.setup-bubbles{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.setup-bubble{border:1px solid #4c6544;background:#243221;color:#d2f4bf;padding:11px 17px;border-radius:999px;font-size:13px;font-weight:700}.setup-note{border-left:2px solid #91c55e;padding-left:15px;max-width:550px;color:#8c9d86;font-size:12px!important;line-height:1.6!important}.setup-actions{display:flex;gap:12px;margin:38px 0 0;align-items:center}.setup-actions button{font:inherit;cursor:pointer;border-radius:999px;padding:16px 23px;font-size:13px;font-weight:800}.setup-actions #setup-back{border:1px solid #53634d;color:#d1ddca;background:transparent}.setup-actions #setup-back:disabled{opacity:.35;cursor:default}.setup-actions #setup-next{border:0;color:#16200f;background:#b8f36e;min-width:185px;text-align:left}.setup-actions #setup-next span{float:right;margin-left:35px}.setup-actions button:focus-visible{outline:3px solid #f3ffe7;outline-offset:4px}.setup-art{height:460px;position:relative;display:grid;place-items:center;overflow:hidden}.setup-ring{border:1px solid #3d5537;position:absolute;border-radius:50%}.setup-ring-outer{width:420px;height:420px}.setup-ring-inner{width:290px;height:290px}.setup-orb{width:165px;height:165px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#b8f36e,#7cbd49);color:#1b2a15;box-shadow:0 0 100px #b8f36e30}.setup-orb span{font-size:85px;line-height:1}.setup-art-tag{position:absolute;top:65px;right:8%;border:1px solid #56754a;border-radius:999px;background:#20301d;padding:12px 17px;color:#bbdaa9;font-size:10px;letter-spacing:.12em}.setup-art-tag b{color:#b8f36e;margin-left:12px}.setup-art-caption{position:absolute;bottom:35px;left:10%;color:#71866b;font-size:10px;line-height:1.6;letter-spacing:.15em}.setup-footer{border-bottom:0;border-top:1px solid #354233;gap:20px}.setup-steps{display:flex;align-items:center;gap:22px}.setup-step{display:flex;align-items:center;gap:8px;color:#71816c}.setup-step span{width:32px;height:32px;border:1px solid #52644c;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800}.setup-step small{font-size:9px;letter-spacing:.1em;font-weight:800}.setup-step.is-active{color:#d8fbc2}.setup-step.is-active span{background:#b8f36e;border-color:#b8f36e;color:#17220f}.setup-step.is-done span{border-color:#91c55e;color:#b8f36e}@media(max-width:800px){.setup-main{grid-template-columns:1fr;padding-top:45px;padding-bottom:40px;gap:0}.setup-art{height:190px;grid-row:1}.setup-ring-outer{width:180px;height:180px}.setup-ring-inner{width:130px;height:130px}.setup-orb{width:90px;height:90px}.setup-orb span{font-size:48px}.setup-art-tag{top:10px;right:10%}.setup-art-caption{bottom:10px}.setup-content h1{font-size:clamp(43px,10vw,65px);margin:18px 0}.setup-footer{flex-wrap:wrap}.setup-steps{gap:10px}.setup-step small{display:none}.setup-header,.setup-footer{margin-left:6%;margin-right:6%}}
.setup-controls{display:grid;gap:10px;max-width:570px;margin-top:25px}.setup-controls label{display:grid;gap:8px;color:#aabea4;font-size:10px;letter-spacing:.12em;font-weight:800}.setup-controls input,.setup-controls select{width:100%;border:1px solid #53664c;border-radius:12px;background:#1b281a;color:#f2f7ef;padding:12px 14px;font:inherit}.setup-controls p{margin:2px 0;color:#a1b39a;font-size:12px;line-height:1.5}.setup-control-button{font:inherit;text-align:left;border:1px solid #68865b;border-radius:999px;background:#263921;color:#dcf7ce;padding:11px 17px;cursor:pointer;font-size:13px;font-weight:700}.setup-control-button:disabled{opacity:.5}.setup-results{display:grid;gap:7px;max-height:180px;overflow:auto}.setup-results button{overflow-wrap:anywhere}.setup-qr{width:200px;height:200px;background:white;border-radius:12px}.setup-controls a{color:#b8f36e;text-decoration:underline;font-size:13px}.setup-error{border:1px solid #db8c79;background:#3c211d;color:#ffd4c8;border-radius:12px;padding:12px;font-size:13px}.setup-actions button:disabled{opacity:.5}
.setup-language{background:#1b281a;color:#e4f1de;border:1px solid #53664c;border-radius:999px;padding:8px 12px;font:inherit;font-size:12px}.setup-controls :focus-visible,.setup-language:focus-visible{outline:3px solid #b8f36e;outline-offset:3px}
/* Compact setup centered on the actual configuration controls. */
.setup-screen{max-width:920px;margin:auto;min-height:100dvh;padding:0 24px}.setup-header,.setup-footer{margin:0;padding:20px 0}.setup-header{gap:20px}.setup-language{width:auto;min-width:110px;flex:0 0 auto}.setup-header-step{margin-left:auto}.setup-main{max-width:660px;display:block;flex:1;padding:40px 0;align-content:center}.setup-content{margin:auto;max-width:600px}.setup-content h1{font-size:clamp(34px,4.5vw,52px);line-height:1.06;margin:18px 0;letter-spacing:-.045em}.setup-description{font-size:15px;line-height:1.5}.setup-art{display:none}.setup-controls{margin-top:20px}.setup-agent-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.setup-controls label.setup-agent-choice{display:flex;align-items:center;gap:10px;border:1px solid #4c6544;border-radius:14px;background:#1b281a;padding:14px;cursor:pointer;letter-spacing:normal}.setup-agent-choice:has(input:checked){border-color:#b8f36e;background:#293d22}.setup-agent-choice input{width:18px;height:18px;accent-color:#b8f36e}.setup-agent-choice span{display:grid;gap:5px}.setup-agent-choice strong{font-size:13px;color:#f0f7e9}.setup-agent-choice small{font-size:10px;color:#a7bb9e}.setup-actions{margin-top:24px}.setup-actions button{flex:0 1 auto}.setup-footer{overflow-x:auto}.setup-steps{flex-wrap:wrap;gap:14px}.setup-note{margin-top:16px}@media(max-width:800px){.setup-screen{padding:0 18px}.setup-header,.setup-footer{margin:0}.setup-main{padding:30px 0}.setup-steps{gap:9px}.setup-footer-label{display:none}}
/* Keep the background continuous while the setup content remains compact. */
.setup-dialog{background:radial-gradient(ellipse at 66% 45%,#1a2919 0%,#101510 65%) fixed}.setup-screen{background:transparent}.setup-controls p[role=status]{min-height:2.5em;color:#cae6bf}
.setup-project-panel{display:grid;gap:10px}.setup-project-results{max-height:230px}.setup-controls label.setup-project-choice{display:flex;align-items:flex-start;gap:12px;letter-spacing:normal;padding:12px;border:1px solid #3d5238;border-radius:12px;background:#182317;cursor:pointer}.setup-project-choice input{width:18px;height:18px;flex:none;accent-color:#b8f36e}.setup-project-info{display:grid;gap:4px;min-width:0}.setup-project-info strong{font-size:13px;color:#eef6e9}.setup-project-info small{font-size:11px;line-height:1.4;color:#98aa91;overflow-wrap:anywhere}.setup-project-info .setup-repository{color:#71816c}.setup-project-choice:has(input:checked){border-color:#b8f36e;background:#293d22}
/* Show the supplied glasses mark alongside the compact setup on wider screens. */
.setup-main{max-width:920px;display:grid;grid-template-columns:minmax(0,600px) minmax(180px,260px);gap:36px;align-items:center}.setup-content{width:100%;min-width:0}.setup-art{display:flex;height:auto;min-height:200px;flex-direction:column;justify-content:center;align-items:center;gap:12px;overflow:visible}.setup-glasses{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 12px 30px rgba(157,245,82,.12))}.setup-art-index{color:#82997a;font-size:10px;font-weight:800;letter-spacing:.16em}@media(max-width:760px){.setup-main{display:flex;flex-direction:column-reverse;align-items:stretch;gap:12px}.setup-art{min-height:0;align-items:flex-start}.setup-glasses{width:130px}.setup-art-index{display:none}}
/* Persistent imports stay checked and readable, even though they cannot be reselected. */
.setup-project-choice input[type=checkbox]{appearance:none;-webkit-appearance:none;display:grid;place-content:center;padding:0;width:20px;height:20px;border:1px solid #68865b;border-radius:5px;background:#172316;opacity:1;cursor:pointer}.setup-project-choice input[type=checkbox]:checked{background:#b8f36e;border-color:#b8f36e}.setup-project-choice input[type=checkbox]:checked::before{content:'✓';color:#16230f;font-size:15px;font-weight:900;line-height:1}.setup-project-choice input[type=checkbox]:disabled{opacity:1;cursor:default}.setup-project-choice:has(input:disabled){cursor:default}.setup-results,.setup-dialog{scrollbar-width:thin;scrollbar-color:#617c55 #162015}.setup-results::-webkit-scrollbar,.setup-dialog::-webkit-scrollbar{width:8px;height:8px}.setup-results::-webkit-scrollbar-track,.setup-dialog::-webkit-scrollbar-track{background:#162015;border-radius:999px}.setup-results::-webkit-scrollbar-thumb,.setup-dialog::-webkit-scrollbar-thumb{background:#617c55;border:2px solid #162015;border-radius:999px}.setup-manage-row{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid #3d5238;border-radius:12px;background:#182317}.setup-manage-info{display:grid;gap:5px;flex:1;min-width:0}.setup-manage-info input{padding:8px 10px;font-size:13px}.setup-manage-info small{color:#98aa91;overflow-wrap:anywhere;font-size:11px}.setup-manage-action{padding:9px 12px;font-size:11px;white-space:nowrap}.setup-manage-remove{color:#f1b8a9;border-color:#926253;background:#382721}.setup-manage-default{font-size:10px;color:#91a48b;white-space:nowrap}@media(max-width:540px){.setup-manage-row{flex-wrap:wrap}.setup-manage-info{flex-basis:100%}}
.setup-approval{display:inline-flex;align-items:center;justify-content:center;justify-self:start;padding:11px 16px;background:#b8f36e;color:#16230f!important;border-radius:999px;font-size:13px;font-weight:800;text-decoration:none!important}.setup-qr-button{display:flex;align-items:center;gap:10px}.setup-qr-button svg{width:19px;height:19px;flex:none;color:#b8f36e}
/* Keep the glasses mark beside the setup heading. */
.setup-main{max-width:660px;display:block}.setup-title-row{display:flex;align-items:center;gap:18px}.setup-title-row h1{flex:0 1 auto;min-width:0}.setup-heading-logo{display:block;width:clamp(105px,18vw,175px);height:auto;flex:0 1 auto;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(157,245,82,.12))}@media(max-width:520px){.setup-title-row{gap:8px}.setup-heading-logo{width:95px;flex:none}}
/* Keep hidden approval links hidden despite their custom display style. */
.setup-approval[hidden],.setup-qr-frame[hidden]{display:none!important}.setup-controls p[role=status][data-state=running]{min-height:0;border:1px solid #79b55e;border-radius:12px;background:#203c24;color:#d5f8c6;padding:12px 14px;font-weight:750}.setup-qr-frame{position:relative;justify-self:center;width:min(100%,260px);aspect-ratio:1;background:#143019;border:1px solid #506e48;border-radius:15px;overflow:hidden}.setup-qr-frame .setup-qr{display:block;width:100%;height:100%;border-radius:0;background:transparent;image-rendering:pixelated}.setup-qr-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:16%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#143019;border:2px solid #9adb76}.setup-qr-logo[hidden]{display:none}.setup-qr-logo img{display:block;width:90%;height:auto}
.setup-brand{display:flex;align-items:center;gap:6px}.setup-brand img{display:block;width:45px;height:26px;object-fit:contain}.setup-heading-logo{width:clamp(150px,24vw,255px)}.setup-heading-logo[hidden]{display:none!important}@media(max-width:520px){.setup-heading-logo{width:125px;max-width:36%}}
.setup-heading-logo{clip-path:inset(0 0 0 2%);transform:translateX(-10px)}

.setup-agent-choice .setup-agent-badge{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid #698c4d;border-radius:10px;color:#c4ff77;background:#263c1f;font-size:15px;font-weight:800}

.setup-qr-scene{display:flex;justify-self:center;align-items:end;gap:12px;max-width:100%;padding:10px}.setup-qr-scene[hidden]{display:none!important}.setup-qr-scene .setup-qr-frame{width:min(65vw,260px);flex:none}.setup-qr-rack{display:grid;gap:5px;width:44px;padding:7px 6px;border:1px solid #60854b;border-radius:6px;background:linear-gradient(130deg,#294329,#111c14);box-shadow:-6px 7px 0 #0c180f;transform:skewY(-8deg);margin-bottom:6px}.setup-qr-rack span{display:block;height:28px;border:1px solid #567a42;border-radius:3px;background:radial-gradient(circle at 75% 50%,#b9f66a 0 2px,transparent 3px),linear-gradient(#20371f,#122215)}@media(max-width:420px){.setup-qr-rack{width:34px}}
.header-controls{display:flex;align-items:center;gap:12px}.header-controls .theme-picker{margin:0;color:#a6b0a4;font-size:10px;letter-spacing:.08em}.header-controls select{width:auto;padding:8px 10px;margin-left:8px}
[data-theme=hacker] body{background:#020b04;color:#dcffdf}[data-theme=hacker] .panel,[data-theme=hacker] .setup-screen{background:#071a0b;border-color:#226d36}
[data-theme=dark] body{background:#111318;color:#eef0f5}[data-theme=dark] .panel,[data-theme=dark] .setup-screen{background:#20242c;border-color:#47515f}
[data-theme=light] body{background:#f3f7f0;color:#17241a}[data-theme=light] .panel,[data-theme=light] .banner,[data-theme=light] .setup-screen{background:#fff;border-color:#bdcdbb;color:#17241a}
[data-theme=light] .intro,[data-theme=light] .hint,[data-theme=light] label,[data-theme=light] .setup-description,[data-theme=light] .setup-controls p{color:#536957}
[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3{color:#17241a}[data-theme=light] select,[data-theme=light] textarea,[data-theme=light] input{background:#fff;color:#17241a;border-color:#9aaf96}
[data-theme=light] .eyebrow,[data-theme=light] h1 em,[data-theme=light] .symbol{color:#286f38}
[data-theme=light] .setup-controls label.setup-agent-choice,[data-theme=light] .setup-control-button{background:#e7f1e4;color:#17241a;border-color:#96b397}
[data-theme=light] .setup-agent-choice strong{color:#17241a}[data-theme=light] .setup-agent-choice small{color:#536957}
@media(max-width:700px){.header-controls{flex-wrap:wrap;justify-content:flex-end}}
.setup-provider-guide{display:grid;gap:7px;padding:14px 16px;border:1px solid #47633d;border-radius:12px;background:#182718}.setup-provider-guide strong{color:#edf7e8;font-size:13px}.setup-provider-guide a{color:#b8f36e;font-size:12px}.setup-provider-guide .setup-control-button{margin-top:5px}.setup-controls label.setup-auto-tunnel{display:flex;align-items:flex-start;gap:10px;letter-spacing:normal;font-size:12px;line-height:1.4}.setup-auto-tunnel input{width:18px;height:18px;margin:0;accent-color:#b8f36e;flex:none}[data-theme=light] .setup-provider-guide{background:#edf5ea;border-color:#9ab397}[data-theme=light] .setup-provider-guide strong{color:#17241a}[data-theme=light] .setup-provider-guide a{color:#286f38}

.setup-acp-add{border:1px solid #4c6544;border-radius:12px;padding:12px 14px}.setup-acp-add summary{cursor:pointer;color:#d9edce;font-size:13px;font-weight:700}.setup-acp-add input,.setup-acp-add button{margin-top:8px}[data-theme=light] .setup-acp-add summary{color:#193b21}
.device-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.device-heading>div{max-width:660px}.device-heading .primary{width:auto;white-space:nowrap;margin:0}.device-count{display:inline-flex;align-items:center;color:#c9e7bf;text-decoration:none;border:1px solid #40523d;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:700}.connection-options,.dashboard-settings{margin-top:18px}.connection-options summary,.dashboard-settings summary{cursor:pointer;color:inherit;font-weight:750}.dashboard-settings #setup-open{border:1px solid #56764b;border-radius:8px;background:#263b24;color:#edf8e5;padding:10px 14px;font-weight:700;cursor:pointer}.dashboard-settings .install-guide{margin:14px 0 0}.devices{border:0;padding:0}.devices .device-row{padding:12px 0;border-top:1px solid #344330}.devices .device-row input{max-width:240px;min-width:0}.device-row button{white-space:nowrap}#new-device-panel{border-top:1px solid #344330;margin-top:18px;padding-top:12px}#pair-status[data-state=error]{color:#ffc7b9}#pair-result img{display:block}#pair-form{margin-top:12px}.dashboard-settings{margin-bottom:20px}@media(max-width:700px){.device-heading{flex-direction:column}.device-row{flex-wrap:wrap}.device-row input{flex:1}}
.activity-chart{display:grid;gap:10px;margin:14px 0 24px;max-width:620px}.activity-chart-row{display:grid;grid-template-columns:minmax(90px,130px) 1fr 30px;gap:12px;align-items:center;font-size:12px;color:#bdcdb7}.activity-chart-row progress{width:100%;height:9px;accent-color:#b8f36e}.activity-chart-row strong{text-align:right}.usage-overview h3{font-size:13px;margin-top:22px}
.demo-warning{padding:12px;border:1px solid #b8f36e;border-radius:10px;color:#d8ffc8;background:#253b23;font-size:13px;font-weight:700}

.device-details{display:flex;flex-direction:column;gap:4px;min-width:190px;flex:1;color:#d5e2d0}.device-details small{color:#95a690}@media(max-width:700px){.device-details{flex-basis:100%;order:3}}

.legacy-dashboard{display:none!important}.dashboard-overview,.dashboard-stats{margin-top:18px}.dashboard-overview .workspace{margin-top:0}.settings-icon{display:inline-grid;place-items:center;width:40px;height:40px;padding:9px;border:1px solid #40523d;border-radius:50%;color:#c6f487;background:#1c291b;cursor:pointer}.settings-icon svg{width:100%;height:100%}.dashboard-settings-modal{width:min(720px,calc(100vw - 32px));max-height:min(85vh,900px);overflow:auto;color:#edf8e5;background:#151e16;border:1px solid #40523d;border-radius:18px;padding:24px}.dashboard-settings-modal::backdrop{background:rgba(0,0,0,.72)}.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-heading h2{margin:0}.settings-heading button{border:0;background:none;color:inherit;font-size:28px;cursor:pointer}.settings-tabs{display:flex;gap:8px;overflow-x:auto;margin:22px 0;border-bottom:1px solid #40523d}.settings-tabs button{white-space:nowrap;padding:12px;border:0;border-bottom:2px solid transparent;color:#aabda6;background:transparent;cursor:pointer}.settings-tabs button[aria-selected=true]{color:#b8f66b;border-bottom-color:#b8f66b}.dashboard-settings-modal [hidden]{display:none}.dashboard-settings-modal .guide-content{padding:0}.dashboard-settings-modal a{color:#b8f66b}@media(max-width:700px){.dashboard-settings-modal{padding:18px}.dashboard-stats .activity-chart-row{grid-template-columns:90px 1fr auto}}

#suggestion-settings-form{display:grid;gap:10px}#suggestion-settings-form select,#suggestion-settings-form input{width:100%;padding:10px;border:1px solid #536c4d;border-radius:8px;background:#1e2b1c;color:#f1f7ed}#suggestion-reload{width:max-content;padding:8px 12px;border:1px solid #617e57;border-radius:8px;background:#263b24;color:#f1f7ed;cursor:pointer}#suggestion-settings-status{font-size:13px;color:#c9e7bf}

/* Shared surface tokens keep the settings dialog and scrollbars in the active theme. */
:root{--ui-scroll-track:#111b12;--ui-scroll-thumb:#607d54;--settings-surface:#151f17;--settings-card:#1c2a1d;--settings-border:#40583c;--settings-text:#edf8e8;--settings-muted:#a8bba2;--settings-accent:#b8f36e}
:root[data-theme=hacker]{--ui-scroll-track:#041107;--ui-scroll-thumb:#248b46;--settings-surface:#06180b;--settings-card:#0a2710;--settings-border:#246b32;--settings-text:#e2ffe1;--settings-muted:#a0cba6;--settings-accent:#4cff7d}
:root[data-theme=dark]{--ui-scroll-track:#151922;--ui-scroll-thumb:#65788e;--settings-surface:#20242c;--settings-card:#292f39;--settings-border:#4c5969;--settings-text:#f1f5fa;--settings-muted:#b4c1d0;--settings-accent:#a9caed}
:root[data-theme=light]{--ui-scroll-track:#e8f1e5;--ui-scroll-thumb:#87a481;--settings-surface:#f9fcf7;--settings-card:#eef6ea;--settings-border:#b8ceb2;--settings-text:#17291a;--settings-muted:#536b57;--settings-accent:#286f38}
*{scrollbar-width:thin;scrollbar-color:var(--ui-scroll-thumb) var(--ui-scroll-track)}
*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-track{background:var(--ui-scroll-track);border-radius:999px}*::-webkit-scrollbar-thumb{background:var(--ui-scroll-thumb);border:2px solid var(--ui-scroll-track);border-radius:999px}*::-webkit-scrollbar-corner{background:var(--ui-scroll-track)}
.dashboard-settings-modal{width:min(680px,calc(100vw - 32px));max-height:min(86vh,850px);padding:28px;color:var(--settings-text);background:var(--settings-surface);border-color:var(--settings-border);box-shadow:0 28px 90px #0008}
.settings-heading h2{font-size:21px;letter-spacing:-.035em}.settings-heading button{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--settings-border);border-radius:50%;font-size:22px;line-height:1;color:var(--settings-muted)}.settings-heading button:hover{color:var(--settings-text);background:var(--settings-card)}
.settings-tabs{margin:24px 0 22px;border-color:var(--settings-border);gap:6px}.settings-tabs button{font-size:13px;font-weight:700;color:var(--settings-muted);padding:11px 14px}.settings-tabs button[aria-selected=true]{color:var(--settings-accent);border-color:var(--settings-accent)}
.settings-intro{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid var(--settings-border);border-radius:14px;background:var(--settings-card)}.settings-intro-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid var(--settings-border);border-radius:11px;color:var(--settings-accent);font-size:20px}.settings-intro h3,.settings-context h4{color:var(--settings-text);font-size:15px;margin:0 0 5px}.settings-intro p,.settings-context p{font-size:12px;line-height:1.5;color:var(--settings-muted);margin:0}
#suggestion-settings-form{gap:16px}.settings-field{min-width:0;display:grid;gap:8px}.settings-field label,.settings-section-label{color:var(--settings-muted);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.settings-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.settings-context{padding:16px;border:1px solid var(--settings-border);border-radius:14px;background:var(--settings-card)}.settings-context h4{margin-top:6px}.settings-context-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
#suggestion-settings-form select,#suggestion-settings-form input,#suggestion-settings-form textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--settings-border);border-radius:9px;background:var(--settings-surface);color:var(--settings-text)}#suggestion-settings-form :is(select,input,textarea):focus-visible{outline:2px solid var(--settings-accent);outline-offset:2px}#suggestion-settings-form :is(select,input):disabled{opacity:.65}#suggestion-reload{width:auto;padding:5px 9px;border-color:var(--settings-border);background:transparent;color:var(--settings-accent);font-size:11px;font-weight:750}#suggestion-reload:hover{background:var(--settings-card)}.settings-privacy{margin:0;padding-left:12px;border-left:2px solid var(--settings-accent);font-size:12px;line-height:1.5;color:var(--settings-muted)}.settings-status{margin:14px 0;font-size:12px;color:var(--settings-muted)}.settings-status[data-state=error]{color:#ec9f91}.settings-save{min-height:44px}
@media(max-width:600px){.dashboard-settings-modal{padding:20px}.settings-context-grid{grid-template-columns:1fr}.settings-intro{padding:14px}.settings-tabs button{padding:10px}}
.settings-prompt{display:grid;gap:8px}.settings-prompt>p{margin:0;color:var(--settings-muted);font-size:12px;line-height:1.5}#suggestion-prompt{min-height:105px;resize:vertical;line-height:1.5;font-size:13px}#suggestion-prompt-reset{width:auto;padding:5px 9px;border:1px solid var(--settings-border);border-radius:8px;background:transparent;color:var(--settings-accent);font-size:11px;font-weight:750;cursor:pointer}
.language-picker{display:flex;align-items:center;gap:8px;color:#a9bba4;font-size:12px}.language-picker select{min-height:38px;width:auto;padding:8px 28px 8px 10px;border:1px solid #4a6244;border-radius:9px;background:#1b291a;color:#e9f6e5}[data-theme=light] .language-picker{color:#536957}[data-theme=light] .language-picker select{background:#fff;color:#17241a;border-color:#9aaf96}
.device-rename{border:1px solid var(--settings-border);border-radius:8px;background:var(--settings-card);color:var(--settings-text);padding:9px 12px;font:inherit;font-weight:700;cursor:pointer}.device-rename:hover{border-color:var(--settings-accent)}.activity-chart-row progress{-webkit-appearance:none;appearance:none;overflow:hidden;border:0;border-radius:999px;background:#263627}.activity-chart-row progress::-webkit-progress-bar{background:#263627;border-radius:999px}.activity-chart-row progress::-webkit-progress-value{background:#b8f36e;border-radius:999px}.activity-chart-row progress::-moz-progress-bar{background:#b8f36e;border-radius:999px}[data-theme=light] .activity-chart-row progress,[data-theme=light] .activity-chart-row progress::-webkit-progress-bar{background:#dcebd8}[data-theme=light] .activity-chart-row progress::-webkit-progress-value{background:#458e48}
.dashboard-brand{display:flex;align-items:center;gap:9px;color:#c4f390;font-size:11px;font-weight:850;letter-spacing:.12em}.dashboard-brand img{width:32px;height:32px;display:block}.dashboard-brand small{color:#8d9b88;font-size:10px;font-weight:700;letter-spacing:.12em}.header-controls .language-picker,.header-controls .theme-picker{display:inline-flex;align-items:center;gap:8px;margin:0;color:#a9bba4;font-size:12px;letter-spacing:normal;white-space:nowrap}.header-controls .language-picker select,.header-controls .theme-picker select{width:auto;min-height:38px;margin:0;padding:8px 28px 8px 10px;border:1px solid #4a6244;border-radius:9px;background:#1b291a;color:#e9f6e5;font-size:12px}.header-controls .device-count{white-space:nowrap}.settings-execution{margin:0;color:var(--settings-muted);font-size:12px;line-height:1.5}[data-theme=light] .header-controls .language-picker,[data-theme=light] .header-controls .theme-picker{color:#536957}[data-theme=light] .header-controls .language-picker select,[data-theme=light] .header-controls .theme-picker select{background:#fff;color:#17241a;border-color:#9aaf96}
@media(max-width:900px){header{flex-wrap:wrap}.header-controls{justify-content:flex-start;flex-wrap:wrap}.dashboard-brand{width:100%}}@media(max-width:500px){.header-controls{gap:8px}.header-controls .language-picker,.header-controls .theme-picker{font-size:11px}.header-controls .device-count{white-space:normal}}

.dashboard-stats .activity-chart-row{grid-template-columns:minmax(150px,200px) 1fr minmax(30px,auto);margin:8px 0}
/* Decorative pairing tree; the actual QR remains intact for scanning. */
.pairing-tree-widget{width:min(100%,310px);margin:14px auto;display:grid;justify-items:center;gap:12px}
.pairing-tree-art{position:relative;width:100%;height:230px;overflow:hidden;border:1px solid #496345;border-radius:18px;background:radial-gradient(ellipse at 50% 72%,#294b2c 0,transparent 48%),linear-gradient(150deg,#182d1c,#0b120d);box-shadow:inset 0 -24px 45px #0005}
.pairing-tree-shape{position:absolute;inset:20px 0 12px;transform:perspective(500px) rotateX(2deg)}
.pairing-tree-crown{position:absolute;left:50%;display:block;width:150px;height:90px;transform:translateX(-50%) rotate(45deg) skew(-8deg,-8deg);border-radius:24% 45% 24% 45%;border:1px solid #b9f66a88;box-shadow:inset -14px -14px 0 #326227aa,0 12px 0 #244622,0 16px 18px #0005;background:repeating-linear-gradient(90deg,transparent 0 18px,#b8f36e25 18px 19px),repeating-linear-gradient(0deg,#5ba93c 0 18px,#83d84e 18px 19px)}
.pairing-tree-crown.crown-back{top:5px;width:105px;height:65px;z-index:3}.pairing-tree-crown.crown-mid{top:44px;width:135px;height:79px;z-index:2}.pairing-tree-crown.crown-front{top:86px;z-index:1}.pairing-tree-trunk{position:absolute;left:calc(50% - 12px);bottom:0;width:24px;height:58px;background:linear-gradient(90deg,#4e793c,#254724);border:1px solid #7ea65c;box-shadow:5px 4px 0 #172f1b}
.pairing-tree-leaf{position:absolute;top:-15%;left:calc(8% + var(--leaf-index)*10%);width:8px;height:6px;background:#b8f36e;border-radius:70% 0 70% 0;opacity:0;animation:pairing-leaf-fall 5s linear infinite;animation-delay:calc(var(--leaf-index)*-.63s)}
@keyframes pairing-leaf-fall{0%{opacity:0;transform:translateY(0) rotate(0)}15%{opacity:.8}90%{opacity:.7}100%{opacity:0;transform:translate(24px,250px) rotate(260deg)}}
.pairing-tree-control{min-height:42px;padding:10px 18px;border:1px solid #779760;border-radius:10px;background:#263d25;color:#eaffd8;font:inherit;font-weight:750;cursor:pointer}.pairing-tree-control:hover{border-color:#b8f36e}.pairing-tree-control:focus-visible{outline:3px solid #c3f77d;outline-offset:3px}.pairing-tree-reveal[hidden],.pairing-tree-art[hidden]{display:none!important}.pairing-tree-reveal{display:grid;place-items:center;width:100%}.pairing-tree-reveal .setup-qr-frame{width:min(65vw,260px)}#pair-result .pairing-tree-reveal img{width:min(65vw,260px);height:auto;margin:0;background:#fff;padding:8px;border-radius:12px}@media(prefers-reduced-motion:reduce){.pairing-tree-leaf{animation:none;opacity:0}}

.pairing-tree-art{display:block;padding:0;cursor:pointer;font:inherit;color:inherit}.pairing-tree-art:focus-visible{outline:3px solid #c3f77d;outline-offset:3px}.pairing-tree-caption{position:absolute;z-index:5;top:14px;left:0;right:0;color:#d7fbbb;font-size:12px;font-weight:800;letter-spacing:.04em;text-align:center;pointer-events:none}.pairing-tree-shape{top:38px}.pairing-tree-control[hidden]{display:none!important}
/* The complete voxel scene stays in one fixed viewport during its morph. */
.pairing-tree-art{height:250px;background:#0c1610}.pairing-tree-canvas{display:block;width:100%;height:100%;object-fit:contain}.pairing-tree-reveal{min-height:250px}.pairing-tree-caption{top:12px}.pairing-tree-widget{min-width:0}
#pair-result .pairing-tree-reveal img{background:#ddf3cf;padding:0;filter:none}.pairing-colour-toggle{display:block;margin:10px auto;padding:8px 12px;font-size:12px}.pairing-colour-toggle[hidden]{display:none}

/* Mobile dashboard: keep controls reachable without horizontal page scrolling. */
@media (max-width:700px){
 .shell{width:100%;min-width:0;padding:calc(20px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
 .shell>header{display:flex;flex-direction:column;align-items:stretch;gap:18px;margin-bottom:22px}
 .shell>header>div:first-child,.header-controls,.banner,.panel,.devices,.device-row,.device-details,.dashboard-settings-modal,.settings-context,.settings-field{min-width:0;max-width:100%}
 .dashboard-brand{gap:7px;font-size:10px;letter-spacing:.1em}.dashboard-brand img{width:28px;height:28px;flex:none}.dashboard-brand small{font-size:9px}
 .shell>header h1{font-size:clamp(40px,11vw,56px);margin:20px 0 12px;overflow-wrap:anywhere}.intro{font-size:14px;line-height:1.5}
 .header-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;gap:8px;align-items:center;width:100%}
 .header-controls .language-picker,.header-controls .theme-picker{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px;font-size:10px;min-width:0}
 .header-controls .language-picker select,.header-controls .theme-picker select{width:100%;min-width:0;min-height:44px;margin:0;padding:8px 22px 8px 8px;font-size:16px}
 .header-controls .settings-icon{grid-column:3;grid-row:1;width:44px;height:44px}.header-controls .connection{grid-column:1;grid-row:2;min-height:40px;display:flex;align-items:center;justify-content:center;white-space:normal;text-align:center;line-height:1.3;font-size:9px}
 .header-controls .device-count{grid-column:2 / 4;grid-row:2;min-width:0;min-height:40px;justify-content:center;text-align:center;white-space:normal;font-size:11px}
 .banner{padding:14px;gap:12px;align-items:flex-start}.banner-icon{flex:none}.banner p{font-size:12px}.banner .tag{align-self:center}.panel{padding:18px;border-radius:12px}.device-heading{gap:14px}.device-heading .primary{min-height:44px;justify-content:center;width:100%;white-space:normal;text-align:center}
 .devices .device-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:14px 0}.devices .device-row input{width:100%;max-width:none;min-height:44px;font-size:16px}.devices .device-row button{min-height:44px;padding:9px 12px}.devices .device-details{grid-column:1 / -1;grid-row:2;min-width:0;order:initial;overflow-wrap:anywhere}.device-details small{line-height:1.4}
 #revoke{min-height:44px}#new-device-panel{min-width:0}#pair-form{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}#pair-form label{width:auto}#pair-form input{min-width:0;width:100%;min-height:46px;font-size:16px}#pair-form .primary{width:100%;min-height:46px;justify-content:center;text-align:center}.pairing-tree-widget{max-width:100%}#pair-result a{display:inline-block;max-width:100%;overflow-wrap:anywhere;padding:8px 0}.pairing-cancel,.pairing-colour-toggle{min-height:44px}
 .dashboard-settings-modal{width:calc(100% - 24px);max-width:680px;max-height:calc(100dvh - 24px);padding:18px;overscroll-behavior:contain}.settings-heading{position:sticky;top:-18px;z-index:2;background:var(--settings-surface);padding:4px 0 10px}.settings-heading button{min-width:44px;min-height:44px}.settings-tabs{max-width:100%;gap:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.settings-tabs button{flex:0 0 auto;min-height:44px}.settings-context-grid{grid-template-columns:minmax(0,1fr)}
 #suggestion-settings-form :is(select,input,textarea),.tunnel-controls select,.workspace input,.setup-controls input:not([type=checkbox]),.setup-controls select{font-size:16px}.tunnel-controls button,.settings-save,.workspace button{min-height:44px}
 .dashboard-stats .activity-chart-row{grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;margin:12px 0}.dashboard-stats .activity-chart-row span{grid-column:1 / -1;overflow-wrap:anywhere}.dashboard-stats .activity-chart-row progress{grid-column:1}.dashboard-stats .activity-chart-row strong{grid-column:2;min-width:2ch}
 .setup-dialog{width:100%;height:100dvh;overscroll-behavior:contain}.setup-screen{width:100%;padding:0 max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px))}.setup-header{gap:8px;padding-top:calc(14px + env(safe-area-inset-top,0px));flex-wrap:wrap}.setup-brand{min-width:0;font-size:11px}.setup-header-step{font-size:9px}.setup-language{min-width:0;min-height:44px;font-size:16px}.setup-main{padding:30px 0;min-width:0}.setup-content{width:100%;min-width:0}.setup-content h1{font-size:clamp(34px,9vw,46px)}.setup-description{font-size:14px}.setup-controls{max-width:100%;min-width:0}.setup-control-button,.setup-actions button{min-height:44px}.setup-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:8px}.setup-actions #setup-next{min-width:0}.setup-footer{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));gap:12px}.setup-steps{gap:8px}.setup-step span{width:30px;height:30px}
 footer{flex-wrap:wrap;gap:12px;margin-top:28px}
}
@media (max-width:390px){
 .header-controls .language-picker,.header-controls .theme-picker{grid-template-columns:minmax(0,1fr)}.header-controls .language-picker span,.header-controls .theme-picker span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .devices .device-row{grid-template-columns:1fr 1fr}.devices .device-row input{grid-column:1 / -1}.devices .device-details{grid-column:1 / -1;grid-row:auto}.devices .device-row button{width:100%}.setup-heading-logo{max-width:30%}.setup-actions button{padding:12px}
}
@media (max-width:390px){.devices .device-row .stop{grid-column:2;grid-row:2}.devices .device-details{grid-row:3}}