:root{color-scheme:light dark;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;--bg: #fafafa;--fg: #1a1a1a;--card: #fff;--border: #e5e5e5;--muted: #6b7280;--accent: #f38020}@media (prefers-color-scheme: dark){:root{--bg: #111;--fg: #f5f5f5;--card: #1c1c1c;--border: #2a2a2a;--muted: #888}}body{margin:0;background:var(--bg);color:var(--fg)}.page{max-width:880px;margin:0 auto;padding:2rem 1.5rem 4rem}.env-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500;color:#fff;background:#555}.env-banner .env-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;opacity:.8}.env-banner .env-name{font-size:1.05rem;font-weight:600;text-transform:lowercase;letter-spacing:.02em}.env-banner .env-error{font-size:.8rem;margin-left:auto;opacity:.9}.env-dev{background:#2563eb}.env-staging{background:#ca8a04}.env-production{background:#b91c1c}.env-unknown{background:#555}header h1{margin:0 0 .25rem;font-size:1.6rem}header p{color:var(--muted);margin:0 0 2rem;line-height:1.5}header code{background:var(--border);padding:.05rem .35rem;border-radius:3px;font-size:.9em}.add-row{display:flex;gap:.5rem;margin-bottom:1.5rem}.add-row input{flex:1;padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--fg);font:inherit}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1rem}.card-header{display:flex;justify-content:space-between;align-items:baseline}.card-header h3{margin:0;font-size:.95rem;font-weight:500;color:var(--muted)}.value{font-size:2.5rem;font-weight:600;font-variant-numeric:tabular-nums;margin:.5rem 0 .25rem}.env{font-size:.8rem;color:var(--muted);margin-bottom:.75rem}.error{font-size:.8rem;color:#c0392b;margin-bottom:.5rem}.actions{display:flex;gap:.5rem;margin-bottom:1rem}.words{border-top:1px solid var(--border);padding-top:.75rem}.words-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.4rem}.word-list{list-style:none;margin:0 0 .5rem;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}.word{display:inline-flex;align-items:center;gap:.35rem;background:var(--border);padding:.15rem .5rem;border-radius:999px;font-size:.85rem}.word .link{font-size:.95rem;text-decoration:none;line-height:1}.word-empty{color:var(--muted);font-size:.8rem;font-style:italic}.word-add{display:flex;gap:.4rem}.word-add input{flex:1;padding:.35rem .55rem;border:1px solid var(--border);border-radius:5px;background:var(--card);color:var(--fg);font:inherit;font-size:.85rem}.word-add button{padding:.35rem .7rem;font-size:.85rem}button{font:inherit;background:var(--accent);color:#fff;border:0;padding:.4rem .75rem;border-radius:5px;cursor:pointer}button:disabled{opacity:.5;cursor:default}button.link{background:transparent;color:var(--muted);padding:0;font-size:.8rem;text-decoration:underline}