.date-filter{flex-wrap:wrap;gap:8px}.date-filter input,.date-filter select{font-size:12px;padding:9px;min-width:0}.page-heading{align-items:center}.page-heading h1{margin:0}.cards{margin-top:12px}.card .value{margin-bottom:0}.panel{padding:20px}.loading{display:flex;justify-content:center;align-items:center;gap:10px;color:#527d67;padding:14px;animation:appear .2s ease}.spinner{width:20px;height:20px;border:2px solid #d6e5dc;border-top-color:#16764b;border-radius:50%;animation:spin .7s linear infinite}#page{transition:opacity .18s}#page.is-loading{opacity:.35;pointer-events:none}.trend-scroll{overflow-x:auto}.trend-chart{display:flex;align-items:end;gap:12px;height:230px;padding-top:15px}.trend-point{flex:1;min-width:58px;text-align:center}.trend-point svg{display:block;width:100%;height:180px}.trend-point small{display:block;white-space:nowrap;font-size:10px;color:#7c8980;margin-top:12px}.trend-legend{display:flex;gap:18px;align-items:center;font-size:12px;margin-top:20px;flex-wrap:wrap}.trend-legend span:nth-child(1){color:#718ba9}.trend-legend span:nth-child(2){color:#278964}.trend-legend span:nth-child(3){color:#c66d5c}.trend-legend small{color:#8d9991;margin-left:auto}.analysis-row{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:20px}.analysis-row small{display:block;color:#829087;font-size:11px;margin-bottom:10px}.analysis-row strong{font-size:17px;font-weight:550;font-variant-numeric:tabular-nums}pre.toml{font:12px/1.8 ui-monospace,SFMono-Regular,monospace;white-space:pre;overflow:auto;max-height:65vh;background:#192b24;color:#d7e7dc;padding:20px}#detail{max-width:1100px}.toolbar{margin-bottom:14px}.toolbar+#app-query{min-width:0}.content{padding-top:26px}#page-description:empty{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}.loading,#page{animation:none;transition:none}}@media(max-width:900px){.page-heading{flex-direction:column;align-items:flex-start}.date-filter{align-self:flex-start}.analysis-row{grid-template-columns:repeat(2,1fr)}.analysis-row>div:first-child{grid-column:1/-1}}@media(max-width:480px){.date-filter{width:100%}.date-filter input{width:128px}.date-filter select{max-width:110px}.panel{padding:16px}.trend-legend{gap:10px}.trend-legend small{margin-left:0}.card .value{font-size:22px}.header-right{gap:6px}.header-right button{padding:8px}.header-right #write-badge{font-size:9px}}
@media(max-width:480px){.trend-point{min-width:32px}.trend-chart{gap:8px}.trend-point small{font-size:8px}}