:root{color:#172033;font-synthesis:none;background:#f5f7fb;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#fff 0,#f6f8fc 52%,#f2f5f9 100%);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.appShell{width:min(100%,620px);padding:calc(18px + env(safe-area-inset-top)) 16px calc(22px + env(safe-area-inset-bottom));margin:auto}.top{justify-content:space-between;align-items:flex-start;gap:12px;margin:4px 3px 20px;display:flex}.brand{flex:1;min-width:0}.brand img{width:min(390px,92%);height:auto;margin-bottom:6px;display:block}.brand p{color:#667085;margin:0;font-size:14px}.iconButton{color:#0878ee;background:#edf5ff;border:0;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid}.remoteCard,.deviceCard,.setupCard{background:#ffffffeb;border:1px solid #e6eaf0;border-radius:25px;margin-bottom:14px;box-shadow:0 8px 28px #16223311}.remoteCard{background:linear-gradient(135deg,#fffdfb,#fff);border-color:#ffd9c2;padding:18px}.remoteCard.remoteOk{border-color:#d7f0df}.remoteHead{align-items:flex-start;gap:13px;display:flex}.remoteIcon{color:#ff641b;background:#fff0e6;border-radius:50%;flex:none;place-items:center;width:58px;height:58px;display:grid}.grow{flex:1;min-width:0}h2{letter-spacing:-.45px;margin:0 0 2px;font-size:21px}.remoteHead strong{font-size:17px}.remoteHead p{color:#718096;margin:7px 0 0;font-size:13px;line-height:1.42}.orangeText{color:#ff5c14}.greenText{color:#15a145}.tailscaleButton{color:#fff;background:linear-gradient(#1788ff,#0569e8);border:0;border-radius:16px;grid-template-columns:30px 1fr 24px;align-items:center;width:100%;min-height:55px;margin-top:17px;padding:0 17px;font-size:17px;font-weight:700;display:grid}.dotGrid{opacity:.9;font-size:28px;line-height:1}.modePill{color:#15813d;background:#ebf8ef;border-radius:999px;align-items:center;gap:6px;margin-top:14px;padding:7px 10px;font-size:12px;font-weight:700;display:inline-flex}.setupCard{background:#fff9ef;border-color:#ffe1ad;padding:15px 16px}.setupCard strong{color:#8c5000;display:block}.setupCard p{color:#7b6b54;margin:4px 0 10px;font-size:13px}.setupCard button{color:#fff;background:#ff921e;border:0;border-radius:10px;padding:8px 12px;font-weight:750}.deviceCard{grid-template-columns:105px minmax(0,1fr) 38px;align-items:center;gap:10px;padding:16px;display:grid}.shieldArt{height:135px;position:relative}.shieldShape{clip-path:polygon(16% 2%,93% 0,100% 70%,55% 100%,0 86%,3% 20%);background:linear-gradient(145deg,#222,#050505 55%,#2c2c2c);width:72px;height:122px;position:absolute;top:4px;left:5px;box-shadow:0 5px 15px #0003}.greenSlash{background:#71ff00;width:3px;height:75px;position:absolute;top:18px;left:40px;transform:rotate(-42deg);box-shadow:0 0 8px #75ff00}.remoteShape{background:#222;border-radius:10px;width:24px;height:112px;position:absolute;top:15px;right:0;box-shadow:0 4px 9px #0003}.remoteShape i{background:#666;border-radius:50%;width:5px;height:5px;margin:12px auto -6px;display:block}.deviceInfo h2{font-size:20px}.state{color:#8a8f98;align-items:center;gap:6px;margin-top:6px;font-size:14px;display:flex}.state span{background:#bbb;border-radius:50%;width:10px;height:10px}.state.ok{color:#14a03b}.state.ok span{background:#20c54d;box-shadow:0 0 0 3px #ddf7e5}.ip{color:#65718a;margin:5px 0 0;font-size:14px}.separator{background:#e6e9ee;height:1px;margin:8px 0}.plexLine{color:#5d6677;align-items:center;gap:6px;font-size:14px;display:flex}.plexMark{color:#efaa19;background:#202124;border-radius:50%;place-items:center;width:23px;height:23px;font-size:11px;display:grid}.refreshMini{color:#0878ee;background:#edf5ff;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.actionGrid{grid-template-columns:1fr 1fr;gap:12px;margin:3px 0 14px;display:grid}.action{color:#182235;background:#fff;border:1px solid #e7ebf0;border-radius:23px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:136px;display:flex;box-shadow:0 7px 23px #1622330f}.actionIcon{color:#0878ee;background:#edf5ff;border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.actionIcon svg{width:31px;height:31px}.action strong{font-size:18px}.plexAction .actionIcon{color:#ff641b;background:#fff0e9}.plexAction .actionIcon:after{content:""}.shutdownButton{color:#ef2323;background:#fff9f9;border:1px solid #ffd0d0;border-radius:18px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:52px;font-size:16px;font-weight:750;display:flex}.infoNote{color:#596881;background:#f6faff;border:1px solid #d9e8ff;border-radius:17px;align-items:flex-start;gap:10px;margin:13px 0 18px;padding:12px 14px;font-size:12px;line-height:1.45;display:flex}.infoNote svg{color:#0878ee;flex:none}footer{color:#8b94a5;justify-content:center;align-items:center;gap:13px;font-size:12px;display:flex}footer span{background:#d9dee7;width:88px;height:1px}.overlay{z-index:50;background:#060c1661;justify-content:center;align-items:flex-end;padding:18px;display:flex;position:fixed;inset:0}.sheet,.confirm{background:#fff;border-radius:27px;width:min(100%,560px);padding:20px;box-shadow:0 24px 80px #0004}.sheetHead{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.closeBtn{color:#5f6978;background:#f1f3f6;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.sheet label{margin:14px 0 6px;font-size:13px;font-weight:700;display:block}.sheet select,.sheet input{color:#172033;background:#f9fafb;border:1px solid #dfe4ea;border-radius:13px;width:100%;padding:12px 13px}.help{color:#7c8798;margin:7px 2px 0;font-size:12px;line-height:1.4}.sheetActions,.confirmActions{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.ghost,.save,.danger{border:0;border-radius:13px;min-height:45px;font-weight:750}.ghost{color:#273142;background:#f0f2f5}.save{color:#fff;background:#0878ee}.danger{color:#fff;background:#e82727}.confirm h2{margin-bottom:8px}.confirm p{color:#6e7889;margin:0;font-size:14px;line-height:1.45}.toast{left:50%;bottom:calc(25px + env(safe-area-inset-bottom));z-index:80;color:#fff;background:#111827;border-radius:999px;padding:11px 16px;font-size:13px;position:fixed;transform:translate(-50%);box-shadow:0 8px 30px #0003}@media (width<=430px){.appShell{padding-left:13px;padding-right:13px}.brand img{width:min(330px,92%)}.brand p{font-size:13px}.iconButton{width:42px;height:42px}.deviceCard{grid-template-columns:92px minmax(0,1fr) 34px;padding:14px 12px}.shieldArt{transform-origin:0;width:92px;transform:scale(.88)}.deviceInfo h2{font-size:18px}.action{min-height:124px}.action strong{font-size:17px}.actionIcon{width:54px;height:54px}}@media (prefers-color-scheme:dark){:root{color:#f3f5f8;background:#06080c}body{background:linear-gradient(#080a0f,#020306)}.remoteCard,.deviceCard,.setupCard,.action,.sheet,.confirm{color:#f3f5f8;background:#151820;border-color:#252a34}.remoteCard{background:#181513;border-color:#493020}.remoteCard.remoteOk{background:#121a15;border-color:#254631}.brand p,.remoteHead p,.ip,.plexLine,.help,.confirm p{color:#9ca6b5}.iconButton,.refreshMini,.actionIcon{background:#13273f}.setupCard{background:#231c12}.shutdownButton{background:#211313;border-color:#4a2424}.infoNote{color:#aab5c5;background:#101923;border-color:#203852}.sheet select,.sheet input{color:#fff;background:#0e1117;border-color:#2c313c}.closeBtn,.ghost{color:#fff;background:#262b35}}.installBanner{left:14px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border:1px solid #00000014;border-radius:21px;grid-template-columns:48px 1fr 26px;align-items:start;gap:11px;max-width:570px;margin:auto;padding:14px;display:grid;position:fixed;box-shadow:0 18px 55px #0000002e}.installBanner img{border-radius:12px;width:48px;height:48px}.installCopy strong{font-size:15px;display:block}.installCopy p{color:#70798a;margin:4px 0 0;font-size:12px;line-height:1.4}.installClose{color:#7d8795;background:0 0;border:0;font-size:25px;line-height:1}.installActions{grid-column:1/4;grid-template-columns:1fr 1fr;gap:9px;margin-top:2px;display:grid}.installActions button{min-height:42px}.installSheet{padding-bottom:24px}.installStep{grid-template-columns:30px 1fr;gap:10px;margin-top:17px;display:grid}.installStep>span{color:#fff;background:#0878ee;border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:grid}.installStep strong{margin-bottom:4px;display:block}.installStep p{color:#6f7988;margin:0 38px 7px 0;font-size:13px;line-height:1.45}.installStep svg{color:#0878ee}.testButton{color:#0878ee;background:#f3f8ff;border:1px solid #cfe1fa;border-radius:12px;width:100%;min-height:43px;margin-top:15px;font-weight:750}@media (prefers-color-scheme:dark){.installBanner{color:#fff;background:#151820f7;border-color:#2b303a}.installCopy p,.installStep p{color:#a5aebb}.testButton{background:#102137;border-color:#1e3d64}}