:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#17191d;background:#f7f8fa;font-synthesis:none;text-rendering:optimizeLegibility;--blue: #2764df;--border: #e7e9ee;--muted: #697180;--subtle: #98a0ad;--up: #dc2626;--down: #16a34a}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 75% -20%,#eaf0ff 0,transparent 28%),#f7f8fa;-webkit-font-smoothing:antialiased}button,input{font:inherit}.wrap{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:40px 0 56px}header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.12em}.eyebrow i{width:18px;height:2px;background:var(--blue);border-radius:2px}h1{margin:0;font-size:clamp(30px,4vw,42px);line-height:1;letter-spacing:.04em}.title-block p{margin:10px 0 0;color:var(--subtle);font-size:13px}a{color:inherit;text-underline-offset:3px;text-decoration-color:#d0d4dc}a:hover{color:var(--blue)}.freshness{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;white-space:nowrap}.freshness small{color:var(--subtle);padding-left:6px;border-left:1px solid var(--border)}.dot{width:7px;height:7px;border-radius:50%;background:#20b26b;box-shadow:0 0 0 4px #20b26b1a}.dot--error{background:#e25151;box-shadow:0 0 0 4px #e251511a}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card,.panel{border:1px solid var(--border);background:#ffffffe6;border-radius:15px;box-shadow:0 1px 1px #141c2d05}.stat-card{position:relative;overflow:hidden;min-width:0;padding:20px 22px;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #1c2a4a12}.stat-card--accent:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--blue)}.stat-label{color:var(--muted);font-size:13px}.stat-value{margin-top:8px;font-size:clamp(24px,2.3vw,29px);font-weight:740;letter-spacing:.01em;font-variant-numeric:tabular-nums;white-space:nowrap}.stat-value small{margin-left:3px;color:var(--muted);font-size:14px;font-weight:500}.stat-delta{margin-top:7px;color:var(--subtle);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.stat-delta b{font-weight:650}.up{color:var(--up)}.down{color:var(--down)}.panel{margin-top:14px;padding:22px 22px 12px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:28px;margin-bottom:5px}.panel-head h2{margin:0;font-size:15px;font-weight:670}.panel-head h2 span{margin-left:9px;color:var(--subtle);font-size:12px;font-weight:400}.ranges{display:flex;gap:6px}.ranges button{min-width:43px;padding:5px 11px;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:transparent;font-size:12px;cursor:pointer;transition:.15s ease}.ranges button:hover{color:var(--blue);border-color:var(--blue)}.ranges button.active{color:#fff;border-color:var(--blue);background:var(--blue);box-shadow:0 4px 12px #2764df38}.chart{width:100%;height:380px}.chart--flow{height:320px}.stock-panel{padding-bottom:22px}.stock-head{margin-bottom:0}.stock-search{display:flex;gap:8px}.stock-search input{width:158px;padding:8px 12px;border:1px solid var(--border);border-radius:9px;outline:none;color:#17191d;background:#fff;font-variant-numeric:tabular-nums}.stock-search input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2764df1a}.stock-search button{padding:8px 16px;border:0;border-radius:9px;color:#fff;background:var(--blue);cursor:pointer}.stock-search button:disabled{cursor:wait;opacity:.65}.stock-message{margin:18px 0 0;color:var(--subtle);font-size:13px}.stock-message--error{color:#c63737}.stock-result{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:18px;align-items:center;margin-top:18px;padding:18px;border-radius:12px;background:#f7f9fc}.stock-result>div:not(.stock-identity){display:flex;flex-direction:column;gap:5px}.stock-result span{color:var(--subtle);font-size:12px}.stock-result b{font-size:15px;font-variant-numeric:tabular-nums}.stock-identity{display:flex;flex-direction:column;gap:5px}.stock-identity strong{font-size:17px}.state{display:grid;place-items:center;min-height:420px;border:1px solid var(--border);border-radius:15px;background:#fff;color:var(--muted);align-content:center}.state p{margin:14px 0 0}.state--error strong{color:#30343b}.state--error button{margin-top:18px;padding:8px 16px;border:0;border-radius:9px;color:#fff;background:var(--blue);cursor:pointer}.loader{width:28px;height:28px;border:3px solid #e8ecf5;border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}footer{margin-top:30px;color:var(--subtle);font-size:12px;line-height:1.8}footer p{margin:0}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.wrap{width:min(100% - 28px,1120px);padding-top:25px}header{align-items:flex-start;flex-direction:column;margin-bottom:20px}.freshness{align-items:flex-start;flex-wrap:wrap}.freshness small{flex-basis:100%;margin-left:14px;padding-left:0;border:0}.stats{grid-template-columns:1fr;gap:10px}.stat-card{padding:17px 18px}.panel{padding:17px 12px 10px}.panel-head{align-items:flex-start;flex-direction:column;padding:0 5px}.panel-head h2 span{display:block;margin:5px 0 0;line-height:1.5}.stock-search{width:100%}.stock-search input{flex:1;width:auto;min-width:0}.stock-result{grid-template-columns:1fr 1fr}.stock-identity{grid-column:1 / -1}.ranges{width:100%}.ranges button{flex:1}.chart{height:310px}.chart--flow{height:290px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}