@charset "UTF-8";
:root{color-scheme:light;--bg:#f3f3ee;--surface:#fdfdfa;--text:#202324;--muted:#747876;--line:#dedfd8;--line-strong:#b8bdb5;--accent:#3558f7;--accent-soft:#e4e9ff;--good:#42816a;--warn:#a46e29;--bad:#b44d45;--glass:var(--surface);--shadow:0 16px 40px #2027240c;--spring:cubic-bezier(.2,.8,.2,1);--font:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Helvetica Neue",sans-serif}
:root[data-theme="dark"]{color-scheme:dark;--bg:#141617;--surface:#202324;--text:#f5f5ee;--muted:#a0a59f;--line:#303536;--line-strong:#525b58;--accent:#aebeff;--accent-soft:#2c344d;--good:#8cbea8;--warn:#e2bb83;--bad:#edaaa4;--shadow:0 16px 40px #0002}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased;overflow-x:clip;transition:background .35s,color .35s}body:has(dialog[open]){overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;color:inherit;border:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input:focus{outline:none}button:disabled{opacity:.5;cursor:wait}img,svg{display:block}button svg{pointer-events:none}[hidden]{display:none!important}::selection{background:#b8c4ff;color:#141b36}.weather-sprite{position:absolute;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:100px;z-index:100;background:var(--text);color:var(--bg);padding:10px 16px;border-radius:10px;transform:translateY(-160%)}.skip-link:focus{transform:none}
.rail{position:fixed;z-index:30;left:0;top:0;bottom:0;width:78px;display:flex;align-items:center;flex-direction:column;background:var(--surface);border-right:1px solid var(--line);padding:24px 0 20px;gap:33px}.rail-brand{display:block;width:38px;height:38px;border-radius:13px}.rail-brand img{width:100%;height:100%}.rail-nav{display:flex;flex-direction:column;gap:13px}.rail-nav a,.rail-bottom>button{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;color:var(--muted);background:none;position:relative;transition:color .2s,background .2s,transform .3s var(--spring)}.rail-nav a svg,.rail-bottom>button svg{width:21px;height:21px}.rail-nav a.active{background:var(--accent-soft);color:var(--accent)}.rail-nav a.active:before{content:"";width:3px;height:15px;background:var(--accent);position:absolute;left:-18px;top:14px;border-radius:2px}.rail-nav a:hover,.rail-bottom>button:hover{background:var(--bg);color:var(--text);transform:translateY(-2px)}.rail-bottom{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:auto}.rail-year{writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:4px}.theme-picker{position:relative}#theme{width:42px;height:42px;padding:0;display:flex;align-items:center;justify-content:center;background:none;border-radius:13px;color:var(--muted);font-size:24px}#theme:hover{background:var(--bg)}#theme-label{display:none}.theme-menu{position:absolute;left:55px;bottom:0;min-width:185px;border:1px solid var(--line);border-radius:17px;padding:8px;background:var(--surface);box-shadow:var(--shadow);z-index:100}.theme-menu-title{display:block;font-size:10px;color:var(--muted);padding:8px 10px}.theme-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;text-align:left;background:none;border-radius:10px;font-size:14px}.theme-menu button:hover{background:var(--bg)}.theme-menu button>span{flex:1}.theme-menu small{display:block;color:var(--muted);font-size:10px}.theme-menu i{font-style:normal;color:var(--accent);opacity:0}.theme-menu [aria-pressed="true"] i{opacity:1}
.shell{max-width:1550px;width:calc(100% - 174px);margin:0 48px 0 126px}.workspace-header{display:flex;align-items:center;gap:35px;height:83px;border-bottom:1px solid var(--line)}.wordmark{font-size:24px;font-weight:650;letter-spacing:-1px;line-height:1}.wordmark-dot{color:#3558f7}.top-links{display:flex;gap:25px;font-size:12px;color:var(--muted);margin-left:10px;height:100%;align-items:center}.top-links a{height:100%;display:flex;align-items:center;position:relative}.top-links a.active{color:var(--text)}.top-links a.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--text)}.header-live{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);white-space:nowrap}.header-live i{width:5px;height:5px;border-radius:50%;background:var(--muted)}.header-live[data-state="online"] i{background:var(--good)}.header-live[data-state="attention"] i{background:var(--warn)}.domain{font-size:9px;color:var(--muted);border-left:1px solid var(--line);padding-left:19px;letter-spacing:.2px}
.workspace-intro{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:33px 0 34px}.eyebrow{font-size:11px;letter-spacing:.5px;color:var(--muted);margin:0 0 7px}h1{font-size:clamp(28px,2.6vw,42px);line-height:1.2;font-weight:550;letter-spacing:-1.8px;margin:0}h1 span{color:var(--muted);font-weight:400}.context{display:flex;align-items:center;gap:27px;flex:none}.hero-clock{min-width:122px;padding-right:25px;border-right:1px solid var(--line)}.clock-city{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:var(--muted)}.clock-city>span{font-size:6px;opacity:.7}#clock{display:block;font-size:32px;line-height:1.25;font-weight:400;letter-spacing:-1.3px;font-variant-numeric:tabular-nums}#date{display:block;font-size:8px;color:var(--muted);white-space:nowrap}.weather-widget{width:180px}.weather-top{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.weather-city{font-size:8px}.weather-current{display:flex;align-items:center;gap:6px;margin-top:2px}.weather-icon{width:34px;height:34px}.weather-current strong{font-size:28px;font-weight:400;letter-spacing:-1px}.weather-current small{font-size:10px;vertical-align:top;position:relative;top:4px;margin-left:2px;color:var(--muted)}.weather-range{display:flex;flex-direction:column;font-size:7px;margin-left:auto;color:var(--muted);gap:1px}.weather-bottom{display:flex;justify-content:space-between;gap:7px;font-size:7px;color:var(--muted);margin-top:2px}.weather-bottom a{font-size:6px;opacity:.6}.weather-meta{display:none}
section{scroll-margin-top:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.section-title{display:flex;align-items:center;gap:10px}h2{font-size:21px;font-weight:550;line-height:1.25;letter-spacing:-.65px;margin:0}.section-title>span,#service-count{font-size:10px;color:var(--muted);min-width:23px;height:23px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:7px;font-weight:400;letter-spacing:0}.search{width:220px;height:35px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--muted);transition:border-color .2s,box-shadow .2s}.search:focus-within{border-color:var(--line-strong);box-shadow:0 0 0 3px var(--accent-soft)}.search svg{height:15px;width:15px;flex:none}.search input{width:100%;min-width:0;background:none;border:0;font-size:11px;color:var(--text)}.search input::placeholder{color:var(--muted)}.search kbd{border:1px solid var(--line);border-radius:4px;width:17px;text-align:center;line-height:17px;flex:none;font:10px var(--font)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.filters{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.filters button{font-size:11px;background:none;color:var(--muted);border-radius:8px;padding:7px 14px;transition:background .25s,color .25s}.filters button:first-child{margin-left:-3px}.filters button.selected{background:var(--text);color:var(--bg)}.filters button:hover:not(.selected){background:var(--surface);color:var(--text)}.network{display:flex;border:1px solid var(--line);padding:3px;border-radius:9px;background:var(--surface);flex:none}.network button{font-size:10px;padding:4px 12px;border-radius:6px;background:none;color:var(--muted);transition:background .25s,color .25s}.network button.selected{background:var(--accent-soft);color:var(--accent)}
.cards{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;position:relative;isolation:isolate}.app-tile{grid-column:span 2;height:146px;position:relative;border-radius:21px;transform-origin:0 0;min-width:0;--tile-bg:var(--surface);--tile-text:var(--text);--tile-wash:#dce4ff;--tile-line:#d2ddf9;z-index:0}.app-tile[data-tone="mint"]{--tile-wash:#c8e8d2;--tile-line:#9dcbb1}.app-tile[data-tone="lavender"]{--tile-wash:#d9cff2;--tile-line:#c0afe6}.app-tile[data-tone="cobalt"],.app-tile[data-tone="sky"]{--tile-wash:#d3e4fc;--tile-line:#a5c2ed}.app-tile[data-tone="rose"]{--tile-wash:#f0d9d2;--tile-line:#e4b9b2}.app-tile[data-tone="aqua"]{--tile-wash:#d4ebec;--tile-line:#a9d5d7}.app-tile[data-tone="sand"]{--tile-wash:#efe5d4;--tile-line:#d8c3a1}.app-tile[data-tone="orange"]{--tile-wash:#f3dba6;--tile-line:#dfbf7f}.app-tile[data-tone="stone"]{--tile-wash:#e1e4df;--tile-line:#c6cfc0}
.app-link{height:100%;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;position:relative;border-radius:inherit;padding:20px 20px 17px;overflow:hidden;background:var(--tile-bg);color:var(--tile-text);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);transition:transform .45s var(--spring),box-shadow .45s,background .35s,border-color .3s;isolation:isolate;transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
.app-icon{width:63px;height:63px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;transition:transform .5s var(--spring);transform:translate(var(--tx,0px),var(--ty,0px))}.app-icon img{width:100%;height:100%;object-fit:contain;image-rendering:auto;max-width:none;filter:none}.app-name{font-size:13px;font-weight:500;letter-spacing:-.3px;line-height:1.3;z-index:2;white-space:nowrap;max-width:100%}.letter{font-size:40px;font-weight:500}.service-dot{position:absolute;top:21px;left:20px;width:5px;height:5px;border-radius:50%;background:var(--muted);z-index:3;opacity:.8;transform:translate(65px,0)}.app-tile[data-health="online"] .service-dot{background:var(--good)}.app-tile[data-health="slow"] .service-dot{background:var(--warn)}.app-tile[data-health="offline"] .service-dot{background:var(--bad)}.app-tile[data-health="unknown"] .service-dot{opacity:.35}.pin{position:absolute;right:9px;top:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;color:var(--muted);z-index:4;opacity:0;transition:opacity .2s,background .2s,color .2s}.pin svg{height:12px;width:12px;fill:none;stroke:currentColor;stroke-width:1.5}.pin.pinned{opacity:.7}.pin.pinned svg{fill:currentColor;stroke-width:0}.pin:hover,.pin:focus-visible{opacity:1!important;background:#00000009;color:var(--tile-text)}.app-tile:focus-within .pin{opacity:1}.tile-art{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;opacity:0;z-index:0;transition:opacity .5s}.tile-art:before{content:"";position:absolute;right:-25px;top:-65px;width:190px;height:190px;border:1px solid var(--tile-line);border-radius:50%;box-shadow:0 0 0 26px color-mix(in srgb,var(--tile-line) 10%,transparent),0 0 0 52px color-mix(in srgb,var(--tile-line) 10%,transparent);transition:transform .8s var(--spring);transform:translate(calc(var(--tx,0px) * -2),calc(var(--ty,0px) * -2))}
.is-featured{height:228px;--tile-bg:var(--tile-wash);--tile-text:#25342b;--good:#346b51;--muted:#4f6558}.is-featured .app-link{border:0;padding:27px 28px;justify-content:flex-end;box-shadow:none}.is-featured .app-icon{position:absolute;right:20px;top:19px;width:137px;height:137px;transform:translate(var(--tx,0px),var(--ty,0px)) rotate(-9deg);transform-origin:50% 60%}.is-featured .app-name{font-size:29px;font-weight:550;letter-spacing:-1px}.is-featured .tile-art{opacity:.65}.is-featured .pin{right:15px;top:14px;color:#25342b;opacity:.55}.is-featured .service-dot{transform:none;left:29px;top:28px;width:6px;height:6px}.is-featured[data-tone="lavender"]{--tile-text:#3c2c55;--muted:#58466d;--good:#67527e}.is-featured[data-tone="cobalt"]{--tile-bg:#3657f4;--tile-text:#fff;--tile-line:#97acff;--muted:#c7d4ff;--good:#d3e6ff}.is-featured[data-tone="cobalt"] .pin{color:#fff}.is-featured[data-tone="cobalt"] .tile-art:before{border-width:35px;border-radius:29%;box-shadow:0 0 0 35px #d5dfff10;width:235px;height:235px;top:-85px;right:-90px;rotate:-25deg}.is-featured[data-tone="lavender"] .tile-art:before{border-radius:45px;rotate:32deg;border-width:1px;width:175px;height:175px;right:-10px;top:-95px;box-shadow:0 0 0 28px #b5a0d319,0 0 0 56px #b5a0d319}.is-featured[data-tone="lavender"] .app-icon{rotate:6deg}.is-featured[data-tone="cobalt"] .app-icon{width:115px;height:115px;top:25px;right:20px;rotate:10deg}
.cards[data-feature-count="3"] .feature-1{grid-column:span 5}.cards[data-feature-count="3"] .feature-2{grid-column:span 4}.cards[data-feature-count="3"] .feature-3{grid-column:span 3}.cards[data-feature-count="2"] .is-featured{grid-column:span 6}.cards[data-feature-count="1"] .is-featured{grid-column:span 12}.cards[data-layout="bento"] .app-tile:not(.is-featured):last-child{grid-column:span 4;--tile-bg:#f3dba6;--tile-text:#503d1a}.cards[data-layout="bento"] .app-tile:not(.is-featured):last-child .app-icon{position:absolute;right:24px;top:22px;width:93px;height:93px}.cards[data-layout="bento"] .app-tile:not(.is-featured):last-child .app-link{justify-content:flex-end;padding:23px 25px}.cards[data-layout="bento"] .app-tile:not(.is-featured):last-child .app-name{font-size:23px}.cards[data-layout="bento"] .app-tile:not(.is-featured):last-child .service-dot{transform:none;left:25px;top:25px}.cards[data-layout="compact"] .app-tile:not(.is-featured){grid-column:span 3}
.app-tile:not(.is-featured)[data-health-id="pdf"]{--tile-bg:#f1dcd6;--tile-text:#5b3b35}.app-tile:not(.is-featured)[data-health-id="moontv"]{--tile-bg:#d5e8e8;--tile-text:#1b434c}.app-tile:not(.is-featured)[data-health-id="openclaw"]{--tile-bg:#eecfc4;--tile-text:#55362f}.app-tile[data-health-id="teslamate"] .app-icon{width:57px;height:63px}.home-alerts{display:grid;gap:8px;margin-bottom:14px}.home-alert{display:flex;gap:9px;align-items:center;padding:12px 15px;border:1px solid color-mix(in srgb,var(--warn) 30%,transparent);border-radius:11px;background:color-mix(in srgb,var(--warn) 8%,var(--bg));font-size:12px;color:var(--warn)}.home-alert i{height:5px;width:5px;flex:none;border-radius:50%;background:currentColor}.home-alert[data-level="critical"]{color:var(--bad)}#empty{text-align:center;padding:55px 25px;color:var(--muted)}#empty strong{font-weight:500;color:var(--text);font-size:18px}#empty p{font-size:12px}
.system-status{padding-top:34px;margin-top:28px;border-top:1px solid var(--line)}.system-status .section-heading .eyebrow{display:none}.section-note{font-size:10px;color:var(--muted);letter-spacing:.6px}.status-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.telemetry{border:1px solid var(--line);background:var(--surface);border-radius:19px;overflow:hidden;min-width:0;position:relative;transition:border-color .25s,background .25s}.telemetry[open]{grid-column:1/-1;order:2;border-color:var(--line-strong)}.status-stack:has(details[open]){grid-template-columns:repeat(2,minmax(0,1fr))}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}.telemetry-heading{padding:21px;display:grid;grid-template-columns:1fr;gap:15px;min-height:182px;position:relative;user-select:none}.telemetry-brand{display:flex;align-items:center;gap:10px}.telemetry-logo{height:30px;width:30px;display:flex;align-items:center;justify-content:center;color:var(--muted);border:1px solid var(--line);border-radius:9px;flex:none}.telemetry-logo svg{height:20px;width:20px}.surge-logo{font-size:18px;font-weight:650;font-style:italic}.telemetry-eyebrow{font-size:7px;color:var(--muted);letter-spacing:1.2px;display:block;margin-bottom:3px}.telemetry h2{font-size:15px;letter-spacing:-.3px}.drawer-brief{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.telemetry-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;color:var(--muted);margin-top:auto}.connection-badge,.surge-state{display:flex;align-items:center;gap:5px;font-size:9px}.connection-badge i{width:4px;height:4px;display:block;border-radius:50%;background:var(--muted)}[data-state="online"]>.telemetry-heading .connection-badge i{background:var(--good)}[data-state="stale"]>.telemetry-heading .connection-badge i,[data-state="offline"]>.telemetry-heading .connection-badge i{background:var(--warn)}.drawer-chevron{width:22px;height:22px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .35s var(--spring)}.drawer-chevron svg{width:15px;height:15px}.telemetry[open] .drawer-chevron{transform:rotate(180deg)}.telemetry[open] .telemetry-heading{min-height:80px;display:flex;align-items:center;gap:26px}.telemetry[open] .telemetry-brand{min-width:170px}.telemetry[open] .drawer-brief{flex:1}.telemetry[open] .telemetry-controls{margin:0;gap:20px}.telemetry-glow{display:none}.status-body{border-top:1px solid var(--line);padding:0 20px 18px}.drawer-actions{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);padding:14px 0}.drawer-actions button{width:27px;height:27px;background:var(--bg);border:1px solid var(--line);border-radius:7px;font-size:17px;color:var(--text);line-height:1}
.overview-number{display:flex;align-items:baseline;gap:4px;color:var(--text);line-height:1.2}.overview-number strong{font-size:36px;font-weight:400;letter-spacing:-1.6px;font-variant-numeric:tabular-nums}.overview-number strong small{font-size:12px;color:var(--muted);letter-spacing:0;margin-left:4px}.overview-label{font-size:9px;color:var(--muted);margin-left:auto;padding-left:8px}.telemetry[open] .overview-number{display:none}.telemetry-heading:after{content:"";position:absolute;left:21px;right:21px;bottom:0;height:2px;transform:scaleX(var(--overview-level,0));transform-origin:left;background:var(--good);opacity:.5;transition:transform 1s var(--spring)}
.sites{padding-top:31px;margin-top:5px}.bookmarks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.bookmarks a{display:flex;align-items:center;gap:13px;padding:16px 19px;border:1px solid var(--line);border-radius:15px;background:var(--surface);transition:border-color .25s,transform .35s var(--spring),background .25s}.bookmarks img{width:34px;height:34px;object-fit:contain;flex:none}.bookmarks strong{font-size:13px;font-weight:500;letter-spacing:-.2px}.bookmarks a:hover{transform:translateY(-3px);border-color:var(--line-strong);background:var(--bg)}
.service-overview{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:9px;padding:25px 0 22px}.service-overview>span{display:flex;align-items:center;gap:6px}.service-overview>span:before{content:"";height:4px;width:4px;flex:none;border-radius:50%;background:var(--muted)}#services-summary[data-state="online"]:before{background:var(--good)}#services-summary[data-state="attention"]:before{background:var(--warn)}.maintenance-summary{display:flex;flex-wrap:wrap;gap:12px 17px}.maintenance-chip{display:flex;gap:5px;align-items:center;font-size:8px}.maintenance-chip i{width:3px;height:3px;border-radius:50%;background:var(--good)}.maintenance-chip[data-state="warning"] i{background:var(--warn)}.maintenance-chip[data-state="critical"] i{background:var(--bad)}footer{border-top:1px solid var(--line);padding:21px 0 27px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:9px}.footer-note{font-size:7px;letter-spacing:1.2px}#motion-toggle{display:flex;align-items:center;gap:6px;font-size:9px;background:none;color:var(--muted);padding:7px}#motion-toggle i{display:block;width:4px;height:4px;border-radius:50%;background:var(--good)}#motion-toggle[aria-pressed="false"] i{background:var(--muted)}#toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);opacity:0;pointer-events:none;max-width:calc(100% - 40px);background:var(--surface);color:var(--text);padding:12px 18px;border-radius:11px;border:1px solid var(--line);box-shadow:var(--shadow);font-size:12px;transition:opacity .2s,transform .3s var(--spring);z-index:120}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(hover:hover) and (pointer:fine){.app-tile:hover{z-index:5}.app-tile:hover .app-link{transform:perspective(800px) translateY(-5px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));box-shadow:0 16px 35px #171e2914;border-color:color-mix(in srgb,var(--tile-line) 70%,var(--line))}.app-tile:hover .tile-art{opacity:1}.app-tile:hover .pin{opacity:.7}.app-tile:hover .app-icon{transform:translate(var(--tx,0px),calc(var(--ty,0px) - 3px)) scale(1.04)}.is-featured:hover .app-icon{transform:translate(var(--tx,0px),calc(var(--ty,0px) - 3px)) rotate(-3deg) scale(1.06)}.app-tile:not(.is-featured):hover .app-link{background:color-mix(in srgb,var(--tile-wash) 22%,var(--surface))}.app-link:active{transform:scale(.975)!important;transition:transform .15s}.telemetry-heading:hover{background:color-mix(in srgb,var(--accent-soft) 20%,transparent)}}
html.motion-paused{scroll-behavior:auto}html.motion-paused *,html.motion-paused *:before,html.motion-paused *:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html.page-hidden *,html.page-hidden *:before,html.page-hidden *:after{animation-play-state:paused!important}

/* Retained live metric components */
.telemetry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.telemetry-card{border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--bg) 40%,transparent);padding:17px 18px 13px;min-width:0}.telemetry-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);gap:8px}.metric-chip{font-size:10px;color:var(--muted);padding:2px 5px;border:1px solid var(--line);border-radius:5px;white-space:nowrap}.telemetry-number{display:flex;justify-content:space-between;align-items:baseline;gap:6px;margin-top:13px}.telemetry-number strong{font-size:36px;line-height:1.1;font-weight:350;letter-spacing:-1.5px;white-space:nowrap;font-variant-numeric:tabular-nums}.telemetry-number strong small{font-size:12px;letter-spacing:0;color:var(--muted);margin-left:5px}.metric-code{font-size:6px;letter-spacing:1px;color:var(--muted);text-align:right}.cpu-chart{height:30px;margin:11px 0 0}.cpu-chart svg{width:100%;height:100%;overflow:visible}.chart-grid{stroke:var(--line);fill:none;stroke-width:.5}#cpu-line{stroke:var(--accent)}#cpu-dot{fill:var(--accent)}.telemetry-track,.mac-cpu-track{height:5px;background:var(--line);border-radius:5px;margin-top:27px;position:relative;overflow:hidden}.telemetry-track>i,.mac-cpu-track>i{display:block;height:100%;width:0;background:var(--accent);border-radius:5px;transition:width .9s var(--spring);box-shadow:0 0 10px var(--accent-soft)}.telemetry-track>span{display:none}.telemetry-detail{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted);margin-top:13px}.telemetry-extra{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:12px;margin-top:12px}.telemetry-mini{min-width:0;border:1px solid var(--line);border-radius:12px;padding:13px 16px}.mini-number{margin-top:8px;line-height:1.3}.mini-number strong{font-weight:400;font-size:22px;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.mini-number small{font-size:10px;color:var(--muted);margin-left:3px}.mini-note{font-size:9px;color:var(--muted);margin-top:7px;line-height:1.5}.mini-symbol{font-size:12px;color:var(--accent)}.uptime-number strong{font-size:19px}.network-rates{display:flex;gap:22px;margin-top:9px}.network-rates>div{display:flex;flex-direction:column;gap:4px}.rate-direction{font-size:9px;color:var(--muted)}.network-rates strong{font-size:19px;font-weight:400;letter-spacing:-.6px;white-space:nowrap;font-variant-numeric:tabular-nums}.network-rates strong small{font-size:8px;letter-spacing:0;margin-left:3px;color:var(--muted)}.telemetry-footer{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:var(--muted);margin-top:15px}.telemetry-footer>span:first-child{display:flex;align-items:center;gap:6px}.telemetry-pulse{width:4px;height:4px;background:var(--good);border-radius:50%}.mac-cpu-track{margin-top:27px;margin-bottom:12px}#mac-pressure[data-level="critical"]{color:var(--bad)}#mac-pressure[data-level="warning"]{color:var(--warn)}#mac-thermal[data-level="serious"],#mac-thermal[data-level="critical"]{color:var(--warn)}.surge-rates{display:flex;align-items:center;gap:55px;padding:20px 0}.surge-rates>div{display:flex;flex-direction:column;gap:5px}.surge-rates>div>span{font-size:9px;color:var(--muted)}.surge-rates strong{font-size:30px;font-weight:350;letter-spacing:-1px;font-variant-numeric:tabular-nums}.surge-rates strong small{font-size:11px;margin-left:5px;color:var(--muted);letter-spacing:0}.surge-mode{margin-left:auto;color:var(--muted);font-size:9px}.surge-groups{display:grid;grid-template-columns:1fr 1fr;gap:10px}.surge-group{border:1px solid var(--line);border-radius:12px;padding:13px 15px;display:flex;flex-direction:column;gap:5px}.surge-group>span{font-size:10px;color:var(--muted)}.surge-group>strong{font-size:13px;font-weight:450}.surge-panel .mini-note{margin-top:15px}

/* Keyboard launcher */
dialog{color:var(--text);background:var(--surface);border:1px solid var(--line-strong);border-radius:24px;width:min(580px,calc(100% - 32px));max-height:80dvh;padding:0;box-shadow:0 40px 140px #0005;margin:14dvh auto auto;overflow:hidden}dialog[open]{animation:command-in .25s var(--spring)}dialog::backdrop{background:#070d0c88;backdrop-filter:blur(12px)}.command-head{display:flex;align-items:center;gap:14px;padding:21px 23px;border-bottom:1px solid var(--line)}.command-head svg{width:23px;height:23px;color:var(--accent);flex:none}.command-head input{border:0;background:none;color:var(--text);font-size:18px;width:100%;min-width:0;letter-spacing:-.5px}.command-head input::placeholder{color:var(--muted)}.command-head button{background:var(--glass);border:1px solid var(--line);border-radius:6px;font-size:10px;color:var(--muted);padding:3px 6px}.command-label{font-size:9px;color:var(--muted);letter-spacing:.8px;padding:15px 23px 8px}.command-results{padding:0 10px 10px;overflow-y:auto;max-height:min(52dvh,410px)}.command-result{display:flex;align-items:center;gap:13px;padding:11px 13px;border-radius:12px;outline:0!important}.command-result img{height:29px;width:29px;object-fit:contain;border-radius:7px}.command-result .command-name{font-size:13px;flex:1;letter-spacing:-.1px}.command-result .command-group{font-size:9px;color:var(--muted)}.command-result .command-enter{display:none;font-size:11px;color:var(--accent)}.command-result[data-active="true"],.command-result:hover{background:var(--accent-soft)}.command-result[data-active="true"] .command-enter{display:block}.command-result[data-active="true"] .command-group{display:none}.command-none{padding:25px 15px;text-align:center;color:var(--muted);font-size:12px}.command-footer{border-top:1px solid var(--line);padding:13px 23px;display:flex;align-items:center;gap:18px;font-size:9px;color:var(--muted)}.command-footer span:last-child{margin-left:auto;font-size:8px}.command-footer kbd{display:inline-flex;border:1px solid var(--line);padding:0 3px;border-radius:3px;min-width:16px;margin-right:3px;justify-content:center}

@media(min-width:1700px){.shell{width:1550px;margin-left:calc((100% - 1550px + 78px)/2)}.is-featured{height:255px}.is-featured .app-icon{width:155px;height:155px;right:30px;top:25px}.is-featured[data-tone="cobalt"] .app-icon{width:140px;height:140px;top:26px;right:27px}.is-featured .app-name{font-size:34px}.app-tile:not(.is-featured){height:158px}.app-icon{width:68px;height:68px}.app-name{font-size:14px}.workspace-intro{padding:40px 0}.context{gap:35px}.hero-clock{padding-right:32px}}
@media(max-width:1100px){.shell{width:calc(100% - 126px);margin-left:100px;margin-right:26px}.rail{width:70px}.rail-nav a.active:before{left:-14px}.workspace-header{gap:25px}.domain{display:none}.workspace-intro{padding:30px 0;gap:20px}.context{gap:18px}.hero-clock{padding-right:18px;min-width:116px}.weather-widget{width:157px}h1{font-size:28px;letter-spacing:-1.2px}.cards{gap:12px}.is-featured .app-link{padding:23px}.is-featured .app-name{font-size:25px;letter-spacing:-.9px}.is-featured .app-icon{height:120px;width:120px;right:14px;top:22px}.is-featured[data-tone="cobalt"] .app-icon{height:107px;width:107px;right:15px;top:23px}.is-featured .service-dot{left:24px;top:24px}.app-link{padding:19px 17px 16px}.app-name{font-size:12px}.service-dot{left:17px;top:20px}.status-stack{gap:12px}.telemetry-heading{padding:18px;gap:12px}.drawer-brief{font-size:10px}.overview-number strong{font-size:32px}.overview-label{font-size:8px}.telemetry-eyebrow{font-size:6px}.telemetry-controls,.connection-badge,.surge-state{font-size:8px}.status-body{padding:0 17px 17px}.telemetry-card{padding:15px}.telemetry-number strong{font-size:31px}.metric-code{font-size:5px}.telemetry-detail{font-size:9px}.network-rates{gap:16px}.network-rates strong{font-size:18px}.mini-number strong{font-size:21px}.uptime-number strong{font-size:17px}}
@media(max-width:900px){.header-live{font-size:9px}.top-links{gap:19px;margin-left:0}.workspace-header{gap:22px}.wordmark{font-size:23px}.workspace-intro{flex-wrap:wrap;gap:22px}.intro-copy{flex:1;min-width:255px}.context{margin-left:auto}.cards[data-feature-count="3"] .is-featured{grid-column:span 4;height:205px}.is-featured .app-link{padding:22px 20px}.is-featured .app-name{font-size:23px}.is-featured .app-icon{height:113px;width:113px;right:16px;top:22px}.is-featured[data-tone="cobalt"] .app-icon{height:103px;width:103px;top:24px;right:15px}.app-tile:not(.is-featured),.cards[data-layout="compact"] .app-tile:not(.is-featured){grid-column:span 3;height:144px}.cards[data-layout="bento"] .app-tile:not(.is-featured):last-child{grid-column:span 6}.cards[data-layout="bento"] .app-tile:not(.is-featured):last-child .app-icon{width:84px;height:84px;top:24px}.cards[data-layout="bento"] .app-tile:not(.is-featured):last-child .app-name{font-size:22px}.app-icon{height:59px;width:59px}.service-dot{transform:translateX(61px)}.telemetry-heading{gap:12px}.telemetry-brand{gap:8px}.telemetry-logo{width:28px;height:28px;border-radius:8px}.telemetry h2{font-size:13px}.drawer-brief{font-size:9px}.telemetry-controls{gap:7px}.connection-badge,.surge-state{font-size:7px}.overview-number strong{font-size:30px}.overview-number strong small{font-size:10px}.overview-label{font-size:7px;letter-spacing:-.1px}.telemetry[open] .telemetry-brand{min-width:130px}.telemetry[open] .telemetry-heading{gap:15px}.telemetry-extra{grid-template-columns:1fr 1fr}.telemetry-network{grid-column:1/-1}.network-rates{gap:35px}.system-status{padding-top:27px;margin-top:25px}.bookmarks a{padding:14px 15px;gap:10px}.bookmarks strong{font-size:11px}.bookmarks img{width:31px;height:31px}.service-overview{align-items:flex-start;gap:12px}.maintenance-summary{justify-content:flex-end;gap:6px 12px}.footer-note{display:none}}
@media(max-width:700px){.workspace-intro{gap:19px}.intro-copy{flex-basis:100%}.context{margin:0;width:100%;justify-content:space-between;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:15px 19px}.hero-clock{width:44%;min-width:0}.weather-widget{width:47%}.hero-clock #clock{font-size:34px}.top-links{display:none}.status-stack{grid-template-columns:1fr}.status-stack:has(details[open]){grid-template-columns:1fr}.telemetry[open]{order:initial}.telemetry-heading{display:grid;grid-template-columns:1fr auto;grid-template-areas:"brand value" "brief controls";gap:13px;min-height:108px;padding:19px}.telemetry-brand{grid-area:brand}.overview-number{grid-area:value}.drawer-brief{grid-area:brief;font-size:10px}.telemetry-controls{grid-area:controls;gap:12px}.connection-badge,.surge-state{font-size:8px}.overview-number strong{font-size:29px}.overview-label{font-size:8px}.telemetry-eyebrow{font-size:6px}.telemetry[open] .telemetry-heading{display:grid;grid-template-columns:1fr auto;grid-template-areas:"brand controls" "brief brief";gap:11px;min-height:101px}.telemetry[open] .drawer-brief{font-size:10px}.telemetry-grid{grid-template-columns:1fr}.telemetry-card{padding:17px}.metric-code{font-size:6px}.telemetry-number strong{font-size:34px}.telemetry-label{font-size:11px}.telemetry-detail{font-size:10px}.metric-chip{font-size:9px}.telemetry-track,.mac-cpu-track{margin-top:19px}.cpu-chart{height:37px}.surge-rates{gap:30px;flex-wrap:wrap}.surge-rates strong{font-size:29px}.surge-mode{font-size:9px;flex-basis:100%;margin:0}.surge-groups{grid-template-columns:1fr}.surge-group>strong{font-size:12px}.telemetry-footer{font-size:8px}}
@media(max-width:600px){html{scroll-padding-top:18px}.shell{width:calc(100% - 32px);margin:0 16px}.rail{top:auto;bottom:12px;left:16px;right:16px;width:auto;height:59px;border:1px solid var(--line);border-radius:19px;padding:5px 10px;flex-direction:row;gap:10px;box-shadow:0 9px 30px #0002;background:var(--surface)}.rail-brand{width:33px;height:33px;flex:none;margin-left:3px;border-radius:11px}.rail-nav{flex-direction:row;flex:1;justify-content:center;gap:6px}.rail-nav a{width:39px;height:39px;border-radius:11px}.rail-nav a.active:before{display:none}.rail-nav a svg{width:19px;height:19px}.rail-bottom{margin:0;flex-direction:row;gap:2px}.rail-bottom>button{width:34px;height:39px}.rail-bottom>button svg{height:19px;width:19px}#theme{width:34px;height:39px;font-size:22px}.theme-menu{left:auto;right:-4px;bottom:calc(100% + 16px);border-radius:15px}.rail-year{display:none}.workspace-header{height:65px;gap:10px}.wordmark{font-size:23px}.header-live{font-size:8px;margin-left:auto;gap:5px}.header-live i{height:4px;width:4px}.workspace-intro{padding:25px 0 26px;gap:21px}.eyebrow{font-size:10px;margin-bottom:8px}h1{font-size:29px;letter-spacing:-1.4px}.context{padding:14px 16px;gap:15px}.clock-city{font-size:6px}.clock-city>span{font-size:5px}#clock{font-size:33px}#date{font-size:7px;letter-spacing:-.1px}.hero-clock{padding-right:16px;width:44%}.hero-clock #clock{font-size:33px}.weather-top{font-size:8px}.weather-city{font-size:7px}.weather-icon{width:32px;height:32px}.weather-current{gap:3px}.weather-current strong{font-size:25px}.weather-current small{font-size:9px;top:3px}.weather-range{font-size:6px}.weather-bottom{font-size:6px}.weather-bottom a{display:none}.section-heading{gap:10px;margin-bottom:14px}h2{font-size:20px}.section-title{gap:8px}.section-title>span,#service-count{font-size:9px;height:20px;min-width:20px;border-radius:6px}.search{width:148px;height:33px;border-radius:9px;padding:0 9px;gap:6px}.search input{font-size:10px}.search svg{height:13px;width:13px}.search kbd{display:none}.toolbar{gap:10px;flex-wrap:wrap;margin-bottom:14px}.filters{gap:2px;flex:none;max-width:100%;flex-wrap:nowrap}.filters button{font-size:10px;padding:7px 9px;border-radius:7px}.network{margin-left:auto;border-radius:8px}.network button{font-size:9px;padding:4px 11px;border-radius:5px}.cards{gap:11px;grid-template-columns:repeat(12,minmax(0,1fr))}.cards[data-feature-count="3"] .feature-1{grid-column:span 12;height:202px}.cards[data-feature-count="3"] .feature-2,.cards[data-feature-count="3"] .feature-3{grid-column:span 6;height:173px}.cards[data-feature-count="2"] .is-featured{grid-column:span 6;height:173px}.cards[data-feature-count="1"] .is-featured{height:202px}.is-featured .app-link{padding:22px}.is-featured .app-name{font-size:25px;letter-spacing:-.8px}.is-featured .app-icon{height:126px;width:126px;right:19px;top:16px}.is-featured .pin{right:12px;top:11px}.is-featured .service-dot{left:23px;top:23px}.cards[data-feature-count="3"] .feature-2 .app-icon,.cards[data-feature-count="3"] .feature-3 .app-icon,.cards[data-feature-count="2"] .is-featured .app-icon{width:94px;height:94px;top:16px;right:14px}.cards[data-feature-count="3"] .feature-2 .app-name,.cards[data-feature-count="3"] .feature-3 .app-name,.cards[data-feature-count="2"] .is-featured .app-name{font-size:20px;letter-spacing:-.6px}.cards[data-feature-count="3"] .feature-2 .app-link,.cards[data-feature-count="3"] .feature-3 .app-link,.cards[data-feature-count="2"] .is-featured .app-link{padding:19px 17px}.app-tile:not(.is-featured),.cards[data-layout="compact"] .app-tile:not(.is-featured){grid-column:span 6;height:135px;border-radius:18px}.app-link{padding:17px 17px 15px}.app-icon{width:57px;height:57px}.app-name{font-size:13px;letter-spacing:-.3px}.pin{opacity:.4;right:7px;top:6px;width:25px;height:25px}.pin svg{height:11px;width:11px}.pin.pinned{opacity:.7}.service-dot{top:19px;left:17px;transform:translateX(59px);width:4px;height:4px}.app-tile[data-health-id="teslamate"] .app-icon{height:57px;width:50px}.cards[data-layout="bento"] .app-tile:not(.is-featured):last-child{grid-column:span 12;height:125px}.cards[data-layout="bento"] .app-tile:not(.is-featured):last-child .app-link{padding:21px}.cards[data-layout="bento"] .app-tile:not(.is-featured):last-child .app-icon{height:85px;width:85px;right:23px;top:17px}.cards[data-layout="bento"] .app-tile:not(.is-featured):last-child .app-name{font-size:25px}.cards[data-layout="bento"] .app-tile:not(.is-featured):last-child .service-dot{left:23px;top:23px}.system-status{padding-top:24px;margin-top:26px}.system-status .section-heading{align-items:center}.section-note{font-size:8px;max-width:115px;text-align:right}.status-stack{gap:10px}.telemetry{border-radius:16px}.overview-label{display:none}.telemetry-heading{padding:17px;min-height:107px;gap:12px}.telemetry h2{font-size:14px}.telemetry-logo{width:30px;height:30px}.drawer-brief{font-size:10px}.telemetry-controls{gap:8px}.connection-badge,.surge-state{font-size:7px}.telemetry[open] .telemetry-heading{padding:17px;min-height:101px}.status-body{padding:0 13px 15px}.telemetry-extra{gap:9px}.telemetry-mini{padding:12px}.mini-note{font-size:8px}.telemetry-footer{font-size:7px}.telemetry-footer>span:last-child{text-align:right}.mini-number strong{font-size:20px}.uptime-number strong{font-size:16px}.network-rates strong{font-size:22px}.network-rates{gap:30px}.sites{padding-top:26px;margin-top:0}.bookmarks{gap:9px;grid-template-columns:1fr}.bookmarks a{padding:14px 16px;gap:13px;border-radius:13px}.bookmarks img{width:33px;height:33px}.bookmarks strong{font-size:13px}.service-overview{flex-direction:column;gap:9px;padding:22px 0 20px;font-size:9px}.maintenance-summary{justify-content:flex-start;gap:6px 12px}.maintenance-chip{font-size:8px}footer{padding:18px 0 102px;gap:8px;font-size:8px}#motion-toggle{font-size:8px;padding-right:0}.footer-note{display:none}#toast{bottom:87px;font-size:11px}.skip-link{left:16px}dialog{margin-top:10dvh;border-radius:19px;max-height:78dvh}.command-head{padding:17px 16px;gap:10px}.command-head input{font-size:16px}.command-results{max-height:53dvh}.command-result .command-name{font-size:13px}.command-group{font-size:8px!important}.command-footer{padding:12px 17px}.command-footer span:last-child{font-size:7px}}
@media(max-width:370px){h1{font-size:26px}.header-live{font-size:7px}.filters button{font-size:9px;padding:7px 8px}.is-featured .app-name{font-size:24px}.cards[data-feature-count="3"] .feature-2 .app-name,.cards[data-feature-count="3"] .feature-3 .app-name,.cards[data-feature-count="2"] .is-featured .app-name{font-size:18px}.overview-number strong{font-size:26px}.rail{gap:6px;padding:5px 7px}.rail-nav{gap:4px}.rail-nav a{width:36px}.rail-bottom>button,#theme{width:30px}.search{width:138px}.app-name{font-size:12px}.hero-clock #clock{font-size:30px}.context{padding:13px}.weather-range{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.app-link,.app-icon,.tile-art:before{transform:none!important}}

@media(min-width:901px){.cards[data-feature-count="0"][data-result-count="3"] .app-tile{grid-column:span 4}.cards[data-feature-count="0"][data-result-count="2"] .app-tile{grid-column:span 6}.cards[data-feature-count="0"][data-result-count="1"] .app-tile{grid-column:span 4}}