:root{color:#17231f;font-synthesis:none;--ink:#17231f;--muted:#6b7973;--line:#d9e0dc;--panel:#fff;--green:#184c3c;--mint:#dfeee7;--amber:#e4a83a;--red:#b6493f;background:#f5f7f4;font-family:Microsoft YaHei UI,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{width:min(100% - 40px,1440px);margin:0 auto;padding:34px 0 64px}.masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:32px;padding-bottom:24px;display:flex}h1{letter-spacing:0;margin:8px 0 0;font-size:clamp(30px,4vw,54px);line-height:1.05}.status-strip{border:1px solid var(--line);border-left:4px solid var(--amber);background:var(--panel);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:clamp(360px,34vw,520px);min-width:0;padding:12px 14px;display:grid}.status-strip>div{min-width:0}.status-strip.ok{border-left-color:#2b8a63}.status-strip.error,.status-strip.auth_required{border-left-color:var(--red)}.status-strip strong,.status-strip small{display:block}.status-strip strong{font-size:13px}.status-strip small{max-height:4.8em;color:var(--muted);overflow-wrap:anywhere;scrollbar-width:thin;white-space:normal;margin-top:3px;padding-right:4px;font-size:11px;line-height:1.6;overflow:auto}.status-strip button{width:34px;height:34px;color:var(--muted);background:0 0;border:0;place-items:center;display:grid}.status-strip button:hover{color:var(--ink);background:#edf1ee}.status-pulse{background:var(--amber);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #f8ebcf}.status-strip.ok .status-pulse{background:#2b8a63;box-shadow:0 0 0 5px #dff0e8}.status-strip.error .status-pulse,.status-strip.auth_required .status-pulse{background:var(--red);box-shadow:0 0 0 5px #f6e0dd}.control-band{justify-content:space-between;align-items:center;gap:28px;padding:20px 0;display:flex}.control-band>div{white-space:nowrap;align-items:baseline;gap:10px;display:flex}.section-label{color:var(--muted);font-size:12px}.control-band form{background:var(--panel);border:1px solid #cbd4cf;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:min(100%,560px);height:44px;padding-left:14px;display:grid}.control-band input{min-width:0;height:100%;color:var(--ink);border:0;outline:0}.control-band button{color:#fff;background:var(--green);border:0;align-items:center;gap:7px;height:100%;padding:0 17px;font-weight:750;display:inline-flex}.control-band button:disabled{opacity:.45;cursor:not-allowed}.error-banner{color:#8b332d;background:#fff3f1;border:1px solid #ebc8c4;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:13px;display:flex}.error-banner.cached-warning{color:#72500f;background:#fff9e9;border-color:#ead39c}.content{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:18px;display:grid}.keyword-index{border-top:3px solid var(--ink);background:var(--panel);position:sticky;top:18px}.keyword-nav-item{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 38px;align-items:stretch;display:grid;position:relative}.keyword-nav-item:before{content:"";background:0 0;width:3px;position:absolute;inset:0 auto 0 0}.keyword-nav-item.active{background:#edf4f0}.keyword-nav-item.active:before{background:var(--green)}.keyword-select{min-width:0;color:var(--ink);text-align:left;background:0 0;border:0;padding:15px 8px 15px 15px}.keyword-select:hover{background:#f3f7f5}.keyword-select:focus-visible,.keyword-delete:focus-visible{outline-offset:-3px;outline:2px solid #6b9586}.keyword-select span,.keyword-select small{display:block}.keyword-select span{font:800 18px/1.2 ui-monospace,Cascadia Mono,monospace}.keyword-select small{color:var(--muted);overflow-wrap:anywhere;margin-top:5px;font-size:10px}.keyword-delete{width:34px;height:34px;color:var(--muted);background:0 0;border:0;align-self:center;place-items:center;display:grid}.keyword-delete:hover{color:var(--red);background:#f8e9e6}.panels{gap:16px;min-width:0;display:grid}.keyword-panel{border:1px solid var(--line);background:var(--panel)}.keyword-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 20px 16px;display:flex}.keyword-code{color:var(--green);font:800 11px/1.2 ui-monospace,Cascadia Mono,monospace}.keyword-head h2{letter-spacing:0;overflow-wrap:anywhere;margin:6px 0 0;font-size:19px}.keyword-time{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:inline-flex}.date-filter{border-bottom:1px solid var(--line);background:#fafcfb;align-items:center;gap:14px;min-width:0;padding:10px 20px;display:flex}.date-filter>span{color:var(--muted);flex:none;font-size:10px}.date-buttons{scrollbar-width:thin;gap:6px;min-width:0;display:flex;overflow-x:auto}.date-select{display:none}.date-filter button{height:30px;color:var(--muted);background:#fff;border:1px solid #cfd8d3;flex:none;padding:0 10px;font-size:10px;font-weight:700}.date-filter button:hover{color:var(--ink);border-color:#89a89d}.date-filter button.active{border-color:var(--green);color:#fff;background:var(--green)}.metrics-grid{grid-template-columns:repeat(4,1fr);display:grid}.metric{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;padding:18px 20px}.metric:nth-child(4n){border-right:0}.metric:nth-child(n+5){border-bottom:0}.metric-label{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.metric>strong{margin:9px 0 6px;font:750 27px/1 ui-monospace,Cascadia Mono,monospace;display:block}.delta{align-items:center;gap:2px;padding:3px 6px;font-size:9px;font-weight:800;display:inline-flex}.delta.up{color:#1c6a4d;background:#dff0e8}.delta.down{color:#974039;background:#f6e3df}.delta.quiet{color:var(--muted);background:#edf1ee}.trend{border-top:1px solid var(--line);background:#fafcfb;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:18px;padding:18px 20px;display:grid}.trend-copy span,.trend-copy strong,.trend-copy small{display:block}.trend-copy span{color:var(--muted);font-size:10px}.trend-copy strong{margin-top:7px;font:800 23px/1 ui-monospace,Cascadia Mono,monospace}.trend-copy small{color:var(--muted);margin-top:6px;font-size:9px}.sparkline{width:100%;height:104px;overflow:visible}.spark-base{stroke:#dfe5e1;stroke-width:1px}.spark-line{fill:none;stroke:var(--green);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.spark-dot{fill:var(--amber);stroke:#fff;stroke-width:2px}.spark-empty{min-height:104px;color:var(--muted);border-bottom:1px dashed var(--line);place-items:center;font-size:11px;display:grid}.empty-panel{justify-content:space-between;gap:20px;padding:22px;display:flex}.empty-panel h2{margin:6px 0 0;font-size:20px}.empty-panel p{max-width:420px;color:var(--muted);margin:0;font-size:12px}.empty-state,.loading{text-align:center;background:#fbfcfb;border:1px dashed #bcc8c1;grid-column:1/-1;align-content:center;place-items:center;min-height:360px;display:grid}.empty-state h2{margin:14px 0 6px}.empty-state p{max-width:470px;color:var(--muted);margin:0;font-size:13px;line-height:1.7}.loading{color:var(--muted);font-size:13px}.password-backdrop{z-index:20;background:#0e211b6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.password-dialog{border:1px solid var(--line);background:var(--panel);width:min(100%,390px);padding:22px;box-shadow:0 20px 60px #0f231c33}.password-dialog h2{margin:0;font-size:20px}.password-dialog p{color:var(--muted);margin:8px 0 18px;font-size:12px;line-height:1.6}.password-dialog label{color:var(--muted);margin-bottom:7px;font-size:11px;display:block}.password-dialog>input{border:1px solid #bfcac4;outline:0;width:100%;height:42px;padding:0 11px}.password-dialog>input:focus{border-color:var(--green);box-shadow:0 0 0 2px #1f59451f}.password-error{color:var(--red);margin-top:9px;font-size:12px}.password-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.password-actions button{background:#fff;border:1px solid #c5cec9;height:38px;padding:0 16px}.password-actions button[type=submit]{border-color:var(--green);color:#fff;background:var(--green);font-weight:750}.password-actions button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:900px){.masthead{flex-direction:column;align-items:stretch}.status-strip{width:100%;min-width:0}.content{grid-template-columns:1fr}.keyword-index{border-top-width:2px;display:flex;position:static;overflow-x:auto}.keyword-nav-item{border-right:1px solid var(--line);min-width:190px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metric,.metric:nth-child(4n),.metric:nth-child(n+5){border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.metric:nth-child(2n){border-right:0}.metric:nth-child(n+7){border-bottom:0}}@media (max-width:680px){.app-shell{width:min(100% - 24px,1440px);padding-top:22px}.control-band{flex-direction:column;align-items:stretch;gap:12px}.control-band form{width:100%}.trend{grid-template-columns:1fr}.keyword-head{flex-direction:column}.keyword-index{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible}.keyword-nav-item{border-right:1px solid var(--line);min-width:0}.keyword-nav-item:nth-child(2n){border-right:0}.keyword-select{padding:13px 6px 13px 13px}.keyword-select span{font-size:16px}.date-filter{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding-inline:14px;display:grid}.date-buttons{display:none}.date-select{width:100%;height:38px;color:var(--ink);font:inherit;background:#fff;border:1px solid #cfd8d3;border-radius:0;padding:0 34px 0 11px;font-size:13px;display:block}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}