:root{--bg: #f7f3ec;--bg-deep: #efe7d8;--panel: #fffaf0;--ink: #14110f;--ink-soft: #3a332c;--muted: #7a6e60;--rule: #d8cfbe;--accent: #b0432a;--ok: #37614a;--warn: #8a5a17;--error: #9a2e24;--sans: "Inter", system-ui, sans-serif;--serif: "Fraunces", Georgia, serif;--mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box;margin:0;letter-spacing:0}[hidden]{display:none!important}html{background:var(--bg);color:var(--ink);font-family:var(--sans);max-width:100%;overflow-x:hidden}body{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;position:relative;padding:2rem 2.5rem;background:linear-gradient(180deg,#fffaf0c2,#efe7d86b),var(--bg);max-width:100%;overflow-x:hidden}button,input,select{font:inherit}.paper{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.28;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 320 320' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.08 0 0 0 0 0.06 0 0 0 0 0.04 0 0 0 0.045 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:320px 320px}.frame,.kicker,.panel-kicker,.stat span,.toolbar label span,.key-form label span,.visible-count,.empty-state,.ghost-button,.solid-button{font-family:var(--mono);text-transform:uppercase;font-size:.72rem;color:var(--muted)}.frame{display:flex;justify-content:space-between;align-items:baseline;position:relative;z-index:10}.frame-top{border-bottom:1px solid var(--rule);padding-bottom:1rem}.frame-bottom{border-top:1px solid var(--rule);padding-top:1rem;margin-top:3rem}.mark,.ornament{font-family:var(--serif);font-style:italic;font-size:1.1rem;text-transform:none;color:var(--ink);text-decoration:none}.ornament{color:var(--accent)}.domain{text-transform:lowercase}.admin-shell{position:relative;z-index:1;width:min(100%,86rem);margin:0 auto;padding:3rem 0 1rem}.dashboard-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end;margin-bottom:1.5rem}.kicker,.panel-kicker,.stat span,.toolbar label span,.key-form label span{color:var(--accent)}h1{font-family:var(--serif);font-variation-settings:"opsz" 144;font-size:5rem;font-weight:400;line-height:.98;color:var(--ink)}.lede{margin-top:1rem;font-family:var(--serif);font-style:italic;font-size:1.15rem;line-height:1.45;color:var(--ink-soft)}.connection{display:inline-flex;align-items:center;gap:.6rem;border:1px solid var(--rule);background:#fffaf0ad;padding:.65rem .8rem}.state-dot{width:.55rem;height:.55rem;border-radius:999px;background:var(--muted)}.connection[data-status=live] .state-dot{background:var(--ok)}.connection[data-status=loading] .state-dot{background:var(--warn)}.connection[data-status=error] .state-dot,.connection[data-status=locked] .state-dot{background:var(--error)}.admin-tabs{display:flex;gap:.5rem;margin-bottom:1.25rem;border-bottom:1px solid var(--rule)}.admin-tabs a{border:1px solid transparent;border-bottom:0;padding:.72rem 1rem;color:var(--muted);font-family:var(--mono);font-size:.72rem;text-transform:uppercase;text-decoration:none}.admin-tabs a:hover,.admin-tabs a:focus-visible,.admin-tabs a.is-active{border-color:var(--rule);background:#fffaf0b8;color:var(--ink);outline:none}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-bottom:1.4rem}.stat{display:grid;gap:.35rem;padding:1rem 1.1rem;border-right:1px solid var(--rule)}.stat:last-child{border-right:0}.stat strong{font-family:var(--serif);font-weight:400;font-size:1.8rem;line-height:1;color:var(--ink)}.toolbar,.key-form{display:grid;grid-template-columns:minmax(16rem,1fr) 14rem auto auto;gap:.75rem;align-items:end;margin-bottom:1rem}.key-form{grid-template-columns:minmax(14rem,1fr) auto;margin-bottom:0}.search-field,.filter-field,.key-form label{display:grid;gap:.45rem}input,select{width:100%;border:1px solid var(--rule);background:var(--panel);color:var(--ink);border-radius:2px;padding:.76rem .85rem}input:focus,select:focus{border-color:var(--accent);outline:none;background:#fff8eb}.ghost-button,.solid-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.9rem;border-radius:2px;padding:.74rem 1rem;text-decoration:none;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}.ghost-button{border:1px solid var(--ink);background:transparent;color:var(--ink)}.solid-button{border:1px solid var(--ink);background:var(--ink);color:var(--bg)}.ghost-button:hover,.ghost-button:focus-visible{background:var(--ink);color:var(--bg);outline:none}.solid-button:hover,.solid-button:focus-visible{background:var(--accent);border-color:var(--accent);outline:none}.ghost-button:disabled,.solid-button:disabled{opacity:.5;cursor:progress}.key-panel{display:none;border:1px solid var(--rule);background:#fffaf0b8;padding:1rem;margin-bottom:1rem}.key-panel.is-open{display:block}.key-help{max-width:56rem;margin-bottom:.85rem;font-family:var(--mono);font-size:.72rem;line-height:1.55;color:var(--muted)}.key-help code{color:var(--accent)}.key-actions{display:flex;gap:.5rem}@media(max-width:1000px){body{padding:1.5rem}h1{font-size:3.5rem}.dashboard-head{grid-template-columns:1fr}.toolbar,.key-form{grid-template-columns:1fr 1fr}}@media(max-width:640px){body{padding:1rem}h1{font-size:2.7rem}.toolbar,.key-form,.stats-grid{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--rule)}.stat:last-child{border-bottom:0}}