:root{--teal-* for compatibility;values are now the clay (primary) and warm slate (secondary data) families. */ --indigo-700: #8f3f22;--indigo-600: #b4542f;--indigo-500: #c87a5c;--indigo-100: #f3e5dd;--teal-600: #4a5a7c;--teal-500: #6f80a4;--teal-100: #e6e8f1;--surface: #faf9f5;--surface-raised: #ffffff;--surface-sunken: #f1efe8;--border: #e5e1d7;--border-strong: #d4cfc1;--text: #141413;--text-soft: #4c4b45;--text-faint: #7b7a72;--amber-600: #a66a1f;--amber-100: #f6ead2;--red-600: #a53f2f;--red-100: #f4ddd6;--green-600: #4f7a52;--green-100: #e2ecdc;--radius: 14px;--radius-sm: 9px;--shadow-sm: 0 1px 2px rgba(35, 32, 27, .06), 0 1px 3px rgba(35, 32, 27, .04);--shadow-md: 0 4px 14px rgba(35, 32, 27, .08);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: "SF Mono", ui-monospace, "Cascadia Code", Menlo, Consolas, monospace}@media (prefers-color-scheme: dark){:root{--surface: #1a1917;--surface-raised: #242220;--surface-sunken: #141312;--border: #37332d;--border-strong: #4a453d;--text: #ece7dd;--text-soft: #b9b3a6;--text-faint: #8b857a;--indigo-600: #c87a5c;--indigo-500: #d08a5f;--indigo-100: #3a2318;--teal-600: #8191b4;--teal-100: #23283a;--amber-100: #3a2c12;--red-100: #3a1d16;--green-100: #16301d;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 6px 18px rgba(0, 0, 0, .45)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--surface);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4{line-height:1.25;margin:0 0 .4em;font-weight:650;letter-spacing:-.01em}h1{font-size:1.6rem}h2{font-size:1.25rem}h3{font-size:1.05rem}p{margin:0 0 .8em}a{color:var(--indigo-600)}:focus-visible{outline:3px solid var(--indigo-500);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.app-shell{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;background:var(--surface-raised);border-right:1px solid var(--border);padding:20px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 18px}.brand-mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--indigo-500),var(--indigo-700));flex-shrink:0}.brand-name{font-weight:700;font-size:.98rem;letter-spacing:-.01em}.brand-sub{font-family:var(--mono);font-size:.68rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em}.main{flex:1;min-width:0;display:flex;flex-direction:column}.content{padding:26px 32px 80px;max-width:1120px;width:100%;margin:0 auto}.navlink{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--text-soft);font-weight:550;font-size:.92rem;cursor:pointer;border:none;background:none;width:100%;text-align:left}.navlink:hover{background:var(--surface-sunken);color:var(--text)}.navlink.active{background:var(--indigo-100);color:var(--indigo-700)}.navlink .ico{font-size:1.05rem;width:20px;text-align:center}.mobile-nav{display:none}@media (max-width: 820px){.sidebar{display:none}.content{padding:18px 16px 96px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--surface-raised);border-top:1px solid var(--border);z-index:50;padding:6px 4px;justify-content:space-around}.mobile-nav .navlink{flex-direction:column;gap:2px;font-size:.66rem;padding:6px 4px}.mobile-nav .navlink .ico{font-size:1.1rem}}.card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.card+.card,.stack>*+*{margin-top:16px}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 820px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.spacer{flex:1}.stat-label{font-family:var(--mono);font-size:.74rem;color:var(--text-faint);font-weight:500;text-transform:uppercase;letter-spacing:.06em}.stat-value{font-size:1.7rem;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-sub{font-size:.82rem;color:var(--text-soft)}.num{font-variant-numeric:tabular-nums;font-family:var(--mono)}.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;padding:9px 16px;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;cursor:pointer;border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--text)}.btn:hover{background:var(--surface-sunken)}.btn.primary{background:var(--indigo-600);border-color:var(--indigo-600);color:#fff}.btn.primary:hover{background:var(--indigo-700)}.btn.teal{background:var(--teal-600);border-color:var(--teal-600);color:#fff}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--surface-sunken)}.btn.danger{color:var(--red-600);border-color:var(--red-100)}.btn.sm{padding:5px 10px;font-size:.82rem}.btn:disabled{opacity:.5;cursor:not-allowed}label.field{display:block;margin-bottom:14px}.field-label{font-size:.84rem;font-weight:600;color:var(--text-soft);margin-bottom:5px;display:flex;justify-content:space-between;gap:8px}.field-hint{font-size:.76rem;color:var(--text-faint);font-weight:400}input[type=text],input[type=number],input[type=date],input[type=password],select,textarea{width:100%;padding:9px 11px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:.92rem;font-family:inherit}input:focus,select:focus{border-color:var(--indigo-500)}input[type=range]{width:100%;accent-color:var(--indigo-600)}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:.75rem;font-weight:600}.badge.neutral{background:var(--surface-sunken);color:var(--text-soft)}.badge.indigo{background:var(--indigo-100);color:var(--indigo-700)}.badge.teal{background:var(--teal-100);color:var(--teal-600)}.badge.amber{background:var(--amber-100);color:var(--amber-600)}.badge.red{background:var(--red-100);color:var(--red-600)}.badge.green{background:var(--green-100);color:var(--green-600)}.callout{border-radius:var(--radius-sm);padding:12px 14px;font-size:.86rem;display:flex;gap:10px;align-items:flex-start;border:1px solid transparent}.callout .ico{flex-shrink:0}.callout.info{background:var(--indigo-100);color:var(--indigo-700)}.callout.warn{background:var(--amber-100);color:var(--amber-600)}.callout.error{background:var(--red-100);color:var(--red-600)}.callout.success{background:var(--green-100);color:var(--green-600)}table.data{width:100%;border-collapse:collapse;font-size:.88rem}table.data th,table.data td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--border)}table.data th{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);font-weight:500}table.data td.num,table.data th.num{text-align:right;font-variant-numeric:tabular-nums}table.data tr:last-child td{border-bottom:none}.table-scroll{overflow-x:auto}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:18px;flex-wrap:wrap}.tab{padding:9px 14px;border:none;background:none;cursor:pointer;font-weight:600;font-size:.9rem;color:var(--text-soft);border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--text)}.tab.active{color:var(--indigo-700);border-bottom-color:var(--indigo-600)}.seg{display:inline-flex;background:var(--surface-sunken);border-radius:var(--radius-sm);padding:3px;gap:2px}.seg button{border:none;background:none;padding:6px 12px;border-radius:7px;font-weight:600;font-size:.84rem;cursor:pointer;color:var(--text-soft)}.seg button.active{background:var(--surface-raised);color:var(--indigo-700);box-shadow:var(--shadow-sm)}.sheet-backdrop{position:fixed;inset:0;background:#14120f66;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.sheet{background:var(--surface-raised);border-radius:var(--radius);max-width:560px;width:100%;max-height:88vh;overflow-y:auto;padding:24px;box-shadow:var(--shadow-md)}.muted{color:var(--text-faint)}.soft{color:var(--text-soft)}.hr{height:1px;background:var(--border);border:none;margin:16px 0}.pagehead{margin-bottom:20px}.pagehead p{color:var(--text-soft);max-width:68ch}.tag-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.masked{filter:blur(7px);user-select:none}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.empty{text-align:center;padding:40px 20px;color:var(--text-faint)}.empty .big{font-size:2rem;margin-bottom:8px}.kbd{font-family:var(--mono);font-size:.8rem;background:var(--surface-sunken);padding:1px 6px;border-radius:5px}.data-health{position:sticky;top:0;z-index:10}.btn{transition:transform .12s ease,background .15s ease,box-shadow .15s ease;will-change:transform}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.97)}.btn.primary:hover,.btn.teal:hover{box-shadow:0 4px 14px #b4542f4d}.card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.navlink{transition:background .15s ease,color .15s ease,transform .12s ease}.navlink:active{transform:scale(.98)}.tab{transition:color .15s ease,border-color .2s ease}.seg button{transition:background .15s ease,color .15s ease,box-shadow .15s ease}.hero{position:relative;overflow:hidden;border-radius:20px;padding:54px 36px 48px;background:linear-gradient(135deg,#5c2f1c,#b4542f 46%,#d08a5f);background-size:200% 200%;animation:heroShift 16s ease infinite;color:#fff;box-shadow:var(--shadow-md)}@keyframes heroShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-inner{position:relative;z-index:2;max-width:60ch}.hero-mark{width:54px;height:54px;border-radius:15px;background:#ffffffeb;box-shadow:0 8px 30px #00000038;margin-bottom:18px}.hero-title{font-size:2.1rem;margin:0 0 10px;letter-spacing:-.02em;color:#fff}.hero-sub{font-size:1.03rem;line-height:1.6;color:#ffffffe6;margin:0}.hero-blob{position:absolute;border-radius:50%;filter:blur(42px);opacity:.5;z-index:1;will-change:transform}.hero-blob.b1{width:260px;height:260px;background:#d9a06f;top:-70px;right:8%}.hero-blob.b2{width:220px;height:220px;background:#9c4a2c;bottom:-90px;right:26%}.hero-blob.b3{width:180px;height:180px;background:#e0b48c;top:30%;right:-40px}.shimmer{position:relative;overflow:hidden;background:var(--surface-sunken);border-radius:8px}.shimmer:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}@media (max-width: 820px){.hero{padding:36px 22px}.hero-title{font-size:1.6rem}}body{letter-spacing:-.005em}h1{letter-spacing:-.025em}h2,h3{letter-spacing:-.015em}.num,.stat-value,table.data td.num,table.data th.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"cv01" 1}.stat-value{letter-spacing:-.02em}.navlink .ico{display:inline-flex;align-items:center;justify-content:center;color:var(--text-faint);transition:color .15s ease,transform .15s ease}.navlink:hover .ico{color:var(--text-soft)}.navlink.active .ico{color:var(--indigo-600)}.navlink.active .ico{transform:scale(1.04)}.card{transition:transform .2s cubic-bezier(.2,.7,.3,1),box-shadow .2s ease,border-color .2s ease}.card:hover{border-color:var(--border-strong)}:focus-visible{outline:2px solid var(--indigo-500);outline-offset:2px}.stat-label{line-height:1.3}.hr{background:linear-gradient(90deg,transparent,var(--border),transparent);height:1px}.badge{border:1px solid color-mix(in srgb,currentColor 18%,transparent)}table.data tbody tr{transition:background .12s ease}table.data tbody tr:hover{background:var(--surface-sunken)}.btn{letter-spacing:-.01em}figure svg{border-radius:10px}.demo-banner{display:flex;align-items:center;gap:10px;padding:9px 18px;background:var(--indigo-700);color:#fff;font-size:.86rem;position:sticky;top:0;z-index:60}.demo-banner .demo-text{opacity:.95}.demo-banner strong{font-weight:650}.demo-banner .btn.ghost{color:#fff;border-color:#ffffff59}.demo-banner .btn.ghost:hover{background:#ffffff24}.demo-dot{width:8px;height:8px;border-radius:50%;background:#fff;flex-shrink:0;animation:demoPulse 2s ease infinite}@keyframes demoPulse{0%,to{opacity:.4}50%{opacity:1}}.demo-tip{display:flex;gap:11px;align-items:flex-start;background:var(--indigo-100);border:1px solid transparent;border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:16px}.demo-tip-ico{color:var(--indigo-700);flex-shrink:0;margin-top:1px}.demo-tip-body{flex:1}.demo-tip-body strong{color:var(--indigo-700)}.demo-tip-x{border:none;background:none;cursor:pointer;color:var(--indigo-700);opacity:.6;font-size:.9rem;padding:2px 4px}.demo-tip-x:hover{opacity:1}@media (max-width: 820px){.demo-banner{font-size:.78rem;padding:8px 14px}}.skip-link{position:absolute;left:8px;top:-48px;z-index:200;background:var(--indigo-600);color:#fff;padding:8px 14px;border-radius:8px;font-size:.86rem;font-weight:600;text-decoration:none;transition:top .15s ease}.skip-link:focus{top:8px}#main-content:focus{outline:none}.insight-row{display:flex;gap:10px;align-items:flex-start;padding:7px 0;border-bottom:1px solid var(--border)}.insight-row:last-child{border-bottom:none}.insight-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0;background:var(--text-faint)}.insight-dot.good{background:var(--green-600)}.insight-dot.watch{background:var(--amber-600)}.insight-dot.neutral{background:var(--indigo-500)}.install-card{position:fixed;bottom:18px;right:18px;z-index:90;display:flex;align-items:center;gap:12px;max-width:380px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:14px 16px}.install-ico{color:var(--indigo-600);display:inline-flex;flex-shrink:0}@media (max-width: 820px){.install-card{left:12px;right:12px;bottom:76px;max-width:none}}.cmdk-backdrop{position:fixed;inset:0;z-index:150;background:#14141361;backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh}.cmdk{width:min(560px,92vw);background:var(--surface-raised);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg, 0 20px 60px rgba(0,0,0,.25));overflow:hidden}.cmdk-input{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.cmdk-input input{flex:1;border:none;background:transparent;font-size:1rem;color:inherit;outline:none}.cmdk-ico{color:var(--text-faint);display:inline-flex}.cmdk-list{list-style:none;margin:0;padding:6px;max-height:46vh;overflow-y:auto}.cmdk-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;cursor:pointer}.cmdk-item-label{flex:1;font-size:.92rem}.cmdk-arrow{color:var(--text-faint);opacity:0}.cmdk-item.active{background:var(--indigo-100, rgba(180,84,47,.1))}.cmdk-item.active .cmdk-arrow{opacity:1}.cmdk-item-ico{color:var(--indigo-600);display:inline-flex}.cmdk-empty{padding:24px;text-align:center;color:var(--text-faint);font-size:.9rem}.cmdk-foot{display:flex;gap:16px;align-items:center;padding:10px 16px;border-top:1px solid var(--border);font-size:.74rem;color:var(--text-faint)}.cmdk-foot .cmdk-brand{margin-left:auto}.cmdk-kbd,.cmdk-foot kbd,.cmdk-launch kbd,.demo-tip kbd,.tour-tip kbd{font-family:var(--mono, ui-monospace, SFMono-Regular, monospace);font-size:.72rem;background:var(--surface-sunken, rgba(0,0,0,.05));border:1px solid var(--border);border-radius:5px;padding:1px 6px;color:var(--text-faint)}.cmdk-launch{display:flex;align-items:center;gap:8px;width:100%;margin:2px 0 10px;padding:8px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface-sunken, rgba(0,0,0,.03));color:var(--text-faint);cursor:pointer;font-size:.85rem}.cmdk-launch:hover{color:inherit;border-color:var(--indigo-600)}.cmdk-launch .ico{display:inline-flex}.cmdk-launch kbd{margin-left:auto}.tour-overlay{position:fixed;inset:0;z-index:160;background:#14141373}.tour-spot{border-radius:12px;box-shadow:0 0 0 3px var(--indigo-500, #b4542f),0 0 24px 4px #b4542f66;transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease;pointer-events:none}.tour-tip{width:min(340px,92vw);background:var(--surface-raised);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg, 0 20px 60px rgba(0,0,0,.25));padding:16px 18px;z-index:161}.tour-step-count{font-family:var(--mono, ui-monospace, monospace);font-size:.72rem;color:var(--text-faint);letter-spacing:.04em}@media (prefers-reduced-motion: reduce){.tour-spot{transition:none}}.shortcuts-list{display:flex;flex-direction:column;gap:2px}.shortcut-row{display:flex;align-items:center;gap:14px;padding:9px 0;border-bottom:1px solid var(--border)}.shortcut-row:last-child{border-bottom:none}.shortcut-keys{display:inline-flex;gap:5px;min-width:92px}.shortcut-label{font-size:.9rem}.shortcut-keys kbd,.shortcuts-list kbd{font-family:var(--mono, ui-monospace, SFMono-Regular, monospace);font-size:.74rem;background:var(--surface-sunken, rgba(0,0,0,.05));border:1px solid var(--border);border-radius:5px;padding:2px 7px;color:inherit}.rebalance-sliders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:10px 0 4px}@media (max-width: 820px){.rebalance-sliders{grid-template-columns:1fr}}