:root{--bg:#f4f1ea;--bg-elevated:#fcfaf6;--panel:#fffdf9;--panel-2:#f8f4ee;--panel-3:#f4eee6;--border:#ded6cb;--border-strong:#c8beb2;--text:#2d241e;--text-soft:#64584d;--text-muted:#83786d;--accent:#2f6a53;--accent-soft:#e1eee7;--accent-strong:#214b3a;--warm:#b06a2e;--danger:#9c4b3b;--danger-soft:#f6e4df;--shadow:0 12px 30px #47352412;--shadow-soft:0 6px 16px #4735240d;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--font-sans:Inter, "Segoe UI", system-ui, sans-serif;--font-serif:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;font-family:var(--font-sans);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#f7f4ee 0%,#f2eee7 100%)}*{box-sizing:border-box}html,body,#app{min-height:100%}body{color:var(--text);background:var(--bg);margin:0}button,select,input{font:inherit}button{cursor:pointer}a{color:inherit}#app{min-height:100vh}.shell{width:min(1440px,100vw - 28px);margin:0 auto;padding:20px 0 44px}.panel{background:color-mix(in srgb, var(--panel) 90%, white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.hero{gap:var(--space-4);margin-bottom:var(--space-4);background:radial-gradient(circle at 100% 0,#2f6a5312,#0000 32%),linear-gradient(#ffffffd1 0%,#fcf9f4f5 100%);padding:22px 24px;display:grid}.hero-topline,.hero-main{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.hero-copy{gap:var(--space-2);min-width:0;display:grid}.garden-link{border:1px solid var(--border);width:fit-content;min-height:38px;color:var(--text-soft);white-space:nowrap;background:#ffffffc2;border-radius:999px;align-items:center;padding:8px 12px;text-decoration:none;display:inline-flex}.eyebrow,.summary-label,.meta-label,.toolbar-label,.meter-head span,dt{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:.74rem}.eyebrow{margin:9px 0 0}.hero h1{font-family:var(--font-serif);letter-spacing:-.04em;max-width:12ch;margin:0;font-size:clamp(2rem,3vw,3.2rem);line-height:.98}.lede{max-width:56ch;color:var(--text-soft);margin:0;font-size:.98rem;line-height:1.55}.hero-status{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:min(520px,46vw);margin:0;display:grid}.hero-status div{border-radius:var(--radius-md);background:#ffffffad;border:1px solid #c8beb2bf;gap:4px;padding:10px 12px;display:grid}.hero-status dt,.hero-status dd{margin:0}.hero-status dd{font-size:.94rem;font-weight:600;line-height:1.35}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.summary-card{gap:6px;padding:18px;display:grid}.summary-card--primary{background:linear-gradient(135deg,#f7fcf8 0%,#eef6f1 100%);border-color:#c8dacc}.summary-value{font-size:clamp(1.55rem,1.8vw,2.2rem);line-height:.95}.summary-card p,.server-subtitle,.list-primary p{color:var(--text-soft);margin:0}.toolbar{margin-bottom:var(--space-4);padding:14px 18px}.toolbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 18px;display:flex}.toolbar-meta{flex-wrap:wrap;align-items:end;gap:12px 16px;display:flex}.toolbar-meta>div,.toggle{gap:6px;display:grid}.segmented-control{background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:3px;display:inline-flex}.segmented-control button{min-height:38px;color:var(--text-soft);background:0 0;border:0;border-radius:999px;padding:8px 14px}.segmented-control button.active{background:var(--panel);color:var(--text);box-shadow:0 2px 10px #46362814}.toggle{color:var(--text-soft);grid-template-columns:auto 1fr;grid-auto-flow:column;align-self:end;align-items:center;gap:10px;min-height:38px}.toggle input{block-size:18px;inline-size:18px;margin:0}.region-select{border:1px solid var(--border);background:var(--panel);min-width:200px;min-height:38px;color:var(--text-soft);border-radius:12px;padding:8px 12px}.toolbar-summary{color:var(--text-soft);text-align:right;justify-items:end;gap:2px;display:grid}.toolbar-summary strong{color:var(--text);font-size:1rem;line-height:1}.toolbar-summary span{font-size:.9rem}.state{color:var(--text-soft);padding:24px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;display:grid}.server-card{gap:16px;padding:18px;display:grid}.server-card__top{justify-content:space-between;gap:var(--space-3);align-items:start;display:flex}.server-title-row{align-items:center;gap:10px;display:flex}.server-title-row h2{margin:0;font-size:1.05rem;line-height:1.15}.status-dot{background:var(--danger);border-radius:999px;flex:none;block-size:9px;inline-size:9px;box-shadow:0 0 0 4px #9c4b3b1f}.status-dot[data-online=true]{background:var(--accent);box-shadow:0 0 0 4px #2f6a531f}.tone-pill{background:var(--accent-soft);min-height:30px;color:var(--accent-strong);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:.8rem;display:inline-flex}.tone-pill[data-tone=warm]{color:var(--warm);background:#f7ebdf}.tone-pill[data-tone=hot],.tone-pill[data-tone=offline]{background:var(--danger-soft);color:var(--danger)}.headline-metrics{background:var(--panel-2);border-radius:var(--radius-md);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;display:grid}.headline-metrics span{color:var(--text-muted);margin-bottom:3px;font-size:.78rem;display:block}.headline-metrics strong{font-size:.95rem;line-height:1.25}.meter-list{gap:10px;display:grid}.meter-row{gap:6px;display:grid}.meter-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.meter-head strong,.list-row,.details-grid dd{font-variant-numeric:tabular-nums}.meter{background:#ece5db;border-radius:999px;block-size:8px;inline-size:100%;overflow:hidden}.meter span{border-radius:inherit;background:linear-gradient(90deg,#8bb49f 0%,#2f6a53 100%);block-size:100%;display:block}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:0;display:grid}.details-grid div{border-top:1px solid #c8beb299;gap:4px;padding-top:10px;display:grid}.details-grid dd{margin:0;font-size:.9rem;line-height:1.4}.list-shell{overflow:hidden}.list-head,.list-row{grid-template-columns:2fr .9fr .85fr .85fr 1fr .95fr .85fr;align-items:center;gap:14px;display:grid}.list-head{border-bottom:1px solid var(--border);color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;padding:14px 18px;font-size:.74rem}.list-row{border-bottom:1px solid #ded6cbcc;padding:14px 18px}.list-row:last-child{border-bottom:0}.list-primary{gap:4px;display:grid}.list-cell{overflow-wrap:anywhere;min-width:0}.server-card[data-tone=hot] .meter span,.server-card[data-tone=offline] .meter span{background:linear-gradient(90deg,#d6987f 0%,#9c4b3b 100%)}.server-card[data-tone=warm] .meter span{background:linear-gradient(90deg,#f0c18d 0%,#b06a2e 100%)}@media (width<=1180px){.summary-grid{grid-template-columns:1fr 1fr}.hero-main{flex-direction:column}.hero-status{width:100%;min-width:0}.list-head{display:none}.list-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px 16px}.list-cell:before{content:attr(data-label);color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:5px;font-size:.72rem;display:block}}@media (width<=860px){.shell{width:min(100vw - 18px,1440px);padding-top:14px}.hero-topline,.toolbar-row{flex-direction:column;align-items:stretch}.hero,.summary-grid,.hero-status,.headline-metrics,.details-grid,.list-row{grid-template-columns:1fr}.toolbar-meta{flex-direction:column;align-items:stretch}.toolbar-meta>div{width:100%}.toggle{justify-content:start}.segmented-control,.region-select{width:100%}.segmented-control button{flex:1}.toolbar-summary{text-align:left;justify-items:start}.server-card__top{flex-direction:column;align-items:flex-start}}@media (width<=640px){.shell{width:min(100vw - 14px,1440px);padding-bottom:32px}.hero,.summary-card,.toolbar,.server-card,.list-row,.state{border-radius:16px}.hero{padding:18px 16px}.summary-card,.toolbar,.server-card,.list-row,.state{padding-block:14px;padding-inline:14px}.summary-grid,.card-grid{gap:10px}.hero h1{max-width:none}.lede{font-size:.94rem}}@media (pointer:coarse){.segmented-control button,.region-select,.garden-link,.toggle{min-height:44px}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.panel,.segmented-control button,.garden-link,.region-select{transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s,color .18s}.server-card:hover,.summary-card:hover,.garden-link:hover{transform:translateY(-2px)}.segmented-control button:hover,.region-select:hover{border-color:var(--border-strong)}}button:focus-visible,select:focus-visible,input:focus-visible,.garden-link:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 70%, white);outline-offset:2px}