:root{--bg-dim:oklch(13% .015 245);--bg0:oklch(18% .018 245);--bg1:oklch(21% .018 245);--bg2:oklch(25% .016 245);--bg3:oklch(32% .014 245);--fg:oklch(95% .008 240);--fg-dim:oklch(74% .014 242);--fg-muted:oklch(58% .018 244);--red:oklch(66% .16 25);--orange:oklch(74% .13 55);--yellow:oklch(82% .12 90);--green:oklch(72% .15 148);--aqua:oklch(74% .1 175);--blue:oklch(72% .09 235);--purple:oklch(72% .1 330);--mono:"JetBrains Mono", "IBM Plex Mono", ui-monospace, Menlo, monospace;--card-bg:oklch(100% 0 0/.04);--card-border:oklch(100% 0 0/.09);--card-glow:color-mix(in oklch, var(--green) 6%, transparent);--hair:oklch(100% 0 0/.08);--max-width:1440px;--gap:18px;--radius:12px;--radius-sm:9px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pulseGlow{0%,to{opacity:1;box-shadow:0 0 #a7c08080}50%{opacity:.7;box-shadow:0 0 0 4px #a7c08000}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}body{color:var(--fg);background:var(--bg-dim);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}body:before{content:"";z-index:0;background:radial-gradient(110% 70% at 88% -8%, color-mix(in oklch, var(--green) 12%, transparent), transparent 55%), linear-gradient(to right, oklch(100% 0 0/.04) 1px, transparent 1px), linear-gradient(to bottom, oklch(100% 0 0/.04) 1px, transparent 1px), var(--bg-dim);background-size:auto,56px 56px,56px 56px;position:fixed;inset:0}body:after{content:"";z-index:0;opacity:.028;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}.app{z-index:1;max-width:var(--max-width);margin:0 auto;padding:28px 32px;position:relative}.top-header-row{animation:fadeSlideUp .6s var(--ease-out) both;flex-wrap:wrap;align-items:stretch;gap:16px;margin-bottom:22px;display:flex}.header-branding{flex-direction:column;flex-shrink:0;justify-content:center;gap:12px;min-width:180px;display:flex}.header-logo-row{align-items:center;gap:8px;display:flex}.logo{color:var(--fg-dim);letter-spacing:.6px;text-transform:uppercase;font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:600}.demo-badge{border:1px solid color-mix(in oklch, var(--green) 45%, transparent);background:color-mix(in oklch, var(--green) 12%, transparent);color:var(--green);font-family:var(--mono);letter-spacing:.12em;border-radius:5px;padding:3px 6px;font-size:.56rem;font-weight:700;line-height:1}.greeting{color:var(--fg);letter-spacing:-.5px;font-size:1.5rem;font-weight:300;line-height:1.1}.top-widget{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(24px);animation:fadeSlideUp .6s var(--ease-out) both;flex-direction:column;justify-content:center;padding:12px 16px;transition:border-color .3s,background .3s;display:flex;position:relative;overflow:hidden}.top-widget:hover{background:#232a2eb3;border-color:#a7c08033}.top-widget:after{content:"";opacity:.025;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 128 128' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.weather-current-row{grid-template-columns:auto minmax(86px,auto) minmax(170px,max-content) max-content;align-items:center;gap:10px;min-width:0;margin-bottom:8px;display:grid}.weather-icon{font-size:1.5rem;line-height:1}.weather-temp{letter-spacing:0;font-size:1.6rem;font-weight:700}.weather-temp-col{flex-direction:column;min-width:0;margin-right:0;display:flex}.weather-desc{color:var(--fg);font-size:.75rem;font-weight:500}.weather-metrics{border-left:1px solid #7d877d26;grid-template-columns:repeat(2,minmax(72px,max-content));gap:4px 10px;min-width:170px;padding-left:14px;display:grid}.wm-item{color:var(--fg-muted);white-space:nowrap;align-items:center;gap:4px;min-width:0;font-size:.65rem;display:flex}.wm-item span:last-child{text-overflow:ellipsis;overflow:hidden}.wm-icon{opacity:.8;font-size:.7rem}.weather-quote{min-width:0;color:var(--fg);text-align:center;white-space:normal;word-wrap:break-word;justify-content:center;align-items:center;padding:0 12px;font-size:.7rem;line-height:1.3;display:none}.weather-sun-col{border-left:1px solid #7d877d26;flex-direction:column;justify-content:center;gap:4px;min-width:max-content;margin-left:0;padding-left:12px;display:flex}.ws-item{color:var(--fg-muted);align-items:center;gap:6px;font-size:.65rem;display:flex}.ws-icon{font-size:.85rem}.weather-hourly-wrap{border-radius:var(--radius-sm);background:#1a20244d;flex-direction:row;align-items:center;gap:12px;padding:4px 6px;display:flex}.weather-hourly{-ms-overflow-style:none;scrollbar-width:none;grid-auto-columns:minmax(54px,1fr);grid-auto-flow:column;align-items:center;gap:8px;width:100%;display:grid;overflow-x:auto}.weather-hourly::-webkit-scrollbar{display:none}.hourly-item{cursor:default;border:1px solid #0000;flex-direction:column;align-items:center;gap:2px;min-width:0;transition:all .2s;display:flex}.hourly-item:hover{transform:translateY(-2px)}.hc-time{color:var(--fg-muted);font-size:.65rem;font-weight:600}.hc-icon{font-size:1.1rem}.hc-temp{font-size:.8rem;font-weight:600}.weather-widget-pane{flex:520px;min-width:0}.schedule-widget-pane{flex-direction:column;flex:300px;justify-content:flex-start;gap:8px;min-width:0;display:flex}.date-big-display{color:var(--fg);letter-spacing:.2px;font-size:.95rem;font-weight:600}.date-big-display:first-letter{text-transform:capitalize}.schedule-empty{color:var(--fg-muted);border-radius:var(--radius-sm);text-align:center;background:#1a20244d;padding:12px;font-size:.8rem}.schedule-live-stack{flex-direction:column;flex:1;gap:4px;display:flex;overflow-y:hidden}.schedule-block-mini{border-radius:var(--radius-sm);background:#1a202466;align-items:center;padding:6px 10px;font-size:.75rem;transition:transform .2s;display:flex}.schedule-block-mini:hover{background:#343f4466;transform:translate(4px)}.schedule-next{border-left:3px solid var(--orange)}.sbm-time{font-variant-numeric:tabular-nums;color:var(--fg-muted);flex-shrink:0;width:90px;font-weight:600}.schedule-current .sbm-time{color:var(--green)}.sbm-activity{white-space:nowrap;text-overflow:ellipsis;color:var(--fg);flex:1;overflow:hidden}.sbm-tag{letter-spacing:.5px;border-radius:4px;margin-left:8px;padding:2px 6px;font-size:.55rem;font-weight:600}.schedule-current .sbm-tag{color:var(--green);background:#a7c08033}.schedule-next .sbm-tag{color:var(--orange);background:#e6987533}.weather-widget{color:var(--fg);background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);cursor:pointer;transition:all .35s var(--ease-out);border-radius:22px;align-items:center;gap:10px;padding:8px 16px;font-size:.88rem;display:flex;position:relative}.weather-widget:hover{background:#232a2eb3;border-color:#a7c08033;transform:translateY(-1px)}.weather-active{box-shadow:0 0 20px #a7c08014;border-color:var(--green)!important}.weather-icon{font-size:1.1rem}.weather-temp{color:var(--fg);font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:600}.weather-desc{color:var(--fg-muted);font-size:.75rem}.weather-pressure{color:var(--fg-muted);opacity:.6;font-size:.68rem}.date-display{color:var(--fg-muted);align-items:center;gap:8px;font-size:.82rem;font-weight:400;display:flex}.sync-dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulseGlow;display:inline-block}.sync-dot.error{background:var(--red)}.forecast-panel{opacity:0;max-height:0;transition:max-height .4s var(--ease-out), opacity .35s ease, padding .4s var(--ease-out);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(24px);justify-content:center;gap:8px;margin-bottom:12px;padding:0 16px;display:flex;overflow:hidden}.forecast-panel[style*="max-height: 120px"]{padding:14px 16px}.fc-day{border-radius:var(--radius-sm);transition:all .25s var(--ease-out);flex-direction:column;align-items:center;gap:5px;min-width:76px;padding:8px 16px;display:flex}.fc-day:hover{background:#343f4499;transform:translateY(-2px)}.fc-today{background:#343f4480;border:1px solid #a7c08026}.fc-label{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.8px;font-size:.64rem;font-weight:600}.fc-today .fc-label{color:var(--green)}.fc-icon{font-size:1.25rem;line-height:1}.fc-temps{font-variant-numeric:tabular-nums;gap:6px;font-size:.75rem;display:flex}.fc-max{color:var(--fg);font-weight:600}.fc-min{color:var(--fg-muted)}.fc-precip{color:var(--blue);opacity:.8;font-size:.6rem}.forecast-empty{color:var(--fg-muted);padding:16px;font-size:.8rem}.tabs{z-index:90;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);width:auto;animation:fadeSlideUp .6s var(--ease-out) .1s both;background:#1a202480;flex-wrap:wrap;align-self:center;align-items:center;gap:4px;padding:3px;display:flex;position:relative}.tab{color:var(--fg-muted);text-align:left;cursor:pointer;transition:all .3s var(--ease-out);letter-spacing:.2px;background:0 0;border:none;border-radius:8px;min-width:130px;padding:6px 16px;font-family:inherit;font-size:.75rem;font-weight:500}.tab:hover{color:var(--fg-dim)}.tab.active{color:var(--green);background:#343f4499;box-shadow:0 1px 4px #00000026}.apps-tab-group{position:relative}.apps-menu{z-index:120;border:1px solid var(--card-border);border-radius:var(--radius-sm);background:var(--bg0);min-width:160px;padding:4px;display:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 16px 40px #00000059}.apps-menu.open{flex-direction:column;gap:2px;display:flex}.app-menu-item{color:var(--fg-muted);cursor:pointer;font-family:var(--mono);letter-spacing:.06em;text-align:left;text-transform:uppercase;transition:color .2s var(--ease-out), background .2s var(--ease-out);background:0 0;border:none;border-radius:7px;padding:8px 12px;font-size:.64rem}.app-menu-item:hover{color:var(--green);background:color-mix(in oklch, var(--green) 10%, transparent)}.tab-content{animation:.3s both fadeIn;display:none}.tab-content.active{display:block}.card-glass{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(24px);position:relative;overflow:hidden}.card-glass:after{content:"";opacity:.03;pointer-events:none;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 128 128' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px 128px;position:absolute;inset:0}.stats-heatmap-row{gap:var(--gap);margin-bottom:var(--gap);align-items:stretch;display:flex}.stats-column{flex:0 0 48%;grid-template-columns:repeat(3,1fr);gap:10px;min-width:0;display:grid}.heatmap-inline{flex-direction:column;flex:1;min-width:0;display:flex}.heatmap-inline .heatmap-container{flex-direction:column;flex:1;justify-content:center;display:flex}.stat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(24px);cursor:pointer;transition:border-color .35s var(--ease-out), transform .35s var(--ease-out), box-shadow .35s var(--ease-out);opacity:0;animation:fadeSlideUp .5s var(--ease-out) both;animation-delay:calc(.15s + var(--i,0) * 60ms);padding:14px 16px 10px;position:relative;overflow:hidden}.stat-card:after{content:"";opacity:.025;pointer-events:none;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 128 128' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px 128px;position:absolute;inset:0}.stat-card:before{content:"";border-radius:inherit;opacity:0;transition:opacity .4s var(--ease-out);z-index:-1;background:linear-gradient(135deg,#a7c08000 0%,#a7c0801f 50%,#a7c08000 100%);position:absolute;inset:-1px}.stat-card:hover{border-color:#a7c0802e;transform:translateY(-4px);box-shadow:0 8px 32px #0003,0 2px 8px #00000026}.stat-card:hover:before{opacity:1}.stat-card-active{background:#232a2ebf;box-shadow:0 0 24px #a7c0800f,0 8px 32px #0003;border-color:var(--green)!important}.stat-detail{max-height:0;transition:max-height .4s var(--ease-out);margin-bottom:var(--gap);overflow:hidden}.stat-detail-inner{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(24px);height:240px;padding:20px 24px}.stat-label{text-transform:uppercase;letter-spacing:1.4px;color:var(--fg-muted);margin-bottom:6px;font-size:.6rem;font-weight:500}.stat-value{font-variant-numeric:tabular-nums;letter-spacing:-1px;margin-bottom:4px;font-size:1.8rem;font-weight:700;line-height:1;position:relative}.stat-card[data-metric=mood] .stat-value{color:var(--yellow);text-shadow:0 0 40px #dbbc7f26}.stat-card[data-metric=sleep] .stat-value{color:var(--aqua);text-shadow:0 0 40px #83c09226}.stat-card[data-metric=bb] .stat-value{color:var(--green);text-shadow:0 0 40px #a7c08026}.stat-card[data-metric=steps] .stat-value{color:var(--blue);text-shadow:0 0 40px #7fbbb326}.stat-card[data-metric=commits] .stat-value{color:var(--orange);text-shadow:0 0 40px #e6987526}.stat-unit{opacity:.5;margin-left:2px;font-size:1rem;font-weight:400}.stat-sub{color:var(--fg-muted);font-variant-numeric:tabular-nums;font-size:.7rem}.stat-delta-up{color:var(--green)}.stat-delta-down{color:var(--red)}.stat-sparkline{opacity:.7;height:24px;margin-top:8px;transition:opacity .3s}.stat-card:hover .stat-sparkline{opacity:1}.stat-sparkline canvas{width:100%;height:100%}.sleep-bars{margin-top:8px}.sleep-bars-container{align-items:flex-end;gap:3px;height:28px;display:flex;position:relative}.sleep-norm-zone{pointer-events:none;z-index:0;background:#83c0920f;border-top:1px dashed #83c09226;border-bottom:1px dashed #83c09226;position:absolute;left:0;right:0}.sleep-bar{min-height:2px;transition:opacity .3s, height .5s var(--ease-out);z-index:1;border-radius:3px 3px 1px 1px;position:relative}.commit-dots{margin-top:8px}.commit-dots-grid{grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:2px;display:grid}.commit-dot{width:6px;height:6px;transition:transform .2s var(--ease-spring);border-radius:2px}.commit-dot:hover{z-index:2;transform:scale(1.8)}.commit-dot-0{background:#343f4466}.charts-row{gap:var(--gap);margin-bottom:var(--gap);grid-template-columns:1.2fr 1fr;display:grid}.time-summary{border-top:1px solid #7d877d26;flex-direction:row;justify-content:center;align-items:center;gap:20px;margin-top:12px;padding-top:10px;display:flex}.ts-item{flex-direction:column;align-items:center;display:flex}.ts-label{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.65rem}.ts-value{color:var(--fg);align-items:baseline;gap:6px;font-size:1rem;font-weight:600;display:flex}.ts-delta{background:#7d877d26;border-radius:3px;padding:2px 4px;font-size:.65rem;font-weight:500}.ts-delta.positive{color:var(--green);background:#a7c08026}.ts-delta.negative{color:var(--red);background:#e67e8026}.chart-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(24px);transition:border-color .3s var(--ease-out), box-shadow .3s var(--ease-out);opacity:0;animation:fadeSlideUp .5s var(--ease-out) both;animation-delay:calc(.45s + var(--i,0) * 60ms);padding:24px;position:relative;overflow:hidden}.chart-card:hover{border-color:#7d877d2e;box-shadow:0 4px 24px #0000001f}.chart-card:after{content:"";opacity:.025;pointer-events:none;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 128 128' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px 128px;position:absolute;inset:0}.chart-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.chart-header h2{color:var(--fg-dim);letter-spacing:.3px;font-size:.82rem;font-weight:500}.period-selector{background:#1a202466;border-radius:7px;gap:3px;padding:2px;display:flex}.period-btn{color:var(--fg-muted);cursor:pointer;transition:all .25s var(--ease-out);letter-spacing:.2px;background:0 0;border:none;border-radius:5px;padding:5px 14px;font-family:inherit;font-size:.7rem;font-weight:500}.period-btn:hover{color:var(--fg-dim)}.period-btn.active{color:var(--green);background:#343f44b3;box-shadow:0 1px 4px #00000026}#trendChart,#timeChart{max-height:260px}.bottom-row{gap:var(--gap);grid-template-columns:1.4fr 1fr;display:grid}.bottom-row-full{grid-template-columns:1fr}.heatmap-container{flex-direction:column;gap:3px;display:flex}.heatmap-row{align-items:center;gap:3px;display:flex}.heatmap-label{color:var(--fg-muted);text-align:right;flex-shrink:0;width:28px;font-size:.58rem;font-weight:500}.heatmap-cell{width:14px;height:14px;transition:transform .2s var(--ease-spring), box-shadow .2s;cursor:default;background:#343f4466;border-radius:3px}.heatmap-month-start{margin-left:2px;box-shadow:-3px 0 #7d877d14}.heatmap-current-week{box-shadow:0 0 0 1px #a7c08026}.heatmap-cell:hover{z-index:2;transform:scale(1.5)}.heatmap-cell[data-mood="1"]:hover{box-shadow:0 0 8px #543a3a99}.heatmap-cell[data-mood="2"]:hover{box-shadow:0 0 8px #6e534099}.heatmap-cell[data-mood="3"]:hover{box-shadow:0 0 8px #5c6a4a99}.heatmap-cell[data-mood="4"]:hover{box-shadow:0 0 8px #6a8a5099}.heatmap-cell[data-mood="5"]:hover{box-shadow:0 0 8px #8bb56a99}.heatmap-months{margin-bottom:6px;margin-left:31px}.heatmap-month-label{color:var(--fg-muted);text-align:left;letter-spacing:.3px;font-size:.55rem;font-weight:500}.heatmap-legend{color:var(--fg-muted);align-items:center;gap:5px;margin-top:12px;margin-left:31px;font-size:.58rem;display:flex}.heatmap-legend-cell{border-radius:2px;width:12px;height:12px}.heatmap-tooltip{z-index:100;color:var(--fg);border:1px solid var(--card-border);pointer-events:none;opacity:0;white-space:pre-line;-webkit-backdrop-filter:blur(12px);background:#1a2024f2;border-radius:8px;max-width:200px;padding:6px 12px;font-size:.7rem;font-weight:500;transition:opacity .15s;position:fixed;transform:translate(-50%,-100%);box-shadow:0 4px 16px #00000040}.heatmap-tooltip.visible{opacity:1}.quick-entry{flex-direction:column;gap:12px;display:flex}.qe-card{border-radius:var(--radius-sm);transition:border-color .3s var(--ease-out);background:#1a202459;border:1px solid #7d877d0f;padding:14px 16px}.qe-card:hover{border-color:#7d877d1f}.qe-card-header{text-transform:uppercase;letter-spacing:1.4px;color:var(--fg-muted);margin-bottom:10px;font-size:.58rem;font-weight:500}.qe-actions{justify-content:flex-end;align-items:center;gap:12px;padding-top:4px;display:flex}.qe-group{flex-direction:column;gap:8px;display:flex}.qe-label{color:var(--fg-muted);text-transform:uppercase;letter-spacing:1.2px;font-size:.62rem;font-weight:500}.mood-buttons{gap:8px;display:flex}.mood-btn{color:var(--fg-muted);cursor:pointer;transition:all .3s var(--ease-out);background:#232a2e80;border:1.5px solid #7d877d1a;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 4px 8px;font-family:inherit;display:flex}.mood-btn-value{font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:700;line-height:1}.mood-btn-label{text-transform:uppercase;letter-spacing:.8px;opacity:.6;font-size:.5rem}.mood-btn:hover{color:var(--fg-dim);border-color:#dbbc7f4d;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.mood-btn.selected{color:var(--yellow);border-color:var(--yellow);background:linear-gradient(135deg,#dbbc7f26 0%,#a7c0801a 100%);transform:translateY(-2px);box-shadow:0 0 16px #dbbc7f1a,0 4px 12px #00000026}.toggle-row{align-items:center;gap:12px;display:flex}.toggle{cursor:pointer;width:44px;height:24px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{background:var(--bg3);transition:background .3s var(--ease-out);border-radius:12px;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--fg-dim);width:18px;height:18px;transition:transform .3s var(--ease-spring), background .3s;border-radius:50%;position:absolute;bottom:3px;left:3px}.toggle input:checked+.toggle-slider{background:var(--green)}.toggle input:checked+.toggle-slider:before{background:var(--bg-dim);transform:translate(20px)}.toggle-text{color:var(--fg-dim);font-size:.8rem}.qe-textarea{border:1px solid var(--card-border);border-radius:var(--radius-sm);width:100%;min-height:56px;color:var(--fg);resize:vertical;transition:border-color .3s var(--ease-out), box-shadow .3s;background:#1a202480;outline:none;padding:12px 16px;font-family:inherit;font-size:.82rem;line-height:1.5}.qe-textarea::placeholder{color:var(--fg-muted);opacity:.6}.qe-textarea:focus{border-color:#a7c0804d;box-shadow:0 0 0 3px #a7c0800f}.qe-save{background:linear-gradient(135deg, var(--green) 0%, var(--aqua) 100%);color:var(--bg-dim);border-radius:var(--radius-sm);cursor:pointer;transition:all .25s var(--ease-out);letter-spacing:.3px;border:none;align-self:flex-end;padding:10px 28px;font-family:inherit;font-size:.8rem;font-weight:600}.qe-save:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 16px #a7c08033}.qe-save:active{transform:translateY(0)}.qe-status{color:var(--green);opacity:0;transition:all .3s var(--ease-out);text-align:right;font-size:.7rem;transform:translateY(4px)}.qe-status.visible{opacity:1;transform:translateY(0)}.skeleton{background:linear-gradient(90deg,#343f444d 0%,#4752584d 50%,#343f444d 100%) 0 0/800px 100%;border-radius:6px;animation:1.8s ease-in-out infinite shimmer}.skeleton-value{width:60%;height:2.6rem;margin-bottom:8px}.skeleton-text{width:80%;height:.7rem}.skeleton-sparkline{width:100%;height:32px;margin-top:14px}.placeholder{text-align:center;color:var(--fg-muted);letter-spacing:.3px;padding:80px 20px;font-size:.95rem;font-weight:400}.login-modal{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:9999;background:#101418d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-box{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:16px;width:100%;max-width:320px;padding:40px;box-shadow:0 20px 40px #0006}.login-box h2{color:var(--fg);margin-bottom:4px;font-size:1.5rem;font-weight:600}.login-sub{color:var(--fg-muted);margin-bottom:24px;font-size:.85rem}.login-box input{border:1px solid var(--border);width:100%;color:var(--fg);background:#0003;border-radius:8px;outline:none;margin-bottom:16px;padding:12px 16px;font-family:inherit}.login-box input:focus{border-color:var(--accent)}.login-box button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-weight:500;transition:opacity .2s}.login-box button:hover{opacity:.9}.login-error{color:#f87171;margin-bottom:12px;font-size:.8rem}.hud-row{grid-template-columns:1fr 1fr;margin-bottom:24px}.schedule-live{flex-direction:column;gap:12px;display:flex}.schedule-block{border:1px solid var(--border);background:#ffffff05;border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex}.schedule-current{border-left:3px solid var(--accent);background:linear-gradient(90deg,#a7c0800d,#0000)}.schedule-tag{color:var(--fg-muted);letter-spacing:1px;width:60px;font-size:.7rem;font-weight:600}.schedule-current .schedule-tag{color:var(--accent)}.schedule-details{flex-direction:column;gap:4px;display:flex}.schedule-title{color:var(--fg);font-size:1.05rem;font-weight:500}.schedule-time{color:var(--fg-muted);font-size:.8rem}.schedule-empty{text-align:center;color:var(--fg-muted);padding:20px;font-size:.9rem}@media (width<=1100px){.stat-cards{grid-template-columns:repeat(3,1fr)}.charts-row,.hud-row,.bottom-row{grid-template-columns:1fr}}@media (width<=700px){.stat-cards{grid-template-columns:repeat(2,1fr)}.header{flex-direction:column;align-items:flex-start;gap:14px}.tabs{width:100%}.tab{text-align:center;flex:1}.app{padding:16px 18px}.greeting{font-size:1.3rem}.stat-value{font-size:2rem}}.app-iframe-tab{border-radius:var(--radius);border:1px solid var(--card-border);height:calc(100vh - 140px);margin:0;padding:0;display:none;overflow:hidden;box-shadow:0 4px 24px #0000001f}.app-iframe-tab.active{display:block}.app-iframe{background:var(--bg0);border:none;width:100%;height:100%}.demo-placeholder{background:radial-gradient(60% 60% at 50% 35%, color-mix(in oklch, var(--green) 10%, transparent), transparent 65%), var(--bg0);width:100%;height:100%;color:var(--fg-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.demo-placeholder[hidden]{display:none}.demo-placeholder span{color:var(--fg-muted);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;font-size:.62rem}.demo-placeholder b{color:var(--fg);letter-spacing:0;font-size:1.35rem}.demo-placeholder em{max-width:360px;color:var(--fg-dim);font-style:normal;line-height:1.45}.demo-open{z-index:1000;border:1px solid color-mix(in oklch, var(--green) 38%, transparent);background:color-mix(in oklch, var(--bg0) 92%, transparent);color:var(--fg-dim);font-family:var(--mono);pointer-events:none;border-radius:8px;padding:10px 12px;font-size:.62rem;position:fixed;bottom:18px;right:18px}body.app-mode{overflow:hidden}body.app-mode .header-branding{display:none}body.app-mode .app{flex-direction:column;max-width:100%;height:calc(100dvh - 10px);padding:4px 8px 0;display:flex}body.app-mode .top-header-row{z-index:50;flex-shrink:0;align-items:center;gap:8px;margin-bottom:4px;position:relative}body.app-mode .apps-menu{z-index:80}body.app-mode .tabs{flex:none;grid-template-rows:1fr;grid-auto-flow:column;width:auto;max-width:fit-content}body.app-mode .tab{text-align:center;min-width:auto;padding:5px 12px;font-size:.7rem}body.app-mode .weather-widget-pane{border-radius:var(--radius-sm);flex:none;width:auto;min-width:auto;padding:6px 12px}body.app-mode .weather-current-row{gap:6px}body.app-mode .weather-metrics,body.app-mode .weather-quote,body.app-mode .weather-sun-col,body.app-mode .weather-hourly-wrap,body.app-mode .weather-desc{display:none}body.app-mode .weather-icon{font-size:1.2rem}body.app-mode .weather-temp{font-size:.85rem}body.app-mode .weather-temp-col{gap:0}body.app-mode .schedule-widget-pane{border-radius:var(--radius-sm);flex:none;width:auto;min-width:auto;padding:6px 12px}body.app-mode .date-big-display{margin-bottom:0;font-size:.8rem}body.app-mode .top-live-schedule{max-height:2.2em;font-size:.7rem;overflow:hidden}body.app-mode .app-iframe-tab{z-index:1;border-radius:6px 6px 0 0;flex:1;height:auto;min-height:0;position:relative}.sub-tabs{margin-bottom:var(--gap);border:1px solid var(--card-border);border-radius:var(--radius);background:#1a202466;gap:4px;width:fit-content;padding:4px;display:flex}.sub-tab{border-radius:var(--radius-sm);color:var(--fg-muted);cursor:pointer;background:0 0;border:none;padding:8px 20px;font-size:.8rem;font-weight:500;transition:all .2s}.sub-tab:hover{color:var(--fg)}.sub-tab.active{color:var(--green);background:#a7c0801f}.sub-tab-content{display:none}.sub-tab-content.active{display:block}.srv-period-selector{gap:4px;margin-bottom:16px;display:flex}.srv-gauges{margin-bottom:var(--gap);grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.srv-gauge{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:8px;padding:20px 16px;display:flex}.srv-gauge-ring{background:conic-gradient(var(--color) calc(var(--pct) * 1%), #343f4466 calc(var(--pct) * 1%));border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.srv-gauge-ring:after{content:"";background:#232a2ef2;border-radius:50%;width:60px;height:60px;position:absolute}.srv-gauge-value{z-index:1;color:var(--fg);font-variant-numeric:tabular-nums;text-align:center;font-size:1.1rem;font-weight:700;line-height:1.2}.srv-gauge-net{background:#343f4466}.srv-gauge-net:after{background:#232a2ef2}.srv-gauge-label{text-transform:uppercase;letter-spacing:1px;color:var(--fg-muted);font-size:.7rem;font-weight:500}.srv-gauge-sub{color:var(--fg-muted);opacity:.7;text-align:center;font-size:.65rem}.srv-charts-row{gap:var(--gap);margin-bottom:var(--gap);grid-template-columns:1fr 1fr;display:grid}.srv-chart-card{height:220px}.srv-chart-card canvas{max-height:180px!important}.srv-chart-card h3{color:var(--fg);font-size:.85rem;font-weight:500}.srv-section-title{color:var(--fg);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:.85rem;font-weight:500}.srv-apps-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.srv-app-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:16px;transition:border-color .2s}.srv-app-card:hover{border-color:#a7c08040}.srv-app-warn{border-color:#e67e8040}.srv-app-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.srv-app-name{color:var(--fg);font-size:.9rem;font-weight:600}.srv-app-status{text-transform:uppercase;letter-spacing:.5px;font-size:.65rem;font-weight:500}.srv-up{color:var(--green)}.srv-down{color:var(--red)}.srv-app-metrics{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.srv-app-metric{align-items:center;gap:8px;font-size:.75rem;display:flex}.srv-app-metric-label{width:28px;color:var(--fg-muted);font-size:.65rem;font-weight:500}.srv-app-bar-bg{background:#343f4480;border-radius:3px;flex:1;height:6px;overflow:hidden}.srv-app-bar-fill{border-radius:3px;height:100%;transition:width .5s}.srv-app-metric-val{text-align:right;width:44px;color:var(--fg);font-variant-numeric:tabular-nums;font-size:.7rem}.srv-app-containers{border-top:1px solid #7d877d1a;flex-direction:column;gap:4px;padding-top:8px;display:flex}.srv-cont-row{align-items:center;gap:6px;font-size:.7rem;display:flex}.srv-cont-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.srv-dot-up{background:var(--green)}.srv-dot-down{background:var(--red)}.srv-cont-name{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.srv-cont-status{color:var(--fg-muted);font-size:.6rem}.header-add-btn{border:1px solid var(--card-border);background:var(--card-bg);width:26px;height:26px;color:var(--fg);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;margin-left:6px;font-size:1.1rem;font-weight:600;line-height:1;transition:all .2s;display:flex}.header-add-btn:hover{background:var(--green);color:var(--bg);border-color:var(--green);transform:scale(1.1)}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;animation:.2s fadeIn;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal-content{border:1px solid var(--card-border);border-radius:var(--radius);width:90%;max-width:520px;max-height:85vh;animation:modalEnter .25s var(--ease-out);background:#232a2efa;padding:24px;position:relative;overflow-y:auto}@keyframes modalEnter{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid #7d877d26;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;display:flex}.modal-title{color:var(--fg);flex:1;font-size:1rem;font-weight:600}.modal-date{color:var(--fg-muted);font-size:.75rem}.modal-close{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;font-size:1.4rem;transition:all .2s;display:flex}.modal-close:hover{color:var(--red);background:#e67e8026}.modal-footer{border-top:1px solid #7d877d26;justify-content:flex-end;margin-top:16px;padding-top:12px;display:flex}.modal-save-btn{border:1px solid var(--green);color:var(--green);border-radius:var(--radius-sm);cursor:pointer;background:#a7c08026;padding:8px 24px;font-size:.8rem;font-weight:600;transition:all .2s}.modal-save-btn:hover{background:var(--green);color:var(--bg)}.schedule-editor-modal{max-width:600px}.stat-detail-modal{max-width:700px}.stat-detail-chart-wrap{height:300px;position:relative}.sched-nav-btn{border:1px solid var(--card-border);color:var(--fg);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;transition:all .2s;display:flex}.sched-nav-btn:hover{background:var(--card-bg);border-color:var(--green);color:var(--green)}.sched-row{border-bottom:1px solid #7d877d14;align-items:center;gap:8px;padding:8px 0;display:flex;position:relative}.sched-row:last-child{border-bottom:none}.sched-row.sched-current{border-radius:var(--radius-sm);background:#a7c08014;margin:0 -8px;padding:8px}.sched-time-input{border:1px solid var(--card-border);width:52px;color:var(--fg);text-align:center;font-variant-numeric:tabular-nums;background:#0003;border-radius:4px;padding:4px 6px;font-family:Inter,sans-serif;font-size:.8rem}.sched-time-input:focus{border-color:var(--green);outline:none}.sched-time-sep{color:var(--fg-muted);font-size:.75rem}.sched-activity-input{border:1px solid var(--card-border);color:var(--fg);background:#0003;border-radius:4px;flex:1;padding:4px 8px;font-family:Inter,sans-serif;font-size:.8rem}.sched-activity-input:focus{border-color:var(--green);outline:none}.sched-confirm-btn{border:1px solid var(--green);width:28px;height:28px;color:var(--green);cursor:pointer;background:#a7c08026;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;transition:all .2s;display:flex}.sched-confirm-btn:hover{background:var(--green);color:var(--bg)}.sched-delete-btn{width:20px;height:20px;color:var(--fg-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;transition:all .2s;display:flex}.sched-row:hover .sched-delete-btn{opacity:1}.sched-delete-btn:hover{color:var(--red);background:#e67e8026}.sched-reorder{flex-direction:column;flex-shrink:0;gap:1px;display:flex}.sched-reorder-btn{width:18px;height:14px;color:var(--fg-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:0;font-size:.6rem;line-height:1;transition:all .15s;display:flex}.sched-row:hover .sched-reorder-btn{opacity:.6}.sched-reorder-btn:hover{color:var(--green);background:#a7c08026;opacity:1!important}.sched-reorder-btn:disabled{cursor:default;opacity:0!important}.sched-add-row{text-align:center;padding:8px 0}.sched-add-btn{border:1px dashed var(--card-border);color:var(--fg-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:6px 16px;font-size:.75rem;transition:all .2s}.sched-add-btn:hover{border-color:var(--green);color:var(--green)}.global-tooltip{z-index:2000;color:var(--fg);pointer-events:none;opacity:0;white-space:pre-line;text-align:center;background:#232a2ef2;border:1px solid #7d877d26;border-radius:6px;max-width:220px;padding:6px 10px;font-size:.7rem;line-height:1.4;transition:opacity .15s;position:fixed;transform:translate(-50%,-100%)}.global-tooltip.visible{opacity:1}.stat-label,.qe-card-header,.chart-header h2,.fc-label,.heatmap-month-label,.heatmap-legend,.ts-label,.srv-gauge-label,.srv-section-title,.logo,.tab,.period-btn,.sub-tab,.sbm-tag,.date-big-display,.hc-time,.stat-sub,.weather-desc,.wm-item,.modal-title,.srv-app-status{font-family:var(--mono)}.stat-label,.chart-header h2,.qe-card-header,.srv-section-title{text-transform:uppercase;letter-spacing:.12em;font-weight:500}.chart-header h2{color:var(--fg-dim);font-size:.7rem}.logo{letter-spacing:.14em;color:var(--fg-dim);font-size:.72rem}.logo .logo-accent{color:var(--green)}.greeting{font-family:var(--mono);letter-spacing:-.01em;font-size:1.2rem;font-weight:500}.stat-value{font-family:var(--mono);letter-spacing:-.02em;font-size:2.05rem;font-weight:700}.stat-unit{font-family:var(--mono);opacity:.45;font-size:.9rem;font-weight:500}.weather-temp{font-family:var(--mono);letter-spacing:-.02em;text-shadow:0 0 20px color-mix(in oklch, var(--green) 30%, transparent);font-weight:700}.stats-column{border:1px solid var(--card-border);background:oklch(0% 0 0/.24);border-radius:14px;gap:8px;padding:8px;box-shadow:inset 0 1px 14px -6px #0009}.stats-column .stat-card{border:1px solid var(--card-border);background:var(--card-bg);border-radius:10px;padding:13px 15px 11px;box-shadow:inset 0 1px oklch(100% 0 0/.05),0 10px 22px -16px #000000bf}.stats-column .stat-card:nth-child(5){grid-column:span 2}.stats-column .stat-card:before{display:none}.stats-column .stat-card:hover{border-color:color-mix(in oklch, var(--green) 32%, var(--card-border));background:oklch(100% 0 0/.06);transform:translateY(-2px)}.stat-head{justify-content:space-between;align-items:center;gap:8px;min-height:15px;margin-bottom:7px;display:flex}.stat-head .stat-label{margin-bottom:0}.stat-delta{font-family:var(--mono);letter-spacing:.02em;white-space:nowrap;border-radius:100px;padding:3px 7px 2px;font-size:.58rem;font-weight:600;line-height:1}.stat-delta.up{color:var(--green);background:color-mix(in oklch, var(--green) 14%, transparent)}.stat-delta.down{color:var(--red);background:color-mix(in oklch, var(--red) 14%, transparent)}.stat-chip{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted);white-space:nowrap;background:oklch(100% 0 0/.06);border-radius:100px;padding:3px 7px 2px;font-size:.54rem;font-weight:500;line-height:1}.stat-sub{white-space:nowrap;text-overflow:ellipsis;color:var(--fg-muted);overflow:hidden}.tabs{background:oklch(100% 0 0/.03)}.tab{letter-spacing:.06em;text-transform:uppercase;font-size:.68rem}.tab.active{background:color-mix(in oklch, var(--green) 14%, transparent);color:var(--green);box-shadow:none}.period-btn{letter-spacing:.05em;text-transform:uppercase;font-size:.62rem}.period-btn.active{background:color-mix(in oklch, var(--green) 16%, transparent);color:var(--green);box-shadow:none}.sub-tab.active{background:color-mix(in oklch, var(--green) 14%, transparent)}.sbm-tag{letter-spacing:.1em;border-radius:100px;padding:3px 9px;font-size:.52rem}.sync-dot{box-shadow:0 0 8px var(--green)}.weather-metrics,.weather-sun-col,.weather-temp-col{flex-shrink:0}.weather-quote{min-width:0;font-family:var(--mono);text-align:left;color:var(--fg-dim);border:1px solid var(--card-border);-webkit-line-clamp:2;background:oklch(0% 0 0/.22);border-radius:6px;-webkit-box-orient:vertical;flex:0 200px;padding:6px 10px;font-size:.66rem;line-height:1.4;display:none;overflow:hidden}.weather-quote:before{content:"$ ";color:var(--green)}.weather-hourly-wrap{background:oklch(0% 0 0/.18)}.heatmap-cell{background:oklch(100% 0 0/.05);border-radius:3px}.heatmap-cell[data-mood="1"]{background:oklch(34% .03 245)}.heatmap-cell[data-mood="2"]{background:oklch(45% .07 175)}.heatmap-cell[data-mood="3"]{background:oklch(56% .11 158)}.heatmap-cell[data-mood="4"]{background:oklch(66% .14 150)}.heatmap-cell[data-mood="5"]{background:oklch(76% .16 146)}.qe-save{background:var(--green);color:oklch(20% .02 245)}.icon{display:block}.weather-icon{color:var(--green);align-items:center;display:inline-flex}.wm-icon,.ws-icon{color:var(--green);opacity:.85;align-items:center;display:inline-flex}.hc-icon{color:var(--fg-dim);align-items:center;display:inline-flex}.wm-item,.ws-item,.hourly-item{align-items:center}.mring{flex-shrink:0;align-self:center;width:128px;height:128px;position:relative}.mring .ctr{text-align:center;place-items:center;line-height:1;display:grid;position:absolute;inset:0}.mring .ctr b{font-family:var(--mono);text-shadow:0 0 22px color-mix(in oklch, var(--green) 45%, transparent);font-size:1.85rem;font-weight:700}.mring .ctr span{color:var(--fg-muted);font-family:var(--mono);letter-spacing:.1em;margin-top:3px;font-size:.5rem;display:block}.track{background:oklch(100% 0 0/.06);border-radius:3px;height:6px;position:relative}.band{background:oklch(100% 0 0/.07);border-radius:3px;position:absolute;top:0;bottom:0}.fill{border-radius:3px;position:absolute;top:0;bottom:0;left:0}.pin{border:2px solid var(--bg-dim);border-radius:50%;width:10px;height:10px;position:absolute;top:-2px}.stage{border-radius:5px;gap:1px;height:14px;display:flex;overflow:hidden}.stage i{display:block}.donut{border-radius:50%;flex-shrink:0;width:64px;height:64px;position:relative}.donut:after{content:"";background:var(--bg-dim);border-radius:50%;position:absolute;inset:11px}.donut .c{z-index:1;font-family:var(--mono);place-items:center;font-size:.8rem;font-weight:700;display:grid;position:absolute;inset:0}.fspark{width:100%;height:17px;display:block}.commit-dots-grid{align-items:center;gap:3px;display:flex}.commit-dot{background:color-mix(in oklch, var(--green) 18%, transparent);border-radius:2px;width:7px;height:7px}.commit-dot-1{background:color-mix(in oklch, var(--green) 35%, transparent)}.commit-dot-2{background:color-mix(in oklch, var(--green) 55%, transparent)}.commit-dot-3{background:color-mix(in oklch, var(--green) 75%, transparent)}.commit-dot-4{background:var(--green)}.hm{flex-shrink:0;grid-template-columns:28px repeat(6,38px);justify-content:start;gap:4px;display:grid}.hm .hc{color:oklch(100% 0 0/.7);cursor:pointer;width:38px;height:38px;font-family:var(--mono);transition:transform .15s var(--ease-out);border-radius:5px;place-items:center;font-size:.56rem;display:grid}.hm .hc:hover{transform:scale(1.1)}.hm .hlbl{color:var(--fg-muted);font-family:var(--mono);place-items:center;font-size:.56rem;display:grid}.hm .hlbl.row{justify-content:end;padding-right:6px}.lbl{color:var(--fg-muted);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:.56rem}.src{border:1px solid var(--hair);color:var(--fg-muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:2px 7px;font-size:.5rem}.src.linked-source{cursor:pointer;transition:border-color .18s var(--ease-out), color .18s var(--ease-out)}.src.linked-source:hover{border-color:color-mix(in oklch, var(--green) 35%, transparent);color:var(--green)}.more{color:var(--green);font-family:var(--mono);letter-spacing:.04em;font-size:.58rem}.chips{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.hero2{margin-bottom:var(--gap);border:1px solid var(--card-border);background:oklch(100% 0 0/.02);border-radius:16px;grid-template-columns:auto 1.05fr 1.05fr;align-items:stretch;gap:26px;padding:20px 24px;display:grid}.sctx{flex-direction:column;justify-content:center;gap:13px;display:flex}.sctx .st{margin:3px 0;font-size:1.2rem;font-weight:700}.sctx .sd{min-height:1rem;color:var(--fg-dim);font-family:var(--mono);font-size:.64rem}.sctx .desc{max-width:280px;color:var(--fg-muted);font-family:var(--mono);font-size:.62rem;line-height:1.5}.flegend{flex-direction:column;gap:8px;margin-top:4px;display:flex}.frow{color:var(--fg-dim);font-family:var(--mono);grid-template-columns:10px 76px 1fr 28px 24px;align-items:center;gap:9px;font-size:.62rem;display:grid}.frow>i{border-radius:3px;width:10px;height:10px}.frow .fv{color:var(--fg);text-align:right;font-weight:600}.frow .fd{text-align:right;font-size:.54rem}.hcol{flex-direction:column;justify-content:center;gap:13px;display:flex}.strip-label{margin-bottom:6px}.strip{align-items:flex-end;gap:3px;height:32px;display:flex}.strip i{background:color-mix(in oklch, var(--green) 45%, transparent);border-radius:2px 2px 0 0;flex:1;min-height:4px}.strip i.today{background:var(--green);box-shadow:0 0 8px var(--green)}.reco{border:1px solid color-mix(in oklch, var(--green) 25%, transparent);color:var(--green);background:color-mix(in oklch, var(--green) 6%, transparent);font-family:var(--mono);border-radius:8px;align-items:center;gap:7px;padding:8px 11px;font-size:.63rem;display:flex}.brief{flex-direction:column;gap:9px;display:flex}.hero-brief{background:0 0;border:none;padding:0}.brief .bh{align-items:center;gap:8px;display:flex}.brief .bh .lbl{color:var(--purple)}.brief .bh .more{margin-left:auto}.brief p{color:var(--fg);font-size:.78rem;line-height:1.55}.live{margin-bottom:var(--gap);grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.lcell{border:1px solid var(--card-border);background:var(--card-bg);border-radius:11px;flex-direction:column;gap:5px;min-width:0;padding:11px 14px;display:flex}.lcell.now{border-color:color-mix(in oklch, var(--blue) 30%, transparent);background:color-mix(in oklch, var(--blue) 5%, transparent)}.lcell .lv{font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:600;overflow:hidden}.lcell .ls{color:var(--fg-muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:.6rem;overflow:hidden}.dot{background:var(--green);width:6px;height:6px;box-shadow:0 0 8px var(--green);border-radius:50%;margin-right:5px;display:inline-block}.domains{margin-bottom:var(--gap);grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.dom{border:1px solid var(--card-border);background:oklch(100% 0 0/.018);border-radius:14px;position:relative;overflow:hidden}.dh{align-items:center;gap:8px;padding:13px 15px 0;display:flex}.dh .nm{color:var(--fg-dim);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:.62rem}.dh .more{margin-left:auto}.db{flex-direction:column;gap:12px;padding:12px 15px 15px;display:flex}.prim{align-items:flex-end;gap:10px;display:flex}.prim .pv{font-family:var(--mono);text-shadow:0 0 22px color-mix(in oklch, currentColor 35%, transparent);font-size:2rem;font-weight:700;line-height:1}.prim .pu{color:var(--fg-muted);font-family:var(--mono);margin-bottom:3px;font-size:.8rem}.legend{flex-wrap:wrap;gap:12px;display:flex}.legend span{color:var(--fg-muted);font-family:var(--mono);align-items:center;gap:5px;font-size:.56rem;display:flex}.legend span:before{content:"";background:var(--c);border-radius:2px;width:8px;height:8px}.subs{border-top:1px solid var(--hair);flex-direction:column;gap:9px;padding-top:11px;display:flex}.sub{cursor:pointer;grid-template-columns:88px 1fr auto;align-items:center;gap:10px;display:grid}.sub .sl{color:var(--fg-dim);font-family:var(--mono);align-items:center;gap:5px;font-size:.62rem;display:flex}.info{border:1px solid var(--hair);width:13px;height:13px;color:var(--fg-muted);font-family:var(--mono);border-radius:50%;place-items:center;font-size:.5rem;display:inline-grid}.sv{min-width:48px;color:var(--fg);font-family:var(--mono);text-align:right;font-size:.7rem;font-weight:600}.spark-wrap{background:linear-gradient(to top, color-mix(in oklch, var(--purple) 16%, transparent), transparent), repeating-linear-gradient(90deg, oklch(100% 0 0/.04) 0 1px, transparent 1px 9px);border-radius:6px;height:34px}.spark-wrap .spark-svg{width:100%;height:34px;display:block}.text-track{background:0 0;align-items:center;display:flex}.text-track span{color:var(--fg-muted);font-family:var(--mono);font-size:.58rem}.donutrow{align-items:center;gap:14px;display:flex}.langs{flex-direction:column;gap:4px;display:flex}.lang{color:var(--fg-dim);font-family:var(--mono);align-items:center;gap:6px;font-size:.62rem;display:flex}.lang:before{content:"";background:var(--c);border-radius:2px;width:8px;height:8px}.bottom{margin-bottom:var(--gap);grid-template-columns:1.1fr 1fr;gap:14px;display:grid}.panel{border:1px solid var(--card-border);background:oklch(100% 0 0/.018);border-radius:14px;padding:15px}.panel h3{color:var(--fg-dim);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;font-size:.62rem;display:flex}.panel h3 .more{margin-left:auto}.hmwrap{align-items:flex-start;gap:22px;display:flex}.corr-list{flex-direction:column;flex:1;gap:11px;min-width:0;padding-top:2px;display:flex}.corr-list .lbl{margin-bottom:1px}.corr-item{align-items:flex-start;gap:11px;display:flex}.corr-item .ci-r{width:36px;font-family:var(--mono);text-align:right;flex-shrink:0;font-size:.74rem;font-weight:700}.corr-item .ci-r.pos{color:var(--green)}.corr-item .ci-r.neg{color:var(--red)}.corr-item b{color:var(--fg);font-family:var(--mono);margin-bottom:1px;font-size:.64rem;font-weight:600;display:block}.corr-item .cx{color:var(--fg-muted);font-size:.62rem;line-height:1.4}#trendsPanel{flex-direction:column;display:flex}.overview-trends-shell{flex:auto;min-height:168px;position:relative}.corr-drivers{border-top:1px solid var(--hair);flex-direction:column;gap:7px;margin-top:13px;padding-top:12px;display:flex}.corr-drivers .lbl{margin-bottom:2px}.drv{cursor:pointer;align-items:center;gap:10px;display:flex}.drv .dl{width:84px;color:var(--fg-dim);font-family:var(--mono);flex-shrink:0;font-size:.62rem}.drv .dbar{background:oklch(100% 0 0/.05);border-radius:4px;flex:1;min-width:0;height:7px;position:relative}.drv .dbar:before{content:"";background:oklch(100% 0 0/.16);width:1px;position:absolute;top:-2px;bottom:-2px;left:50%}.drv .dbar i{border-radius:4px;height:100%;position:absolute;top:0}.drv .dbar i.pos{background:var(--green)}.drv .dbar i.neg{background:var(--red)}.drv .dv{width:38px;font-family:var(--mono);text-align:right;flex-shrink:0;font-size:.66rem;font-weight:700}.drv .dv.pos{color:var(--green)}.drv .dv.neg{color:var(--red)}.drv:hover .dl{color:var(--fg)}.trend-range{gap:3px;margin-left:4px;display:inline-flex}.trend-range button{border:1px solid var(--card-border);color:var(--fg-muted);font-family:var(--mono);letter-spacing:.04em;cursor:pointer;background:0 0;border-radius:6px;padding:2px 7px;font-size:.56rem;transition:color .15s,border-color .15s,background .15s}.trend-range button:hover{color:var(--fg-dim);border-color:color-mix(in oklch, var(--green) 35%, transparent)}.trend-range button.active{color:var(--green);border-color:color-mix(in oklch, var(--green) 55%, transparent);background:color-mix(in oklch, var(--green) 12%, transparent)}.trend-stats{border-top:1px solid var(--hair);flex-wrap:wrap;gap:8px 18px;margin-top:12px;padding-top:11px;display:flex}.tchip{color:var(--fg-muted);font-family:var(--mono);align-items:center;gap:6px;font-size:.62rem;display:inline-flex}.tchip i{border-radius:2px;flex-shrink:0;width:8px;height:8px}.tchip b{color:var(--fg);font-weight:600}.tchip em{font-size:.6rem;font-style:normal}.tchip .d-up{color:var(--green)}.tchip .d-down{color:var(--red)}.tchip .d-flat{color:var(--fg-muted)}.empty-state{border:1px dashed color-mix(in oklch, var(--green) 24%, transparent);background:color-mix(in oklch, var(--green) 5%, transparent);border-radius:10px;flex-direction:column;justify-content:center;gap:6px;min-height:118px;padding:16px;display:flex}.empty-state b{color:var(--fg);font-family:var(--mono);font-size:.78rem;font-weight:700}@media (width<=1000px){.top-header-row{flex-wrap:wrap}.top-header-row>*{min-width:0}.tabs,.weather-widget-pane{flex:520px}.schedule-widget-pane{flex:260px}.hero2{grid-template-columns:minmax(0,1fr)}.mring{justify-self:center}.sctx .desc{max-width:none}.sctx,.hcol,.flegend,.frow,.reco,.brief{min-width:0}.live{grid-template-columns:repeat(2,minmax(0,1fr))}.domains,.bottom{grid-template-columns:1fr}.hmwrap{flex-direction:column}.analytics-grid,.analytics-grid.two,.analytics-grid.corr{grid-template-columns:1fr}.analytics-card.wide{grid-column:span 1}}@media (width<=700px){.top-header-row{grid-template-columns:1fr;display:grid}.header-branding{min-width:0}.tabs{flex-direction:column;align-items:stretch;width:100%}.tab,.apps-tab-group,.apps-tab-trigger{width:100%;min-width:0}.weather-current-row{flex-wrap:wrap}.weather-metrics,.weather-sun-col{border-left:none;width:100%;margin-left:0;padding-left:0}.weather-hourly{min-width:0}.hero2{gap:18px;padding:16px}.frow{grid-template-columns:10px 68px minmax(72px,1fr) 28px 24px;gap:7px}.fspark{min-width:0}.sctx .desc,.brief p,.reco{overflow-wrap:anywhere}.live{grid-template-columns:1fr}.dh{flex-wrap:wrap}.sub{grid-template-columns:minmax(76px,92px) minmax(0,1fr) auto;gap:8px}.panel h3{flex-direction:column;align-items:flex-start}.panel h3 .more{margin-left:0}.hmwrap{gap:16px}.hm{grid-template-columns:24px repeat(6,minmax(30px,1fr));width:100%}.hm .hc{width:100%;height:34px}.corr-list{width:100%}.analytics-head{flex-direction:column;align-items:flex-start}}.analytics-deep{gap:var(--gap);flex-direction:column;min-height:520px;display:flex}.analytics-head{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.analytics-head h2{color:var(--fg);margin:4px 0 0;font-size:1.3rem;font-weight:700}.analytics-subtabs{margin-bottom:0}.analytics-panel{display:none}.analytics-panel.active{display:block}.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.analytics-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid.corr{grid-template-columns:minmax(330px,.85fr) minmax(0,1.15fr)}.analytics-card{border:1px solid var(--card-border);background:oklch(100% 0 0/.018);border-radius:14px;min-width:0;padding:15px}.analytics-card.wide{grid-column:span 2}.analytics-card h3{color:var(--fg-dim);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:.62rem}.analytics-chart{height:220px;min-height:220px;position:relative}.analytics-chart.tall{height:280px;min-height:280px}.analytics-card.summary{flex-direction:column;gap:12px;display:flex}.analytics-kv{border-bottom:1px solid var(--hair);color:var(--fg-muted);font-family:var(--mono);justify-content:space-between;align-items:center;gap:12px;padding:9px 0;font-size:.7rem;display:flex}.analytics-kv:last-child{border-bottom:none}.analytics-kv b{color:var(--fg);font-size:.78rem;font-weight:700}.analytics-heatmap{overflow-x:auto}.analytics-heatmap .hm{grid-template-columns:34px repeat(6,48px)}.analytics-heatmap .hm .hc{border-radius:7px;width:48px;height:48px;font-size:.62rem}.analytics-lab{flex-direction:column;gap:16px;display:flex}.analytics-lab-head,.infra-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:0;display:flex}.analytics-lab-head h2,.infra-head h2{letter-spacing:0;margin-top:3px;font-size:1.5rem;font-weight:800}.analytics-lab-head h2 b,.infra-head h2 b{color:var(--green)}.periods{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.pbtn{border:1px solid var(--card-border);color:var(--fg-muted);cursor:pointer;font-family:var(--mono);background:0 0;border-radius:8px;padding:5px 11px;font-size:.62rem}.pbtn.active{border-color:color-mix(in oklch, var(--green) 55%, transparent);background:color-mix(in oklch, var(--green) 12%, transparent);color:var(--green)}.stamp{color:var(--fg-muted);font-family:var(--mono);margin-left:5px;font-size:.6rem}.lane-head{align-items:center;gap:9px;margin-bottom:9px;display:flex}.lane-hint{color:var(--green);margin-left:auto}.lane{grid-auto-columns:minmax(196px,1fr);grid-auto-flow:column;gap:10px;padding-top:4px;padding-bottom:5px;display:grid;overflow-x:auto}.find{cursor:pointer;border:1px solid var(--card-border);background:var(--card-bg);border-radius:13px;flex-direction:column;gap:7px;min-height:96px;padding:11px 12px;transition:border-color .15s,transform .15s;display:flex}.find:hover{border-color:color-mix(in oklch, var(--green) 35%, transparent);transform:translateY(-2px)}.find.active{border-color:color-mix(in oklch, var(--green) 60%, transparent);box-shadow:0 0 0 1px color-mix(in oklch, var(--green) 30%, transparent) inset}.find .tag{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border-radius:5px;align-self:flex-start;padding:2px 6px;font-size:.5rem}.tag.corr{background:color-mix(in oklch, var(--green) 14%, transparent);color:var(--green)}.tag.anom{background:color-mix(in oklch, var(--red) 14%, transparent);color:var(--red)}.tag.rec{background:color-mix(in oklch, var(--yellow) 14%, transparent);color:var(--yellow)}.tag.patt{background:color-mix(in oklch, var(--blue) 14%, transparent);color:var(--blue)}.tag.thr{background:color-mix(in oklch, var(--purple) 14%, transparent);color:var(--purple)}.find .fh{font-size:.76rem;font-weight:600;line-height:1.25}.find .fsub{color:var(--fg-muted);font-family:var(--mono);margin-top:auto;font-size:.55rem}.empty-state{border:1px solid var(--card-border);background:var(--card-bg);min-height:96px;color:var(--fg-dim);border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.empty-state span{color:var(--fg-muted);font-family:var(--mono);font-size:.62rem}.body2{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:stretch;gap:14px;display:grid}.chat{flex-direction:column;height:430px;min-height:430px;display:flex;overflow:hidden}.ph{color:var(--fg-dim);font-family:var(--mono);letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:13px;font-size:.62rem;display:flex}.ph .tagdot{background:var(--green);width:7px;height:7px;box-shadow:0 0 8px var(--green);border-radius:50%}.ph .right{color:var(--fg-muted);letter-spacing:0;text-transform:none;margin-left:auto;font-size:.55rem}.msgs{flex-direction:column;flex:1;gap:11px;min-height:0;padding-right:2px;display:flex;overflow:auto}.bubble{border-radius:13px;flex-shrink:0;max-width:90%;padding:11px 13px;font-size:.82rem;line-height:1.5}.bubble.ai{border:1px solid var(--card-border);background:var(--card-bg);border-top-left-radius:4px;align-self:flex-start}.bubble.me{border:1px solid color-mix(in oklch, var(--green) 30%, transparent);background:color-mix(in oklch, var(--green) 13%, transparent);border-top-right-radius:4px;align-self:flex-end}.bubble .who{color:var(--purple);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:6px;font-size:.54rem;display:flex}.srcrow{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.chat .chips{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.chip{border:1px solid var(--card-border);background:var(--card-bg);color:var(--fg-dim);cursor:pointer;font-family:var(--mono);border-radius:18px;padding:5px 11px;font-size:.6rem}.chip:hover{border-color:color-mix(in oklch, var(--green) 40%, transparent);color:var(--fg)}.composer{border:1px solid var(--card-border);background:var(--bg0);border-radius:10px;align-items:center;gap:8px;margin-top:12px;padding:7px 8px 7px 12px;display:flex}.composer input{min-width:0;color:var(--fg);background:0 0;border:0;outline:0;flex:1;font-family:Inter,sans-serif;font-size:.8rem}.composer input::placeholder{color:var(--fg-muted)}.composer .send{background:var(--green);color:var(--bg-dim);cursor:pointer;font-family:var(--mono);border:0;border-radius:7px;padding:6px 11px;font-size:.62rem;font-weight:600}.board{flex-direction:column;height:430px;min-height:430px;display:flex;overflow:hidden}.bctl{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:11px;display:flex}.seg{border:1px solid var(--card-border);border-radius:8px;display:inline-flex;overflow:hidden}.seg button{color:var(--fg-muted);cursor:pointer;font-family:var(--mono);background:0 0;border:0;padding:5px 8px;font-size:.55rem}.seg button.active{background:color-mix(in oklch, var(--green) 13%, transparent);color:var(--green)}.pick{border:1px solid var(--card-border);background:var(--card-bg);color:var(--fg-muted);cursor:pointer;font-family:var(--mono);border-radius:8px;align-items:center;gap:5px;padding:4px 9px;font-size:.58rem;display:inline-flex}.pick select{max-width:96px;color:var(--fg);font:inherit;background:0 0;border:0;outline:0}.bctl .x{color:var(--fg-muted);font-family:var(--mono);font-size:.7rem}.setby{color:var(--purple);font-family:var(--mono);margin-left:auto;font-size:.52rem}.viz{border:1px solid var(--hair);border-radius:var(--radius-sm);background:linear-gradient(color-mix(in oklch, var(--green) 4%, transparent), transparent 60%);flex:1;min-height:250px;padding:10px;position:relative;overflow:hidden}.viz canvas{width:100%;height:250px}.rbadge{z-index:2;border:1px solid color-mix(in oklch, var(--green) 35%, transparent);background:color-mix(in oklch, var(--green) 12%, transparent);color:var(--green);font-family:var(--mono);border-radius:7px;padding:4px 9px;font-size:.72rem;font-weight:700;position:absolute;top:12px;right:12px}.callout{z-index:2;border:1px solid color-mix(in oklch, var(--red) 35%, transparent);background:color-mix(in oklch, var(--red) 12%, transparent);color:var(--red);font-family:var(--mono);border-radius:6px;padding:3px 7px;font-size:.56rem;line-height:1.3;position:absolute}.bchips{gap:8px;margin-top:11px;display:flex}.bchip{border:1px solid var(--card-border);background:var(--card-bg);border-radius:9px;flex-direction:column;flex:1;gap:2px;padding:8px 10px;display:flex}.bchip span{color:var(--fg-muted);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:.5rem}.bchip b{font-family:var(--mono);font-size:.92rem}.bchip b.g{color:var(--green)}.bchip b.r{color:var(--red)}.bchip b.b{color:var(--blue)}@keyframes infraPulse{0%,to{box-shadow:0 0 0 0 color-mix(in oklch, var(--green) 60%, transparent)}50%{box-shadow:0 0 0 4px #0000}}.infra-cockpit{flex-direction:column;gap:16px;display:flex}.infra-cockpit .dot{width:8px;height:8px;box-shadow:none;flex-shrink:0;margin-right:0}.infra-cockpit .dot.up{background:var(--green)}.infra-cockpit .dot.warn{background:var(--yellow)}.infra-cockpit .dot.down{background:var(--red)}.infra-cockpit .dot.pulse{animation:2s infinite infraPulse}.top{grid-template-columns:300px 1fr;gap:14px;display:grid}.lcol{flex-direction:column;gap:12px;display:flex}.node .nm{font-family:var(--mono);align-items:center;gap:9px;margin-bottom:9px;font-size:1rem;font-weight:700;display:flex}.node .row{color:var(--fg-muted);font-family:var(--mono);justify-content:space-between;gap:10px;padding:2px 0;font-size:.63rem;display:flex}.node .row b{color:var(--fg-dim);text-align:right;font-weight:600}.vc{flex-direction:column;gap:9px;padding:13px 14px;display:flex}.vc .vr{grid-template-columns:42px 1fr 46px;align-items:center;gap:9px;display:grid}.vc .vr .vl{color:var(--fg-muted);font-family:var(--mono);text-transform:uppercase;font-size:.58rem}.vc .vr .vb{background:oklch(100% 0 0/.06);border-radius:4px;height:6px;overflow:hidden}.vc .vr .vb i{border-radius:4px;height:100%;display:block}.vc .vr .vv{font-family:var(--mono);text-align:right;font-size:.72rem;font-weight:700}.livewrap{position:relative}.livewrap .lh{align-items:center;gap:14px;margin-bottom:8px;display:flex}.livewrap .infra-periods{margin-left:auto}.livewrap .leg{color:var(--fg-muted);font-family:var(--mono);align-items:center;gap:6px;font-size:.56rem;display:flex}.livewrap .leg i{border-radius:2px;width:9px;height:3px}.livechart{height:172px;position:relative}.livechart canvas{width:100%;height:172px}.topohead{flex-wrap:wrap;align-items:center;gap:10px;margin:4px 0 12px 2px;display:flex}.topohead .topo-live{color:var(--green)}.topohead .leg2{gap:14px;margin-left:0;display:flex}.topohead .leg2 span{color:var(--fg-muted);font-family:var(--mono);align-items:center;gap:5px;font-size:.54rem;display:flex}.topo-controls{align-items:center;gap:5px;margin-left:auto;display:flex}.topo-ctl{border:1px solid var(--card-border);background:color-mix(in oklch, var(--bg0) 78%, transparent);width:30px;height:24px;color:var(--fg-muted);cursor:pointer;font-family:var(--mono);border-radius:6px;justify-content:center;align-items:center;font-size:.56rem;line-height:1;display:inline-flex}.topo-ctl:hover{border-color:color-mix(in oklch, var(--green) 46%, transparent);color:var(--green)}.topo-ctl.wide{width:auto;padding:0 9px}:is(.topo-frame:fullscreen,.topo-frame.is-fullscreen){z-index:1000;background:var(--bg0);flex-direction:column;padding:18px;display:flex;position:fixed;inset:0}:is(.topo-frame:fullscreen .topo,.topo-frame.is-fullscreen .topo){height:calc(100vh - 76px)}.topo{overscroll-behavior:contain;border:1px solid var(--card-border);border-radius:var(--radius);background:radial-gradient(120% 120% at 50% 0%, color-mix(in oklch, var(--green) 5%, transparent), transparent 55%), oklch(100% 0 0/.014);height:470px;position:relative;overflow:auto}.topo-canvas{min-width:100%;position:relative}.topo-plane{transform-origin:0 0;position:relative}.edges{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.edge{fill:none;stroke:oklch(100% 0 0/.16);stroke-width:1.4px}.edge.flow{stroke:color-mix(in oklch, var(--green) 45%, transparent);stroke-dasharray:4 7;animation:1.1s linear infinite infraFlow}.edge.mon{stroke:color-mix(in oklch, var(--purple) 35%, transparent);stroke-dasharray:2 6}.edge.llm{stroke:color-mix(in oklch, var(--purple) 44%, transparent);stroke-dasharray:3 8;animation:1.1s linear infinite infraFlow}.edge.remote{stroke:color-mix(in oklch, var(--blue) 50%, transparent);stroke-dasharray:5 4;animation:1.1s linear infinite infraFlow}@keyframes infraFlow{to{stroke-dashoffset:-22px}}.tnode{cursor:pointer;border:1px solid var(--card-border);background:color-mix(in oklch, var(--bg0) 86%, transparent);border-radius:11px;flex-direction:column;gap:5px;min-width:118px;padding:8px 11px;transition:border-color .15s,transform .15s;display:flex;position:absolute;transform:translate(-50%,-50%)}.tnode:hover{border-color:color-mix(in oklch, var(--green) 50%, transparent);transform:translate(-50%,-50%)scale(1.04)}.tnode.ext{background:0 0;border-style:dashed;min-width:0}.tnode .th{align-items:center;gap:7px;display:flex}.tnode .tn{font-family:var(--mono);font-size:.74rem;font-weight:700}.tnode.ext .tn{color:var(--fg-muted)}.tnode .tt{border:1px solid var(--card-border);color:var(--fg-muted);font-family:var(--mono);border-radius:4px;margin-left:auto;padding:1px 4px;font-size:.46rem}.tnode .tm{color:var(--fg-muted);font-family:var(--mono);align-items:center;gap:8px;font-size:.52rem;display:flex}.open{color:var(--green);cursor:pointer;font-family:var(--mono);font-size:.5rem}.ring2{background:conic-gradient(var(--gc) calc(var(--p) * 1%), oklch(100% 0 0/.09) 0);width:22px;height:22px;color:var(--fg-dim);font-family:var(--mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.42rem;display:flex;position:relative}.ring2:before{background:var(--bg-dim);content:"";border-radius:50%;width:15px;height:15px;position:absolute}.ring2 span{position:relative}.net{border:1px dashed color-mix(in oklch, var(--blue) 32%, transparent);background:color-mix(in oklch, var(--blue) 4%, transparent);border-radius:14px;width:268px;padding:11px;transition:border-color .15s;position:absolute}.net:hover{border-color:color-mix(in oklch, var(--blue) 55%, transparent)}.net .nlabel{border:1px solid color-mix(in oklch, var(--blue) 30%, transparent);background:var(--bg-dim);color:var(--blue);font-family:var(--mono);letter-spacing:0;white-space:nowrap;border-radius:5px;padding:1px 7px;font-size:.5rem;position:absolute;top:-8px;left:13px}.net .nkind{color:var(--fg-dim);margin-right:5px}.inode{border:1px solid var(--card-border);background:color-mix(in oklch, var(--bg0) 80%, transparent);border-radius:9px;flex-direction:column;gap:4px;min-width:0;padding:7px 9px;display:flex}.inode .ih{align-items:center;gap:6px;min-width:0;display:flex}.inode .inm{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--mono);font-size:.74rem;font-weight:700;overflow:hidden}.inode.app .inm{color:var(--green)}.inode .itt{border:1px solid var(--card-border);color:var(--fg-muted);font-family:var(--mono);border-radius:4px;flex-shrink:0;margin-left:auto;padding:1px 4px;font-size:.46rem}.inode .im{color:var(--fg-muted);font-family:var(--mono);align-items:center;gap:7px;font-size:.52rem;display:flex}.inode .open{margin-left:auto}.datarow{gap:7px;min-width:0;margin-top:7px;display:flex}.datarow .inode{flex:1 1 0;padding:6px 8px}.datarow .inm{color:var(--blue);font-size:.6rem}.foot{color:var(--fg-muted);font-family:var(--mono);opacity:.75;text-align:center;margin-top:14px;font-size:.56rem}