:root{--fg:#F5F0EB;--bg:#0D0D0D;--card:#161616;--border:#2A2A2A;--muted:#8A8278;--accent:#ffff55;--accent2:#FF9100;--track:#1E1E1E;--fn-display:"Inter Tight",-apple-system,sans-serif;--fn-body:"Inter Tight",-apple-system,sans-serif;--fn-mono:"Inter Tight",-apple-system,sans-serif;--tier-alpha:var(--accent);--tier-rising:#FFC400;--tier-emerging:#FF9100;--chart-primary:var(--accent);--chart-secondary:#818CF8;--chart-tertiary:#FFC400;--accent-dim:rgba(255,255,85,0.1);--accent-border:rgba(255,255,85,0.2);--bg-tertiary:#1a1a1a;--danger:#FF6B6B;--warning:#FFC400;--success:#4ADE80;--page-px:12px;--card-px:12px;--gap-sm:6px;--gap-md:8px;--gap-lg:12px;--header-h:50px;--tab-h:42px;--sec-nav-h:38px}@media (min-width:640px){:root{--page-px:20px;--card-px:16px;--gap-sm:8px;--gap-md:10px;--gap-lg:16px;--header-h:56px;--tab-h:46px;--sec-nav-h:40px}}@media (min-width:1024px){:root{--page-px:32px;--card-px:20px;--gap-sm:8px;--gap-md:12px;--gap-lg:20px;--header-h:60px;--tab-h:48px;--sec-nav-h:44px}}@media (min-width:1440px){:root{--page-px:48px}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--fg);font-family:var(--fn-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}.scroll-x{overflow-x:auto;scrollbar-width:none}.scroll-x::-webkit-scrollbar{display:none}.werk-app{display:flex;flex-direction:column;min-height:100vh;background:var(--bg)}.container{width:100%;max-width:none;margin:0 auto}.container,.werk-header{padding:0 var(--page-px)}.werk-header{background:var(--card);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:100}.werk-header-inner{display:flex;align-items:center;justify-content:space-between;min-height:var(--header-h);gap:12px;max-width:none;margin:0 auto}@media (max-width:639px){.werk-header-inner{flex-wrap:wrap;padding:10px 0}.werk-header-inner .werk-logo{width:100%}}.werk-logo{font-size:10.5px;font-weight:800;letter-spacing:.14em;color:var(--accent);line-height:1.25;white-space:nowrap;flex-shrink:0;text-transform:uppercase}@media (min-width:640px){.werk-logo{font-size:12px}}@media (min-width:1024px){.werk-logo{font-size:13px}}.werk-pills{display:flex;gap:5px;align-items:center;flex-shrink:0}@media (max-width:400px){.werk-pills{overflow-x:auto;scrollbar-width:none}.werk-pills::-webkit-scrollbar{display:none}}.werk-pill{font-size:9px;font-weight:700;letter-spacing:.08em;padding:3px 7px;border-radius:4px;white-space:nowrap;border:1px solid transparent;font-family:var(--fn-mono)}@media (min-width:640px){.werk-pill{font-size:10px;padding:3px 9px}}.werk-pill-green{background:var(--accent-dim);color:var(--accent);border-color:var(--accent-border)}.werk-pill-blue{background:rgba(129,140,248,.1);color:#818CF8;border-color:rgba(129,140,248,.2)}.werk-pill-muted{background:rgba(255,255,255,.04);color:var(--muted);border-color:rgba(255,255,255,.07)}.hover-card{transition:background .15s ease}.hover-card:hover{background:var(--track)!important}.main-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--bg);overflow-x:auto;scrollbar-width:none;position:-webkit-sticky;position:sticky;top:var(--header-h);z-index:90;padding:0 var(--page-px)}.main-tabs::-webkit-scrollbar{display:none}.main-tab{flex-shrink:0;height:var(--tab-h);padding:0 14px;font-size:11.5px;font-weight:600;letter-spacing:.05em;color:var(--muted);border:none;border-bottom:2px solid transparent;background:none;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap;font-family:var(--fn-mono)}@media (min-width:640px){.main-tab{font-size:12.5px;padding:0 18px}}@media (min-width:1024px){.main-tab{font-size:13px;padding:0 22px}}.main-tab:hover{color:var(--fg)}.main-tab.active{color:var(--fg);border-bottom-color:var(--accent)}.secondary-nav{display:flex;gap:3px;padding:0 var(--page-px);height:var(--sec-nav-h);align-items:center;border-bottom:1px solid var(--border);background:var(--card);overflow-x:auto;scrollbar-width:none;position:-webkit-sticky;position:sticky;top:calc(var(--header-h) + var(--tab-h));z-index:80;margin:calc(-1 * var(--gap-lg)) calc(-1 * var(--page-px)) var(--gap-lg);width:calc(100% + 2 * var(--page-px))}.secondary-nav::-webkit-scrollbar{display:none}.sec-tab{flex-shrink:0;padding:5px 11px;font-size:10.5px;font-weight:500;letter-spacing:.04em;color:var(--muted);border:1px solid transparent;border-radius:5px;background:none;cursor:pointer;transition:all .13s;white-space:nowrap;font-family:var(--fn-mono)}@media (min-width:640px){.sec-tab{font-size:11.5px;padding:5px 14px}}@media (min-width:1024px){.sec-tab{font-size:12px;padding:6px 16px}}.sec-tab:hover{color:var(--fg);background:var(--bg-tertiary)}.sec-tab.active{color:var(--fg);background:var(--card);border-color:var(--border)}.sec-tab.active:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:7px;vertical-align:middle}.tier-bar{display:flex;gap:var(--gap-sm);padding:7px var(--page-px);border-bottom:1px solid var(--border);background:var(--bg);overflow-x:auto;scrollbar-width:none}.tier-bar::-webkit-scrollbar{display:none}.tier-widget{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:5px 10px;background:var(--card);border:1px solid var(--border);border-radius:5px}@media (min-width:640px){.tier-widget{padding:5px 13px;gap:7px}}.tier-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.tier-dot-alpha{background:var(--tier-alpha)}.tier-dot-rising{background:var(--tier-rising)}.tier-dot-emerging{background:var(--tier-emerging)}.tier-label{font-size:8.5px;font-weight:700;letter-spacing:.09em;color:var(--muted);text-transform:uppercase;font-family:var(--fn-mono)}@media (min-width:640px){.tier-label{font-size:9.5px}}.tier-count{font-size:12px;font-weight:700;color:var(--fg);font-family:var(--fn-mono)}@media (min-width:640px){.tier-count{font-size:14px}}.content-area{padding:var(--gap-lg) var(--page-px);flex:1 1}@media (min-width:1024px){.content-area{width:100%}}@media (max-width:639px){.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:var(--gap-sm)!important;margin-bottom:var(--gap-md)!important}.stat-card{padding:10px}.stat-value{font-size:18px}.stat-label{font-size:7px}.stat-sub{font-size:8px}.chart-card{padding:10px}.card{padding:var(--card-px);border-radius:8px}.card-label{font-size:7px;margin-bottom:6px}.card-body{font-size:11px}.content-area table{font-size:10px}.content-area table td,.content-area table th{padding:6px 4px}.werk-footer{flex-direction:column;align-items:flex-start;gap:6px;padding:8px var(--page-px)}.tier-bar{padding:5px var(--page-px)}.tier-widget{padding:4px 8px;gap:4px}.tier-label{font-size:7px}.tier-count{font-size:11px}}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--gap-md);gap:var(--gap-md);margin-bottom:var(--gap-lg)}@media (min-width:640px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1280px){.stats-grid{grid-template-columns:repeat(6,1fr)}}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:var(--card-px)}.stat-label{font-size:8px;font-weight:700;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin-bottom:5px;font-family:var(--fn-mono)}@media (min-width:640px){.stat-label{font-size:9px}}.stat-value{font-size:22px;font-weight:700;color:var(--fg);line-height:1.05;font-family:var(--fn-mono)}@media (min-width:640px){.stat-value{font-size:26px}}@media (min-width:1024px){.stat-value{font-size:30px}}.stat-value-accent{font-size:13px;color:var(--accent);font-weight:600;margin-left:3px}.stat-sub{font-size:9px;color:var(--muted);margin-top:4px}@media (min-width:640px){.stat-sub{font-size:10px}}.chart-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:var(--card-px);margin-bottom:var(--gap-lg)}@media (min-width:640px){.chart-card{padding:16px}}@media (min-width:1024px){.chart-card{padding:20px}}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px;flex-wrap:wrap}.chart-title{font-size:12px;font-weight:700;color:var(--fg)}@media (min-width:640px){.chart-title{font-size:13px}}@media (min-width:1024px){.chart-title{font-size:14px}}.chart-time-tabs{display:flex;gap:2px}.chart-time-tab{padding:4px 9px;font-size:10px;font-weight:600;border:none;border-radius:5px;cursor:pointer;background:transparent;color:var(--muted);transition:all .13s;font-family:var(--fn-mono)}@media (min-width:640px){.chart-time-tab{font-size:11px;padding:4px 12px}}.chart-time-tab:hover{color:var(--fg);background:var(--bg-tertiary)}.chart-time-tab.active{background:var(--accent);color:#000;font-weight:700}.chart-body{height:72px}@media (min-width:640px){.chart-body{height:100px}}@media (min-width:1024px){.chart-body{height:140px}}.chart-legend{display:flex;gap:12px;margin-top:10px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--muted);font-family:var(--fn-mono)}@media (min-width:640px){.legend-item{font-size:10px}}.legend-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:var(--card-px);margin-bottom:var(--gap-lg)}.card-label{font-size:8px;font-weight:700;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin-bottom:8px;font-family:var(--fn-mono)}.card-body{font-size:11px;line-height:1.6;color:var(--muted)}.card-body strong{color:var(--fg);font-weight:600}.werk-footer{border-top:1px solid var(--border);padding:10px var(--page-px);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:var(--bg)}.footer-agent{font-size:9.5px;color:var(--muted);font-family:var(--fn-mono);line-height:1.5}.footer-agent-cmd{color:var(--accent);font-weight:600}.footer-meta{font-size:9.5px;color:var(--muted);font-family:var(--fn-mono)}input[type=range]{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:2px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer}::selection{background:var(--selection-bg,rgba(255,255,85,.3));color:var(--fg)}textarea::placeholder{color:var(--muted);opacity:.5}textarea:focus{border-color:var(--accent)!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}