@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=Space+Mono:wght@400;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--paper-cream: #ece5d2;--paper-bright: #f4efe0;--paper-shadow: #d8d1bd;--ink: #0e1a2e;--ink-soft: #2a3346;--ink-muted: #6c6a5e;--ink-faint: #a39e8d;--cobalt: #1f3fc7;--cobalt-deep:#152a8c;--fleck-rust: #c4502a;--fleck-ochre: #d99a2a;--fleck-moss: #1f6b4a;--fleck-blue: #1f3fc7;--c-positive: #1f6b4a;--c-warning: #c47a10;--c-danger: #b03a26;--f-display: "Bricolage Grotesque", "Inter", system-ui, sans-serif;--f-body: "Inter", system-ui, sans-serif;--f-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;--f-mono-draft: "Space Mono", "JetBrains Mono", ui-monospace, monospace;--rule: 1px solid var(--ink);--rule-soft: 1px solid var(--ink-faint);--rule-thick: 2px solid var(--ink);--t-fast: .12s;--t: .2s;--t-slow: .35s;--ease: cubic-bezier(.4, 0, .2, 1);--shadow-1: 0 1px 2px rgba(14, 26, 46, .06), 0 2px 8px rgba(14, 26, 46, .06);--shadow-2: 0 12px 36px rgba(14, 26, 46, .2);--ring: 0 0 0 3px rgba(31, 63, 199, .18)}.paper-cream{background-color:var(--paper-cream);background-image:radial-gradient(circle at 17% 23%,rgba(0,0,0,.025) 0,transparent 1.5px),radial-gradient(circle at 73% 81%,rgba(0,0,0,.022) 0,transparent 1.2px),radial-gradient(circle at 41% 67%,rgba(0,0,0,.018) 0,transparent 1px),radial-gradient(circle at 89% 12%,rgba(0,0,0,.022) 0,transparent 1.3px),radial-gradient(circle at 8% 88%,rgba(0,0,0,.02) 0,transparent 1px);background-size:7px 7px,11px 11px,5px 5px,13px 13px,9px 9px}.paper-bright{background-color:var(--paper-bright);background-image:radial-gradient(circle at 17% 23%,rgba(0,0,0,.022) 0,transparent 1.4px),radial-gradient(circle at 73% 81%,rgba(0,0,0,.018) 0,transparent 1px),radial-gradient(circle at 41% 67%,rgba(0,0,0,.014) 0,transparent .8px);background-size:7px 7px,11px 11px,5px 5px}.paper-terrazzo{background-color:var(--paper-bright);background-image:radial-gradient(circle at 12% 18%,var(--fleck-rust) 0 1.2px,transparent 1.4px),radial-gradient(circle at 78% 33%,var(--fleck-ochre) 0 .9px,transparent 1.1px),radial-gradient(circle at 23% 71%,var(--fleck-moss) 0 1.1px,transparent 1.3px),radial-gradient(circle at 67% 84%,var(--fleck-blue) 0 .8px,transparent 1px),radial-gradient(circle at 51% 41%,var(--fleck-rust) 0 .7px,transparent .9px),radial-gradient(circle at 88% 62%,var(--fleck-moss) 0 .8px,transparent 1px),radial-gradient(circle at 6% 52%,var(--fleck-ochre) 0 1px,transparent 1.2px),radial-gradient(circle at 39% 9%,var(--fleck-blue) 0 .7px,transparent .9px),radial-gradient(circle at 92% 91%,var(--fleck-ochre) 0 .9px,transparent 1.1px),radial-gradient(circle at 33% 52%,var(--fleck-blue) 0 .6px,transparent .8px),radial-gradient(circle at 60% 14%,var(--fleck-rust) 0 .8px,transparent 1px);background-size:23px 23px,31px 31px,27px 27px,19px 19px,17px 17px,29px 29px,21px 21px,25px 25px,33px 33px,15px 15px,22px 22px}.ink-panel{background-color:var(--ink);color:var(--paper-cream);background-image:radial-gradient(circle at 17% 23%,rgba(255,255,255,.025) 0,transparent 1.2px),radial-gradient(circle at 73% 81%,rgba(255,255,255,.02) 0,transparent 1px);background-size:9px 9px,13px 13px}.t-display{font-family:var(--f-display);font-weight:700;letter-spacing:-.02em;line-height:.95}.t-display-italic{font-family:var(--f-display);font-style:italic;font-weight:700;letter-spacing:-.025em;line-height:.9}.t-body{font-family:var(--f-body);font-weight:400;line-height:1.45}.t-mono{font-family:var(--f-mono);font-weight:500;letter-spacing:.02em;text-transform:uppercase}.t-mono-data{font-family:var(--f-mono);font-weight:500}.t-label{font-family:var(--f-mono);font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:10px;color:var(--ink-muted)}.pip{display:inline-block;width:7px;height:7px;background:var(--cobalt);vertical-align:middle}.pip-sm{display:inline-block;width:5px;height:5px;background:var(--cobalt);vertical-align:middle}.dot-leader{flex:1;border-bottom:1px dotted var(--ink-faint);margin:0 8px;align-self:end;height:.8em}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--paper-bright);color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased}button{font-family:var(--f-mono);cursor:pointer}a{color:inherit;text-decoration:none}input,textarea{font-family:var(--f-body)}.btn-primary,.btn-ghost{padding:9px 16px;font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.btn-primary{background:var(--ink);color:var(--paper-cream);border:1px solid var(--ink)}.btn-primary:hover{background:var(--cobalt-deep);border-color:var(--cobalt-deep)}.btn-primary:active{transform:translateY(1px)}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}.btn-ghost:hover{background:var(--paper-shadow)}.btn-ghost:active{transform:translateY(1px)}.btn-primary:focus-visible,.btn-ghost:focus-visible{outline:none;box-shadow:var(--ring)}.btn-primary:disabled,.btn-ghost:disabled{opacity:.45;cursor:not-allowed;transform:none;background:transparent;color:var(--ink-muted);border-color:var(--ink-faint)}.btn-primary:disabled{background:var(--paper-shadow)}.field-label{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);font-weight:600}.text-input,.field-input{width:100%;padding:10px 12px;border:1px solid var(--ink-faint);background:var(--paper-cream);font-size:14px;color:var(--ink);font-family:var(--f-body);transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.text-input:hover,.field-input:hover{border-color:var(--ink-muted)}.text-input:focus,.field-input:focus{outline:none;border-color:var(--cobalt);box-shadow:var(--ring)}.card{background:var(--paper-cream);border:1px solid var(--ink-faint);transition:border-color var(--t) var(--ease),box-shadow var(--t) var(--ease),transform var(--t) var(--ease)}.card.is-clickable:hover{border-color:var(--ink-muted);box-shadow:var(--shadow-1)}.card.is-clickable:active{transform:translateY(1px)}.panel{background:var(--paper-bright);border:1px solid var(--ink-faint)}.row{transition:background var(--t-fast) var(--ease)}.row:hover{background:var(--paper-bright)}.badge,.tag{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border:1px solid currentColor;font-family:var(--f-mono);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1.3}.status-dot{width:6px;height:6px;display:inline-block;background:var(--ink-muted)}.status-dot.is-live{animation:pulse 1.6s ease-in-out infinite}.skeleton{position:relative;overflow:hidden;background:var(--paper-shadow);color:transparent}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);animation:shimmer 1.4s var(--ease) infinite}.fade-in{animation:fadeUp var(--t) var(--ease)}.fade-in-slow{animation:fadeUp var(--t-slow) var(--ease)}@keyframes fadeUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}