:root{color:#172033;font-synthesis:none;background:#f4f7fb;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#fff 0,#f6f8fc 48%,#eef3f8 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(24px + 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,.heroCard,.plexCard,.setupCard{background:#fffffff0;border:1px solid #e5eaf0;border-radius:25px;margin-bottom:14px;box-shadow:0 10px 32px #16223311}.remoteCard{background:linear-gradient(135deg,#fffdfb,#fff);border-color:#ffd9c2;padding:18px}.remoteCard.remoteOk{background:linear-gradient(135deg,#fbfffc,#fff);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}.heroCard{padding:17px}.heroTop{grid-template-columns:52px minmax(0,1fr) 38px;align-items:center;gap:12px;display:grid}.deviceGlyph{color:#fff;background:linear-gradient(145deg,#151922,#020305);border-radius:17px;place-items:center;width:52px;height:52px;display:grid;position:relative;overflow:hidden}.deviceGlyph svg{width:27px}.deviceGlyph span{background:#62e900;width:3px;height:70px;position:absolute;top:-9px;right:13px;transform:rotate(40deg);box-shadow:0 0 10px #65ff00}.eyebrow{letter-spacing:.13em;color:#8a94a4;text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:800}.heroIdentity h2{font-size:20px}.statusRow{flex-wrap:wrap;align-items:center;gap:9px;margin-top:7px;display:flex}.statusPill{text-transform:uppercase;letter-spacing:.04em;color:#7b8492;background:#f0f2f5;border-radius:999px;align-items:center;gap:6px;padding:5px 8px;font-size:11px;font-weight:800;display:inline-flex}.statusPill i{background:currentColor;border-radius:50%;width:7px;height:7px}.statusPill.online{color:#179643;background:#eaf8ef}.statusPill.sleeping{color:#4b6cb7;background:#edf3ff}.statusPill.offline{color:#9196a0;background:#f2f2f3}.ipText{color:#748094;font-size:12px}.refreshMini{color:#0878ee;background:#edf5ff;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.spin svg,.spinIcon{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.metricGrid{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.metric{background:#fafbfd;border:1px solid #e9edf2;border-radius:17px;align-items:center;gap:10px;min-width:0;padding:12px;display:flex}.metricIcon{color:#0878ee;background:#edf5ff;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;display:grid}.metricIcon svg{width:18px}.metric small{color:#8490a1;text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:750;display:block}.metric strong{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:14px;display:block;overflow:hidden}.metric em{color:#199143;margin-top:2px;font-size:10px;font-style:normal;display:block}.storageBlock{background:#fafbfd;border:1px solid #e9edf2;border-radius:17px;margin-top:11px;padding:12px}.storageHead{justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.storageHead>div{color:#667287;align-items:center;gap:7px;display:flex}.storageHead strong{font-size:12px}.storageBar{background:#e6ebf1;border-radius:999px;height:7px;margin-top:10px;overflow:hidden}.storageBar span{border-radius:inherit;background:linear-gradient(90deg,#1788ff,#19a974);height:100%;display:block}.storageFoot{color:#8b95a5;justify-content:space-between;margin-top:5px;font-size:10px;display:flex}.buildDetails{color:#728096;margin-top:10px;font-size:11px}.buildDetails summary{cursor:pointer;font-weight:700}.buildDetails code{word-break:break-all;color:#596476;background:#f4f6f9;border-radius:10px;margin-top:7px;padding:8px;display:block}.plexCard{border-color:#f0e1c6;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:15px 16px;display:grid}.plexBadge{color:#e5a41b;background:#1c1e22;border-radius:15px;place-items:center;width:48px;height:48px;font-size:20px;display:grid}.plexMain h2{font-size:18px}.plexMeta{color:#738093;flex-wrap:wrap;align-items:center;gap:7px;margin-top:6px;font-size:12px;display:flex}.plexMeta strong{color:#8a8f98}.plexOnline .plexMeta strong{color:#179643}.miniDot{background:#aeb4bd;border-radius:50%;width:8px;height:8px}.miniDot.good{background:#20c54d;box-shadow:0 0 0 3px #ddf7e5}.serverMeta{color:#7b8797;border-top:1px solid #eceff3;grid-column:1/3;align-items:center;gap:7px;margin-top:2px;padding-top:10px;font-size:11px;display:flex}.operationBanner{color:#146bbd;background:#eef6ff;border:1px solid #d1e6ff;border-radius:15px;align-items:center;gap:9px;margin:0 0 14px;padding:11px 13px;font-size:13px;font-weight:700;display:flex}.operationBanner span{flex:1}.sectionTitle{color:#747f90;text-transform:uppercase;letter-spacing:.1em;margin:18px 4px 9px;font-size:11px;font-weight:850}.dangerTitle{color:#b96a6a}.actionGrid{grid-template-columns:1fr 1fr;gap:12px;margin:0 0 14px;display:grid}.action{color:#182235;background:#fff;border:1px solid #e7ebf0;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:122px;display:flex;box-shadow:0 7px 23px #1622330e}.actionIcon{color:#0878ee;background:#edf5ff;border-radius:50%;place-items:center;width:54px;height:54px;display:grid}.actionIcon svg{width:29px;height:29px}.action strong{font-size:16px}.plexAction .actionIcon{color:#ff641b;background:#fff0e9}.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;white-space:nowrap;text-overflow:ellipsis;background:#111827;border-radius:999px;max-width:calc(100% - 30px);padding:11px 16px;font-size:13px;position:fixed;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 30px #0003}.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 (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}.metric{padding:10px 9px}.metricIcon{width:31px;height:31px}.metric strong{font-size:13px}.action{min-height:114px}.action strong{font-size:15px}.actionIcon{width:50px;height:50px}.heroCard{padding:14px}.heroTop{grid-template-columns:48px minmax(0,1fr) 34px}.deviceGlyph{width:48px;height:48px}.heroIdentity h2{font-size:18px}}@media (prefers-color-scheme:dark){:root{color:#f3f5f8;background:#06080c}body{background:linear-gradient(#080a0f,#020306)}.remoteCard,.heroCard,.plexCard,.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,.ipText,.plexMeta,.serverMeta,.help,.confirm p{color:#9ca6b5}.iconButton,.refreshMini,.actionIcon,.metricIcon{background:#13273f}.metric,.storageBlock{background:#101319;border-color:#242a34}.buildDetails code{color:#aab3c2;background:#0e1117}.plexCard{border-color:#3b3327}.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{color:#fff;background:#151820f7;border-color:#2b303a}.installCopy p,.installStep p{color:#a5aebb}.testButton{background:#102137;border-color:#1e3d64}.operationBanner{color:#8fc3ff;background:#102137;border-color:#1e3d64}.storageBar{background:#272d36}}