.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}@media (max-width:639px){.resource-grid{grid-template-columns:1fr}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--purple:var(--lightningcss-light,#5b2fa0)var(--lightningcss-dark,#b794f6);--purple-dark:var(--lightningcss-light,#421f78)var(--lightningcss-dark,#d4bcff);--purple-soft:var(--lightningcss-light,#f0ebfa)var(--lightningcss-dark,#241c35);--purple-soft-border:var(--lightningcss-light,#c9b3e8)var(--lightningcss-dark,#4a3870);--purple-code:var(--lightningcss-light,#4a2380)var(--lightningcss-dark,#d4bcff);--purple-mark:#5b2fa0;--ink:var(--lightningcss-light,#1a0d2e)var(--lightningcss-dark,#ede8ff);--body-text:var(--lightningcss-light,#3a3050)var(--lightningcss-dark,#cdc5e6);--secondary:var(--lightningcss-light,#6b5f85)var(--lightningcss-dark,#9990b8);--meta:var(--lightningcss-light,#a89dc0)var(--lightningcss-dark,#6a5f88);--meta-strong:#8a7faa;--muted:var(--lightningcss-light,#7a6e90)var(--lightningcss-dark,#8a7faa);--border:var(--lightningcss-light,#e8e2f2)var(--lightningcss-dark,#2e2540);--border-chip:var(--lightningcss-light,#d9d0eb)var(--lightningcss-dark,#4a3870);--bg:var(--lightningcss-light,#faf8fd)var(--lightningcss-dark,#100c1a);--bg-header:var(--lightningcss-light,#faf8fde0)var(--lightningcss-dark,#100c1ae0);--card:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1c1628);--tile:var(--lightningcss-light,#f7f5fb)var(--lightningcss-dark,#241c35);--track:var(--lightningcss-light,#ede9f6)var(--lightningcss-dark,#2e2540);--card-shadow-color:var(--lightningcss-light,#5b2fa01f)var(--lightningcss-dark,#00000073);--amber:#c47d0e;--red:var(--lightningcss-light,#c0392b)var(--lightningcss-dark,#f87171);--error-bg:var(--lightningcss-light,#fdf1ef)var(--lightningcss-dark,#3a1a18);--error-border:var(--lightningcss-light,#c0392b)var(--lightningcss-dark,#6b2b26);--chip-active-text:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1c1628);--selection:var(--lightningcss-light,#e4d6f7)var(--lightningcss-dark,#3d2b63);--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;color:var(--ink);background-color:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root.theme-switching *,:root.theme-switching :before,:root.theme-switching :after{transition:none!important}body{margin:0}::selection{background:var(--selection)}#app{flex-direction:column;min-height:100vh;display:flex}header{z-index:10;background:var(--bg-header);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 40px;display:flex;position:sticky;top:0}header a.logo{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-mark{background:var(--purple-mark);color:#fff;width:26px;height:26px;font-family:var(--font-mono);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;line-height:1;display:flex}.logo-word{letter-spacing:-.01em;color:var(--ink);font-size:15px;font-weight:600}header nav{flex-direction:row;align-items:center;gap:4px;display:flex}header nav a{color:var(--secondary);border-radius:8px;padding:8px 14px;font-size:14px;text-decoration:none;transition:background .15s,color .15s}header nav a:hover{background:var(--purple-soft);color:var(--purple)}header nav a.active{background:var(--purple-soft);color:var(--purple);font-weight:500}.header-actions{align-items:center;gap:4px;display:flex}.theme-toggle{width:32px;height:32px;color:var(--secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:inline-flex}.theme-toggle:hover{background:var(--purple-soft);color:var(--purple)}.theme-toggle:focus-visible{outline:2px solid var(--purple);outline-offset:2px}footer{border-top:1px solid var(--border);box-sizing:border-box;background:0 0;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding:28px 40px;display:flex}.footer-brand{color:var(--meta-strong);font-size:13px}.footer-built{color:var(--meta);font-size:12px}main{box-sizing:border-box;flex:auto;width:100%;max-width:960px;margin:0 auto;padding:64px 40px 96px}.home{width:100%}.eyebrow{font-family:var(--font-mono);letter-spacing:.08em;color:var(--purple);text-transform:uppercase;margin:0 0 16px;font-size:12px;font-weight:600}.page-title{letter-spacing:-.02em;color:var(--ink);margin:0 0 12px;font-size:36px;font-weight:600;line-height:1.2}.page-title.hero{max-width:620px;margin-bottom:16px;font-size:44px;line-height:1.15}.page-subtitle{color:var(--secondary);margin:0 0 40px;font-size:16px}.page-title.hero+.page-subtitle{margin-bottom:56px;font-size:17px}@media (max-width:639px){header,footer{padding-left:20px;padding-right:20px}header nav a{padding:8px 10px;font-size:13px}main{padding:40px 20px 64px}.page-title.hero{font-size:32px}.page-title{font-size:28px}}@media (max-width:479px){.logo-word{display:none}}.resource{background:var(--card);border:1px solid var(--border);color:inherit;box-sizing:border-box;border-radius:14px;flex-direction:column;gap:10px;padding:28px 24px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}a.resource:hover{border-color:var(--purple-soft-border);box-shadow:0 10px 28px var(--card-shadow-color);transform:translateY(-2px)}.resource-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.resource h2{color:var(--ink);margin:0;font-size:17px;font-weight:600}.resource-arrow{color:var(--meta);flex-shrink:0;font-size:15px;line-height:1.4}.resource p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.ProgressRoot{background:#696969;border-radius:99999px;width:100%;height:.5rem;margin:.3rem 0;position:relative;overflow:hidden;transform:translateZ(0)}.ProgressIndicator{background-color:#fff;width:100%;height:100%;transition:transform .66s cubic-bezier(.65,0,.35,1)}.home>a{color:inherit;align-items:center;gap:.5rem;margin-bottom:1rem;text-decoration:none;display:inline-flex}.home>h2{margin-top:0}.home button,.home select{border:1px solid var(--purple-soft-border);color:var(--purple);cursor:pointer;background:0 0;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.home button:hover,.home select:hover{background:var(--purple-soft);border-color:var(--purple)}@media (max-width:640px){.home>a{font-size:.875rem}.home>h2{font-size:1.25rem}.home select{width:100%;margin:.25rem 0;padding:.75rem}.DetailedKegCard>section{gap:.5rem;grid-template-columns:1fr!important}}.KegFullnessGauge{justify-content:center;align-items:center;width:100%;padding:.5rem 0;display:flex}.KegFullnessGauge>div{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}@media (max-width:640px){.KegFullnessGauge{flex-direction:column;gap:.5rem}.ProgressRoot{height:8px!important}}.KegCardTitle-meta{color:var(--meta);font-size:.85em;font-weight:400}.keg-toggle{margin-bottom:28px}.keg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.keg-grid>.status-state{grid-column:1/-1}@media (max-width:720px){.keg-grid{grid-template-columns:1fr}}.keg-card{background:var(--card);border:1px solid var(--border);color:inherit;box-sizing:border-box;border-radius:14px;flex-direction:column;gap:16px;padding:24px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}a.keg-card:hover{border-color:var(--purple-soft-border);box-shadow:0 10px 28px var(--card-shadow-color);transform:translateY(-2px)}.keg-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.keg-card-header>div:first-child{flex:1;min-width:0}.keg-card-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:17px;font-weight:600;overflow:hidden}.keg-card-meta{color:var(--meta);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;overflow:hidden}.keg-card-pct{font-family:var(--font-mono);color:var(--purple);flex-shrink:0;font-size:20px;font-weight:600;line-height:1.2}.keg-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}@media (max-width:480px){.keg-stats-grid{grid-template-columns:1fr 1fr}}.keg-stat{background:var(--tile);border-radius:8px;padding:10px 12px}.keg-stat-label{color:var(--meta);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;font-size:11px}.keg-stat-value{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.keg-bar-track{background:var(--track);border-radius:999px;width:100%;height:6px;overflow:hidden}.keg-bar-fill{background:var(--purple);border-radius:999px;height:100%;transition:width .4s}.keg-bar-fill.low{background:var(--amber)}.keg-bar-fill.empty{background:var(--red)}.status-state{background:var(--tile);border:1px solid var(--border);color:var(--secondary);text-align:center;border-radius:14px;margin:12px 0;padding:24px 16px}.status-state p{margin:0}.status-state-hint{color:var(--meta);font-size:13px;margin-top:4px!important}.status-state-error{background:var(--error-bg);border-color:var(--error-border);color:var(--red)}.status-state-retry{cursor:pointer;color:inherit;background:0 0;border:1px solid;border-radius:999px;margin-top:12px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:500}.spacer{padding:.5rem}.spacer2{padding:1.7rem}.DetailedKegCard>section{grid-template-columns:1fr 1fr;gap:1rem;margin-top:0;display:grid}.DetailedKegCard .resource{gap:0}.KegDetailsCard>h3{margin-bottom:0}.KegDetailsCard:first-child>h3{margin-top:0}
