:root{color-scheme:light;--bg: #f3ead8;--bg-accent: #f7c46c;--panel: rgba(26, 33, 44, .92);--panel-soft: rgba(255, 249, 238, .9);--text: #fdf8ef;--text-dark: #1e2530;--muted: rgba(253, 248, 239, .72);--outline: rgba(253, 199, 108, .35);--good: #a5efbd;--warning: #ffd27b;--danger: #ffc0ab;--shadow: 0 28px 80px rgba(44, 26, 6, .18);font-family:IBM Plex Sans,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(255,211,122,.8),transparent 32%),radial-gradient(circle at top right,rgba(255,113,68,.28),transparent 26%),linear-gradient(180deg,#f8eedb,#ebdfca);color:var(--text-dark);line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}button:disabled{cursor:wait;opacity:.7}#app{min-height:100vh}.shell{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 3rem}.panel{border:1px solid var(--outline);border-radius:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-width:0}.hero{background:linear-gradient(135deg,#111821f5,#1e2a37f0),linear-gradient(120deg,#ffc15f14,#fff0);color:var(--text);padding:2rem;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -4rem -4rem auto;width:14rem;height:14rem;border-radius:999px;background:#ffc55b1f}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;color:var(--warning);margin:0 0 .6rem}.hero h1{font-size:clamp(2.2rem,4vw,4.4rem);line-height:.96;margin:0;max-width:10ch}.lede{margin:1rem 0 0;max-width:44rem;color:var(--muted);font-size:1.05rem}.hero-grid,.grid,.package-pages{display:grid;gap:1rem}.hero-grid{margin-top:1.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-card{background:#fff8ec14;border:1px solid rgba(255,210,123,.12);border-radius:20px;padding:1rem;min-width:0}.metric-label{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--warning);margin-bottom:.45rem}.metric-card strong{display:block;font-size:1rem;overflow-wrap:anywhere}.banner{display:flex;align-items:center;gap:1rem;margin-top:1rem;padding:1rem 1.2rem;border-radius:22px;border:1px solid rgba(31,39,50,.1);background:#ffffffb3;box-shadow:var(--shadow)}.banner strong{flex:0 0 auto;min-width:5rem}.banner p{margin:0;overflow-wrap:anywhere}.banner-fresh{background:#a5efbd6b}.banner-offline,.banner-stale{background:#ffd27b61}.banner-empty,.banner-error{background:#ffc0ab66}.grid{margin-top:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.grid .panel{background:var(--panel-soft);color:var(--text-dark);padding:1.5rem}.panel h2,.panel h3{margin:0 0 1rem}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.ghost-button{border:1px solid rgba(42,51,62,.16);background:#ffffff8f;border-radius:999px;color:var(--text-dark);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:.7rem 1rem;min-height:2.85rem;transition:transform .16s ease,background .16s ease}.ghost-button:hover:enabled{background:#ffffffeb;transform:translateY(-1px)}.inline-badge{display:inline-flex;align-items:center;justify-content:center;min-width:5.5rem;padding:.45rem .8rem;border-radius:999px;background:#10172214;font-size:.9rem;text-transform:uppercase;letter-spacing:.06em;text-align:center}.detail-list{display:grid;gap:.9rem;margin:0}.detail-list div{padding-bottom:.85rem;border-bottom:1px solid rgba(42,51,62,.08)}.detail-list dt{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:#1e253094}.detail-list dd{margin:.3rem 0 0;font-size:1rem;font-weight:600;word-break:break-word}.boundary-list{margin:0;padding-left:1.1rem;display:grid;gap:.9rem}.manual-note{margin:0 0 1rem;color:#1e2530b8;overflow-wrap:anywhere}.manual-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.manual-column{display:grid;gap:.9rem;align-content:start;padding:1rem;border-radius:20px;background:#1017220d;border:1px solid rgba(42,51,62,.08);min-width:0}.manual-meta{padding:.9rem 1rem;border-radius:18px;background:#ffffff8c;border:1px solid rgba(42,51,62,.08)}.manual-label{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:#1e253094}.manual-textarea{width:100%;max-width:100%;min-height:8.5rem;padding:.9rem 1rem;border-radius:18px;border:1px solid rgba(42,51,62,.16);background:#ffffffd1;color:var(--text-dark);resize:vertical;font:inherit;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.88rem;line-height:1.45;overflow-wrap:anywhere}.manual-advertised{margin:0;padding:.75rem .9rem;border-radius:16px;background:#ffd27b2e;overflow-wrap:anywhere}.warning{margin:1rem 0 0;padding:.85rem 1rem;border-radius:16px;background:#ffd27b47;color:#6f4310}.package-pages{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.package-card,.empty-state{border-radius:22px;padding:1.1rem;background:#1017220f;border:1px solid rgba(42,51,62,.08);min-width:0}.package-card h3,.empty-state h3{margin-bottom:.5rem}.package-card p,.empty-state p{margin:0}.code-block{margin:0;width:100%;max-width:100%;min-height:11rem;padding:1rem;border-radius:20px;background:#101722f0;color:#dbe7f9;overflow:auto;overflow-x:auto;overflow-y:auto;white-space:pre-wrap;word-break:break-word;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.92rem;overflow-wrap:anywhere}@media(max-width:900px){.shell{width:min(100% - 1.25rem,100%)}.hero{padding:1.5rem}.grid,.manual-grid{grid-template-columns:1fr}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.package-pages{grid-template-columns:1fr}}@media(max-width:640px){.shell{width:min(100% - .75rem,100%);padding-top:1rem;padding-bottom:1.5rem}.hero,.grid .panel,.banner{border-radius:22px;padding:1.2rem}.hero:after{width:9rem;height:9rem;inset:auto -2rem -2rem auto}.hero h1{font-size:clamp(1.9rem,10vw,2.7rem);max-width:none}.lede{font-size:.98rem}.hero-grid{grid-template-columns:1fr;gap:.75rem}.panel-heading,.banner{flex-direction:column;align-items:stretch}.banner{gap:.55rem}.banner strong{min-width:0}.panel-heading{margin-bottom:.85rem}.panel-heading .ghost-button,.manual-column .ghost-button{width:100%}.grid{gap:.8rem}.warning,.manual-advertised,.code-block{border-radius:18px}.grid .panel{padding:1rem}.metric-card,.manual-column,.package-card,.empty-state{border-radius:18px;padding:.95rem}.manual-meta{padding:.8rem .9rem}.detail-list{gap:.75rem}.detail-list div{padding-bottom:.7rem}.detail-list dd{font-size:.96rem}.inline-badge{width:100%;min-width:0}.manual-textarea{min-height:7.5rem;font-size:16px}.code-block{min-height:8rem;padding:.8rem;font-size:.82rem}.boundary-list{gap:.7rem;padding-left:1rem}}