:root{--bg: #15100c;--bg-2: #1d1610;--surface: #221a13;--surface-2: #2a2017;--surface-3: #322619;--surface-solid: #221a13;--surface-inset: #1a130d;--scrim: rgba(9, 6, 3, .64);--border: #3a2c20;--border-soft: #2a2018;--border-strong: #4a3826;--hair-top: rgba(255, 240, 214, .05);--amber: #e0a85c;--amber-2: #f0bd74;--amber-press: #c08a3e;--amber-bg: rgba(224, 168, 92, .12);--amber-line: rgba(224, 168, 92, .32);--cyan: #d6bd95;--cyan-2: #e8d4ad;--green: #7bb061;--green-2: #9ccf83;--green-bg: rgba(123, 176, 97, .13);--warn: #d39a4a;--alert: #c25a52;--alert-bg: rgba(194, 90, 82, .13);--brown: #6b5746;--beige: #d8c7b0;--text: #f2ecdf;--text-2: #ded2bf;--sub: #bca88f;--mute: #826c54;--mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--sans: "Inter", system-ui, -apple-system, sans-serif;--fs-2xs: 11px;--fs-xs: 12.5px;--fs-sm: 13.5px;--fs-base: 15.5px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 21px;--fs-2xl: 25px;--fs-3xl: 30px;--lh-tight: 1.22;--lh-snug: 1.45;--lh-body: 1.6;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 40px;--s-9: 48px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--r-pill: 999px;--radius: 14px;--e1: 0 1px 2px rgba(10, 6, 3, .4), 0 1px 0 var(--hair-top) inset;--e2: 0 4px 14px rgba(8, 5, 2, .34), 0 1px 2px rgba(8, 5, 2, .3), 0 1px 0 var(--hair-top) inset;--e3: 0 14px 40px rgba(6, 4, 2, .46), 0 2px 8px rgba(6, 4, 2, .3), 0 1px 0 var(--hair-top) inset;--glow-amber: 0 0 0 1px var(--amber-line), 0 8px 26px rgba(224, 168, 92, .16);--glow-green: 0 0 0 3px rgba(123, 176, 97, .18), 0 0 9px var(--green);--glow-gold: 0 0 9px rgba(214, 189, 149, .5);--ease: cubic-bezier(.22, .61, .36, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1);--t-fast: .13s;--t: .2s;--t-slow: .34s}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1100px 720px at 72% -12%,rgba(224,168,92,.1) 0%,transparent 58%),radial-gradient(900px 600px at 6% 100%,rgba(107,87,70,.1) 0%,transparent 60%),var(--bg);background-attachment:fixed;color:var(--text);font-family:var(--sans);font-size:var(--fs-base);line-height:var(--lh-body);letter-spacing:.1px;font-feature-settings:"cv05","cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}::selection{background:#e0a85c42;color:var(--text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3a2c20;border-radius:var(--r-pill);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#4a3826;background-clip:padding-box}*{scrollbar-width:thin;scrollbar-color:#3a2c20 transparent}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--e2);transition:transform var(--t) var(--ease),border-color var(--t) var(--ease),box-shadow var(--t) var(--ease),background var(--t) var(--ease)}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,rgba(240,189,116,.14),transparent 28%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.card.hover{cursor:pointer}.card.hover:hover{transform:translateY(-2px);border-color:var(--border-strong);background:var(--surface-2);box-shadow:var(--e3),0 0 0 1px #e0a85c29,0 14px 36px -12px #e0a85c24}.card.hover:active{transform:translateY(-1px);transition-duration:var(--t-fast)}.pill{display:inline-flex;align-items:center;gap:var(--s-2);font-family:var(--mono);font-size:var(--fs-xs);font-weight:500;font-variant-numeric:tabular-nums;padding:4px 10px 4px 9px;border-radius:var(--r-pill);border:1px solid var(--border);color:var(--sub);background:#00000024;text-transform:lowercase;letter-spacing:.2px;line-height:1;white-space:nowrap;box-shadow:0 1px 0 var(--hair-top) inset;transition:color var(--t) var(--ease),border-color var(--t) var(--ease),background var(--t) var(--ease)}.pill .dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;position:relative;transition:box-shadow var(--t) var(--ease)}.pill.working{color:var(--green-2);border-color:#2c5d3c;background:var(--green-bg)}.pill.working .dot{background:var(--green);box-shadow:var(--glow-green);animation:pulse 1.6s var(--ease-soft) infinite}.pill.working .dot:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid rgba(123,176,97,.55);animation:ring 1.8s var(--ease) infinite}.pill.waiting{color:var(--amber-2);border-color:#5e4a17;background:var(--amber-bg)}.pill.waiting .dot{background:var(--amber);box-shadow:0 0 0 3px #e0a85c29,0 0 7px #e0a85c8c}.pill.idle{color:var(--mute);border-color:var(--border-soft);background:transparent}.pill.idle .dot{background:var(--mute)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes ring{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}.now{position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--s-3);padding:13px 16px;border-radius:var(--r-md);background:linear-gradient(90deg,#e0a85c24,#d6bd950d 48%,#221a1366);border:1px solid var(--amber-line);box-shadow:var(--e1),0 0 22px -10px #e0a85c66;color:var(--text);font-size:var(--fs-sm);line-height:var(--lh-snug);animation:nowin var(--t-slow) var(--ease)}.now:after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,240,210,.08),transparent);transform:translate(-120%);animation:nowsheen 3.4s var(--ease-soft) infinite;pointer-events:none}.now .bars{display:inline-flex;gap:3px;align-items:flex-end;height:18px;flex-shrink:0;position:relative;z-index:1}.now .bars i{width:3px;height:6px;border-radius:2px;background:linear-gradient(180deg,var(--cyan-2),var(--cyan));box-shadow:0 0 7px #d6bd958c;animation:eq .9s var(--ease-soft) infinite}.now .bars i:nth-child(2){animation-delay:.15s}.now .bars i:nth-child(3){animation-delay:.3s}.now .bars i:nth-child(4){animation-delay:.45s}.now b{color:var(--cyan-2);font-weight:700;position:relative;z-index:1}.now>span:last-child{position:relative;z-index:1}@keyframes eq{0%,to{height:5px}50%{height:18px}}@keyframes nowin{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes nowsheen{0%{transform:translate(-120%)}55%,to{transform:translate(360%)}}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;font-feature-settings:"ss01","cv01"}.label{color:var(--sub);font-size:var(--fs-2xs);font-weight:600;text-transform:uppercase;letter-spacing:1.4px;line-height:1.3}.statval{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--amber);font-size:var(--fs-3xl);font-weight:600;letter-spacing:-.5px;line-height:1.05;text-shadow:0 0 22px rgba(224,168,92,.18)}h1{font-size:var(--fs-2xl);font-weight:700;line-height:var(--lh-tight);letter-spacing:-.4px;color:var(--text);margin:0}h2{font-size:var(--fs-xl);font-weight:700;line-height:1.3;letter-spacing:-.3px}h3{font-size:var(--fs-lg);font-weight:650;line-height:1.35;letter-spacing:-.2px}p{line-height:var(--lh-body)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:var(--r-sm)}input,textarea,select{font-size:16px}input::placeholder,textarea::placeholder{color:var(--mute)}.app-shell{display:flex;min-height:100vh}.sidebar-desktop{width:248px;flex-shrink:0;border-right:1px solid var(--border-soft);background:linear-gradient(180deg,#221a138c,#15100c00 220px);padding:var(--s-5) var(--s-4);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow:auto}.sidebar-desktop nav a{transition:background var(--t) var(--ease),color var(--t) var(--ease)}.sidebar-desktop nav a:hover{background:#e0a85c0f;color:var(--text)}.page{padding:var(--s-7) var(--s-7) var(--s-8);flex:1;min-width:0;max-width:1320px}.bottom-nav{display:none}.agent-grid,.vault-grid,.proof-grid{display:grid}@media (max-width: 768px){.app-shell{display:block}.sidebar-desktop{display:none}.page{padding:var(--s-4) var(--s-4) calc(80px + env(safe-area-inset-bottom));max-width:none}.map-page{height:calc(100vh - 66px - env(safe-area-inset-bottom))!important;padding:var(--s-2)!important}h1{font-size:var(--fs-xl)}.statval{font-size:var(--fs-2xl)}.agent-grid{grid-template-columns:repeat(2,1fr)!important}.vault-grid,.proof-grid{grid-template-columns:1fr!important}.stat-row{width:100%}.stat-row .card{flex:1 1 0;min-width:0!important}.row-reflow{flex-wrap:wrap}.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;background:#15100cdb;backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border-top:1px solid var(--border);box-shadow:0 -8px 26px #06040266;padding:var(--s-1) var(--s-1) calc(var(--s-1) + env(safe-area-inset-bottom));justify-content:space-around}.bottom-nav a,.bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--s-2) var(--s-1);min-height:48px;font-size:10.5px;font-weight:600;letter-spacing:.2px;color:var(--sub);background:none;border:none;border-radius:var(--r-sm);cursor:pointer;transition:color var(--t) var(--ease)}.bottom-nav a.bn-active{color:var(--cyan)}.bottom-nav a.bn-active .bn-ico{transform:translateY(-1px) scale(1.06);filter:drop-shadow(0 0 6px rgba(214,189,149,.5))}.bottom-nav .bn-ico{width:22px;height:22px;transition:transform var(--t) var(--ease)}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--scrim);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:flex-end;animation:nowin var(--t) var(--ease)}.sheet-card{width:100%;max-height:82vh;overflow:auto;background:linear-gradient(180deg,var(--surface-2),var(--surface-solid));border-radius:var(--r-xl) var(--r-xl) 0 0;border-top:1px solid var(--border-strong);box-shadow:0 -20px 50px -10px #0000008c,0 1px 0 var(--hair-top) inset;padding:var(--s-4) var(--s-4) calc(var(--s-5) + env(safe-area-inset-bottom));animation:sheetup var(--t-slow) var(--ease)}.sheet-card:before{content:"";display:block;width:40px;height:4px;border-radius:var(--r-pill);background:var(--border-strong);margin:0 auto var(--s-3)}@keyframes sheetup{0%{transform:translateY(18px)}to{transform:none}}}@media (max-width: 380px){.agent-grid{grid-template-columns:1fr!important}}@media (hover: none){a,button{min-height:44px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}