@font-face{font-family:ShouJinTi;src:url(/fonts/ShouJinTi-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:dark;--bg: #1e2021;--surface: #181a1b;--surface-2: #222426;--surface-3: #1d1f20;--surface-hover: #23262a;--paper: #e9ebec;--paper-ink: #151a1f;--paper-border: rgba(21, 26, 31, .12);--text: #cdc9c2;--text-soft: #a69e93;--text-muted: rgba(205, 201, 194, .5);--border: rgba(126, 117, 103, .12);--border-strong: rgba(126, 117, 103, .2);--border-stronger: rgba(126, 117, 103, .32);--input-bg: rgba(126, 117, 103, .07);--tint-weak: rgba(255, 255, 255, .03);--tint-mid: rgba(255, 255, 255, .06);--tint-strong: rgba(255, 255, 255, .11);--hover-bg: rgba(255, 255, 255, .05);--accent: #5ea69c;--accent-soft: #8fc4bb;--accent-ink: #131716;--accent-fill: rgba(94, 166, 156, .14);--accent-border: rgba(94, 166, 156, .42);--accent-focus: rgba(94, 166, 156, .55);--info: #a69e93;--danger: #e06c75;--danger-soft: #f0949d;--danger-fill: rgba(224, 108, 117, .14);--danger-border: rgba(224, 108, 117, .34);--chart-1: #5ea69c;--chart-2: #c2cfa2;--chart-3: #a4799e;--chart-4: #706690;--chart-5: #8fc4bb;--chart-6: #cdc9c2;--track: #24272a;--tooltip-bg: var(--surface-hover);--cta-bg: #293035;--cta-bg-hover: #313a40;--cta-text: #e2e0dc;--scrim: rgba(8, 9, 9, .72);--shadow-pop: 0 12px 32px rgba(0, 0, 0, .45);--scrollbar-track: transparent;--scrollbar-thumb: rgba(255, 255, 255, .16);--scrollbar-thumb-hover: rgba(255, 255, 255, .28);--panel: transparent;--glass-panel-top: var(--surface);--glass-panel-bottom: var(--surface);--glass-panel-solid: var(--surface);--glass-border: var(--border);--glass-border-hover: rgba(0, 0, 0, .5);--glass-shadow: 0 0 0 rgba(0, 0, 0, 0);--glass-shadow-hover: 0 0 0 rgba(0, 0, 0, 0);--glass-shadow-inset: 0 0 0 rgba(0, 0, 0, 0);--glass-radius-shell: 0px;--glass-radius-card: 0px;--glass-radius-inner: 0px;--focus-ring: var(--accent-focus);--ease-out: cubic-bezier(.21, .86, .35, 1);--radius-xl: 0px;--radius-lg: 0px;--radius-md: 0px;font-family:ShouJinTi,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}[data-theme=light]{color-scheme:light;--bg: #f3f4f7;--surface: #ffffff;--surface-2: #eceef2;--surface-3: #f1f3f5;--surface-hover: #e7eaf0;--text: #252931;--text-soft: #5c6572;--text-muted: rgba(37, 41, 49, .55);--border: rgba(37, 43, 57, .1);--border-strong: rgba(37, 43, 57, .14);--border-stronger: rgba(37, 43, 57, .2);--input-bg: rgba(37, 43, 57, .04);--tint-weak: rgba(37, 43, 57, .03);--tint-mid: rgba(37, 43, 57, .07);--tint-strong: rgba(37, 43, 57, .12);--hover-bg: rgba(37, 43, 57, .05);--accent: #316658;--accent-soft: #4b7f71;--accent-ink: #ffffff;--accent-fill: rgba(49, 102, 88, .1);--accent-border: rgba(49, 102, 88, .38);--accent-focus: rgba(49, 102, 88, .5);--info: #6b7280;--danger: #d63246;--danger-soft: #b02a37;--danger-fill: rgba(214, 50, 70, .1);--danger-border: rgba(214, 50, 70, .35);--chart-1: #316658;--chart-2: #5f8a7c;--chart-3: #8a6890;--chart-4: #625a7e;--chart-5: #87a05f;--chart-6: #333c42;--track: #e3e6ed;--cta-bg: #333c42;--cta-bg-hover: #444f56;--cta-text: #f5f6f7;--scrim: rgba(236, 239, 241, .72);--shadow-pop: 0 10px 30px rgba(31, 36, 40, .12);--scrollbar-track: transparent;--scrollbar-thumb: rgba(37, 43, 57, .24);--scrollbar-thumb-hover: rgba(37, 43, 57, .42);--glass-border-hover: rgba(38, 43, 47, .24)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:var(--bg);transition:background-color .18s ease,color .18s ease;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--accent-border);color:var(--text)}html{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:0;background:var(--scrollbar-thumb)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:transparent}a{color:inherit;text-decoration:none}:is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}button{font:inherit}:root{accent-color:var(--accent)}#root{position:relative;z-index:1}.meta-card strong,.clock-text-wrap strong,.panel-stat strong,.status-summary-stat strong,.status-hero-metric strong,.monitor-stat-card strong,.gauge-value{font-variant-numeric:tabular-nums}.app-shell{min-height:100vh;display:grid;grid-template-columns:196px minmax(0,1fr);gap:18px;padding:16px}.view-stage{min-width:0;min-height:calc(100vh - 32px)}.side-nav{position:sticky;top:16px;height:calc(100vh - 32px);padding:18px 14px 14px;display:flex;flex-direction:column;border-radius:var(--glass-radius-shell);background:var(--surface-2);border:1px solid var(--border)}.nav-toggle,.nav-scrim{display:none}.side-nav-brand{margin-bottom:22px;padding:4px 8px 0}.side-nav-kicker,.section-kicker,.meta-label{display:inline-flex;align-items:center;gap:7px;color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.side-nav-kicker:before,.section-kicker:before,.meta-label:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--accent)}.side-nav-links{display:grid;gap:10px}.side-nav-footer{margin-top:auto;display:grid;grid-template-columns:auto 1fr;gap:8px;padding-top:18px}.theme-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-grid;place-items:center;width:48px;min-height:48px;border:1px solid var(--border);border-radius:0;background:transparent;color:var(--text-soft);cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}.theme-toggle:hover{background:var(--hover-bg);color:var(--text);border-color:var(--border-stronger)}.world-entry,.primary-action,.danger-action,.ghost-action,.ghost-danger{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;border:1px solid transparent;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.world-entry,.primary-action{position:relative;overflow:hidden;min-height:48px;padding:12px 18px;background:var(--cta-bg);color:var(--cta-text);font-weight:600;border-color:var(--cta-bg);white-space:nowrap}.world-entry:hover,.primary-action:hover{background:var(--cta-bg-hover);border-color:var(--cta-bg-hover)}.world-entry{display:inline-flex;align-items:center;justify-content:center;gap:8px}.world-entry-live:before{content:"";flex:none;width:8px;height:8px;border-radius:999px;background:var(--accent);animation:live-pulse 2.6s ease-in-out infinite}.side-nav-footer .world-entry{padding:12px 8px;font-size:.9rem}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.4}}.field-hint,.credentials-note,.credential-agent,.credential-card-head span,.credential-meta-grid span,.setup-copy,.setup-uri-box code,.setup-secret-box span{color:var(--text-soft)}.side-nav-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:0;background:transparent;color:var(--text-soft);font-size:1.125rem;text-align:left;padding:14px 16px;cursor:pointer;transition:background .18s ease,color .18s ease}.side-nav-item:hover{color:var(--text);background:var(--hover-bg)}.side-nav-item.active{color:var(--text);background:var(--accent-fill);box-shadow:inset 3px 0 0 var(--accent)}.view-panel{display:none}.view-panel:has(>.papers-layout),.view-panel:has(>.mail-layout),.view-panel:has(>.secrets-layout),.view-panel:has(>.todo-layout),.view-panel:has(>.share-layout){overflow:hidden}.view-panel.active{display:block;min-width:0;min-height:calc(100vh - 32px);animation:view-enter .36s var(--ease-out) both}@keyframes view-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.panel-card{border-radius:0;background:transparent;border:0;box-shadow:none}.panel-empty{padding:18px 20px;border-radius:0;background:var(--tint-weak);color:var(--text-soft)}.about-page-grid{height:calc(100vh - 32px);min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-column{min-height:0;height:100%;display:grid;align-content:start;gap:18px;padding:22px}.blog-column{grid-template-rows:auto minmax(0,1fr);overflow:hidden}.chart-panel,.github-panel,.monitor-panel{display:grid;align-content:start;gap:18px;padding:22px;min-width:0}.home-column-head{display:grid;gap:8px}.column-title{margin:0;font-size:1.9rem;font-weight:700}.about-header.stacked-about-header{display:grid;grid-template-columns:1fr;gap:18px;justify-items:start}.about-heading-block{display:grid;gap:10px;max-width:100%}.avatar-wrap{width:120px;height:120px;border-radius:0;overflow:hidden;border:1px solid var(--border)}.avatar{width:100%;height:100%;display:block}.page-title,.panel-title{margin:0;font-size:clamp(2rem,4vw,3.6rem);line-height:1.05;letter-spacing:-.02em}.headline-quote{margin:0;color:var(--accent);font-size:clamp(1.02rem,1.8vw,1.3rem);line-height:1.55;min-height:3.1em;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.about-contact-list,.blog-feed-list,.link-list.vertical-link-list,.status-layout,.monitor-layout{display:grid;gap:14px}.blog-feed-scroll{min-height:0;height:100%;overflow:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.meta-card{position:relative;display:grid;gap:10px;padding:22px 24px;border-radius:var(--glass-radius-card);background:var(--glass-panel-solid);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-inset),var(--glass-shadow)}.meta-card strong{font-size:2rem}.clock-card-body{display:flex;align-items:center;gap:18px}.clock-widget-wrap{flex:0 0 auto}.clock-widget-wrap .react-clock{width:96px;height:96px}.clock-widget-wrap .react-clock__face{border:1px solid var(--border-strong);background:var(--tint-weak)}.clock-widget-wrap .react-clock__mark__body,.clock-widget-wrap .react-clock__hour-mark__body{background:var(--scrollbar-thumb-hover)}.clock-widget-wrap .react-clock__hand__body{background:var(--accent)}.clock-widget-wrap .react-clock__second-hand__body{background:var(--info)}.clock-text-wrap{display:grid;gap:8px}.clock-text-wrap span,.blog-feed-date,.blog-feed-summary,.panel-link,.panel-stat span,.project-placeholder,.source-tag,.grafana-legend,.chart-tooltip-row,.chart-tooltip-time{color:var(--text-soft)}.contact-link-item{position:relative;display:inline-flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:var(--glass-radius-inner);background:linear-gradient(180deg,var(--glass-panel-top),var(--glass-panel-bottom));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-inset),var(--glass-shadow);transition:background .18s ease,border-color .18s ease}.contact-link-item:hover{border-color:var(--accent-border);background:var(--surface-hover)}.contact-link-item:hover .contact-link-icon{background:var(--accent);color:var(--cta-text)}.contact-link-icon{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border-radius:0;background:var(--accent-fill);color:var(--accent);font-size:.82rem;font-weight:700}.icp-footer{grid-column:1 / -1;justify-self:center;padding:2px 0 6px;color:var(--text-muted);font-size:.82rem;line-height:1.6;text-align:center}.icp-footer a:hover{color:var(--text);text-decoration:underline;text-underline-offset:4px}.blog-feed-item,.project-card-item,.heatmap-frame,.gauge-card,.pressure-card,.monitor-stat-card,.timeseries-panel,.credential-card,.secret-card,.setup-secret-box,.setup-uri-box{position:relative;border-radius:var(--glass-radius-card);background:linear-gradient(180deg,var(--glass-panel-top),var(--glass-panel-bottom));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-inset),var(--glass-shadow)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:var(--scrim)}.modal-card{width:min(100%,34rem);display:grid;gap:18px;padding:22px;border-radius:0;background:var(--surface);border:1px solid var(--border)}.modal-card-compact{width:min(100%,28rem)}.modal-close{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:0;background:transparent;color:var(--text-soft);cursor:pointer;transition:color .15s ease}.modal-close:hover{color:var(--text)}.tselect,.tdate{position:relative;min-width:0}.tselect-trigger,.tdate-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:40px;padding:0 12px;border:1px solid var(--border-strong);border-radius:0;background:var(--tint-weak);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease}.tselect-trigger:hover,.tdate-trigger:hover{border-color:var(--border-stronger)}.tselect-trigger.tselect-open,.tdate-open .tdate-trigger,.tselect-trigger:focus-visible,.tdate-trigger:focus-visible{border-color:var(--accent-border);outline:none}.monitor-panel .tselect-trigger{height:34px;background:var(--surface-hover)}.tselect-value,.tdate-value{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tdate-placeholder{color:var(--text-muted)}.tselect-chevron,.tdate-icon{flex:none;color:var(--text-soft);transition:transform .15s ease}.tselect-open .tselect-chevron{transform:rotate(180deg)}.tselect-menu,.tdate-pop{position:absolute;top:calc(100% + 4px);right:0;z-index:40;min-width:100%;margin:0;padding:4px;list-style:none;border:1px solid var(--border-strong);border-radius:0;background:var(--surface-2);box-shadow:var(--shadow-pop)}.tdate-pop{right:auto;left:0;width:264px;padding:10px}.tselect-option{display:block;width:100%;padding:7px 10px;border:0;border-radius:0;background:transparent;color:var(--text);font:inherit;text-align:left;white-space:nowrap;cursor:pointer}.tselect-option:hover,.tselect-option.tselect-option-focus{background:var(--hover-bg)}.tselect-option-active,.tselect-option-active:hover,.tselect-option-active.tselect-option-focus{background:var(--accent-fill);color:var(--accent-soft)}.tdate-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tdate-title{color:var(--text);font-size:1.045rem;font-weight:600}.tdate-nav{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:0;border-radius:0;background:transparent;color:var(--text-soft);cursor:pointer}.tdate-nav:hover{color:var(--text);background:var(--hover-bg)}.tdate-week,.tdate-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.tdate-week span{color:var(--text-muted);font-size:.875rem;text-align:center;padding:4px 0}.tdate-cell{display:inline-flex;align-items:center;justify-content:center;height:30px;font-size:1.005rem}.tdate-day{border:0;border-radius:0;background:transparent;color:var(--text);font:inherit;cursor:pointer}.tdate-day:hover:not(:disabled){background:var(--hover-bg)}.tdate-day:disabled{color:var(--text-muted);opacity:.45;cursor:default}.tdate-day-today:not(.tdate-day-active){color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}.tdate-day-active,.tdate-day-active:hover:not(:disabled){background:var(--accent);color:var(--accent-ink);font-weight:600}.tdate-time{display:flex;align-items:center;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.tdate-time-input{width:44px;padding:6px 8px;border:1px solid var(--border-strong);border-radius:0;background:var(--tint-weak);color:var(--text);font:inherit;text-align:center}.tdate-time-input:focus-visible{border-color:var(--accent-border);outline:none}.tdate-time-sep{color:var(--text-soft)}.tdate-done{margin-left:auto;padding:6px 14px;border:1px solid var(--border-strong);border-radius:0;background:transparent;color:var(--text);font:inherit;cursor:pointer}.tdate-done:hover{border-color:var(--accent-border);color:var(--accent-soft)}.modal-head,.credential-card-head,.credential-meta-grid,.setup-secret-box,.setup-uri-box{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modal-title{margin:6px 0 0;font-size:1.7rem}.dialog-title{font-size:1.45rem}.dialog-body{display:grid;gap:14px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.dialog-copy{margin:0;line-height:1.65}.dialog-copy-soft{color:var(--text-soft)}.dialog-copy-danger{color:var(--danger-soft)}.toast-stack{position:fixed;top:24px;right:24px;z-index:80;display:grid;gap:12px;width:min(360px,calc(100vw - 32px))}.toast-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:0;border:1px solid var(--border);background:var(--surface-hover);box-shadow:var(--shadow-pop)}.toast-success{border-color:var(--accent-border)}.toast-danger{border-color:#f2495c59}.toast-info{border-color:var(--border-stronger)}.toast-copy{display:grid;gap:4px}.toast-copy strong{color:var(--text);font-size:.95rem}.toast-copy span{color:var(--text-soft);line-height:1.55;font-size:.9rem}.toast-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:0;border:0;background:var(--hover-bg);color:var(--text-soft);font-size:1rem}.dialog-field input{width:100%}.auth-form,.setup-panel,.credential-list{display:grid;gap:14px}.field-block{display:grid;gap:8px}.field-block span,.setup-secret-box strong,.credential-card-head strong,.credential-meta-grid strong{color:var(--text)}.field-block input{width:100%;padding:12px 14px;border-radius:0;border:1px solid var(--border);background:var(--tint-weak);color:var(--text)}.field-block input:focus{outline:none;border-color:var(--accent-focus);box-shadow:0 0 0 1px var(--accent-fill)}.ghost-action,.ghost-danger{min-height:48px;padding:12px 18px;background:var(--surface-3);color:var(--text-soft);border-color:var(--border)}.ghost-action:hover,.ghost-danger:hover{color:var(--text);background:var(--surface-hover);border-color:var(--border-strong)}.danger-action,.ghost-danger{color:var(--danger-soft)}.danger-action{min-height:48px;padding:12px 18px;background:rgba(242,73,92,.08);border-color:#f2495c38}.form-error{padding:12px 14px;border-radius:0;background:rgba(242,73,92,.08);border:1px solid rgba(242,73,92,.18);color:var(--danger-soft)}.setup-secret-box,.setup-uri-box,.credential-card{padding:16px 18px}.setup-secret-box strong,.setup-uri-box code{max-width:100%;overflow-wrap:anywhere}.list-load-more{display:flex;justify-content:center;padding-top:6px}.checkbox-field{display:flex;align-items:center;justify-content:space-between;gap:12px}.checkbox-field input{width:18px;height:18px}.field-block textarea{width:100%;padding:12px 14px;border-radius:0;border:1px solid var(--border);background:var(--tint-weak);color:var(--text);resize:vertical;font:inherit}.field-block textarea:focus{outline:none;border-color:var(--accent-focus);box-shadow:0 0 0 1px var(--accent-fill)}.credential-card{display:grid;gap:14px}.credential-card.current{border-color:var(--accent-border);box-shadow:inset 3px 0 0 var(--accent)}.credential-card-head>div{display:grid;gap:4px}.credential-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.credential-meta-grid>div{display:grid;gap:4px}.blog-feed-item{display:grid;gap:10px;padding:18px 20px;width:min(100%,36rem);transition:background .18s ease,border-color .18s ease}.blog-feed-item:hover,.project-card-item:hover{border-color:var(--accent-border);background:var(--surface-hover)}.blog-feed-title{font-size:1.125rem;line-height:1.45}.blog-feed-summary{margin:0;line-height:1.7;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}.project-card-list{display:grid;gap:12px}.project-card-item{display:grid;gap:10px;padding:18px 20px;transition:transform .22s var(--ease-out),border-color .22s ease,box-shadow .22s ease}.project-card-title{font-size:1.125rem;line-height:1.35}.project-card-summary{margin:0;color:var(--text-soft);line-height:1.65;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}.project-card-language{color:var(--accent);font-size:.82rem}.panel-head,.grafana-board-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-stat{display:grid;gap:4px;text-align:right}.panel-stat strong{font-size:1.2rem}.status-title,.monitor-title{font-size:clamp(1.35rem,2vw,1.95rem)}.status-hero-card,.status-surface{position:relative;display:grid;gap:18px;padding:22px;border-radius:var(--glass-radius-shell);background:linear-gradient(180deg,var(--glass-panel-top),var(--glass-panel-bottom));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-inset),var(--glass-shadow)}.status-range-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end}.status-filter-actions .ghost-action,.status-filter-actions .primary-action{min-width:112px}.status-hero-card{grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr);align-items:end}.status-hero-copy{display:grid;gap:10px}.status-hero-title{margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;letter-spacing:-.02em}.status-hero-subtitle{margin:0;color:var(--text-soft);font-size:1rem}.status-hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.status-range-metric{align-content:start}.range-chip-row{display:flex;flex-wrap:wrap;gap:8px}.range-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:8px 12px;border-radius:0;border:1px solid var(--border);background:var(--tint-weak);color:var(--text-soft);cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.range-chip:hover{color:var(--text);border-color:var(--border-strong);background:var(--hover-bg)}.range-chip.active{color:var(--text);border-color:var(--accent-border);background:var(--accent-fill)}.status-hero-metric{display:grid;gap:8px;padding:16px 18px;border-radius:0;background:var(--tint-weak);border:1px solid var(--border);transition:border-color .18s ease,background .18s ease}.status-hero-metric:hover{border-color:var(--accent-border);background:var(--tint-mid)}.status-hero-metric span{color:var(--text-soft);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}.status-hero-metric strong{font-size:1.04rem;line-height:1.4}.status-donut-card{align-content:start}.chart-tooltip-dot{width:10px;height:3px;border-radius:0}.chart-tooltip{min-width:180px;padding:12px 14px;border-radius:0;background:var(--tooltip-bg);border:1px solid var(--border-strong);box-shadow:var(--glass-shadow)}.chart-tooltip-time{margin-bottom:10px;font-size:.9rem;font-weight:700;color:var(--text)}.chart-tooltip-list{display:grid;gap:8px}.chart-tooltip-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;font-size:.84rem}@media (max-width: 1180px){.app-shell{grid-template-columns:1fr}.side-nav{position:static;height:auto}.about-page-grid,.status-hero-card,.schedule-grid{grid-template-columns:1fr}.about-page-grid,.view-stage,.view-panel.active{height:auto;min-height:auto}.status-range-toolbar{grid-template-columns:1fr}}@media (max-width: 720px){.app-shell{padding:12px}.home-column,.chart-panel,.github-panel,.monitor-panel{min-height:auto;height:auto;padding:18px}.panel-head,.clock-card-body,.modal-head,.credential-card-head,.setup-secret-box,.setup-uri-box{flex-direction:column;align-items:flex-start}.credential-meta-grid,.status-hero-metrics{grid-template-columns:1fr}.status-filter-actions{justify-content:flex-start;flex-wrap:wrap}}@media (max-width: 900px){.app-shell{grid-template-columns:1fr;padding-top:72px}.nav-toggle{position:fixed;top:16px;left:16px;z-index:25;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:0;border:1px solid var(--border);background:var(--surface-3);color:var(--text);box-shadow:var(--shadow-pop)}.nav-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;display:block;border:0;background:rgba(4,7,10,.36)}.side-nav{position:fixed;top:16px;left:16px;bottom:16px;height:auto;width:min(320px,calc(100vw - 32px));z-index:20;transition:transform .22s ease,opacity .22s ease}.side-nav.collapsed{transform:translate(calc(-100% - 24px));opacity:0;pointer-events:none}.side-nav.open{transform:translate(0);opacity:1}}@media (prefers-reduced-motion: reduce){.world-entry-live:before{animation:none}.view-panel.active{animation:none}.contact-link-item,.blog-feed-item,.project-card-item,.status-hero-metric,.side-nav-item{transition:none}}
