.trend-demo-page{min-height:100vh;color:#20312c;padding:12px 0 18px;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif}.trend-demo-page.mobile-frame{display:flex;flex-direction:column;align-items:center}.trend-demo-topbar{width:100%;max-width:390px;display:flex;align-items:center;justify-content:flex-start;margin:0 auto 8px}.trend-demo-topbar button{border:1px solid #d7ccba;background:#fffaf2e6;color:#20312c;border-radius:999px;padding:8px 14px;font:inherit;cursor:pointer}.trend-demo-shell{width:100%;max-width:390px;box-sizing:border-box;padding:10px;border-radius:28px;border:1px solid #decfb8;background:linear-gradient(180deg,#fffaf2f5,#fcf6ebf0);box-shadow:0 18px 36px #4a3d2f14}.trend-demo-shell-header{display:none}.trend-demo-range-toggle,.trend-demo-tabs{display:inline-flex;align-items:center;gap:6px}.trend-demo-range-toggle button,.trend-demo-tabs button,.trend-demo-axis-strip button{border:0;background:transparent;color:#5e7068;font:inherit;cursor:pointer}.trend-demo-range-toggle.light{padding:3px;border-radius:999px;background:#e7dccaa3}.trend-demo-range-toggle.light.inline{align-self:start}.trend-demo-range-toggle.light button{border-radius:999px;padding:6px 10px;font-size:11px}.trend-demo-range-toggle.light button.is-active{background:#20312c;color:#fff8ea}.trend-demo-tabs.light.mobile{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%;padding:4px;border-radius:18px;background:#e7dcca70}.trend-demo-tabs.light.mobile button{border-radius:14px;padding:8px 0;font-size:12px;font-weight:600}.trend-demo-tabs.light.mobile button.is-active{background:#20312c;color:#fff8ea}.trend-demo-panel-viewport{margin-top:8px}.trend-demo-panel,.trend-demo-placeholder-panel{border-radius:20px;padding:12px;border:1px solid #e6dbc8;background:#fffcf6f5}.trend-demo-panel.compact-mode.mobile-card{min-height:auto}.trend-demo-panel-header.micro.mobile{display:grid;grid-template-columns:1fr;gap:4px;margin-bottom:10px}.trend-demo-panel-header.micro.mobile.with-range{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px}.trend-demo-panel-title.small{font-size:14px;line-height:1.35;font-weight:700;letter-spacing:-.02em}.trend-demo-status-inline{color:#6d7f77;font-size:11px;line-height:1.35}.trend-demo-compact-chart,.trend-demo-form-chart{border:1px solid #eadfce;border-radius:14px;overflow:hidden;background:#fffcf6}.trend-demo-form-chart{margin-top:6px}.trend-demo-svg{display:block;width:100%}.trend-demo-svg.compact{height:128px}.trend-demo-svg.form-mini{height:76px}.trend-demo-axis-strip.compact.mobile{display:grid;grid-template-columns:repeat(auto-fit,minmax(22px,1fr));gap:1px;margin:6px 0 8px;align-items:end}.trend-demo-axis-strip.compact.mobile.sparse{grid-template-columns:repeat(3,minmax(0,1fr))}.trend-demo-axis-strip.compact.mobile.sparse button:nth-child(2){justify-self:center}.trend-demo-axis-strip.compact.mobile.sparse button:last-child{justify-self:end}.trend-demo-axis-strip.compact.mobile button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:3px 0 0;color:#7a877f;font-size:9px}.trend-demo-axis-tick{display:block;width:1px;height:8px;background:#cbbda6}.trend-demo-axis-strip.compact.mobile button.is-active{color:#20312c}.trend-demo-axis-strip.compact.mobile button.is-active .trend-demo-axis-tick{width:2px;height:12px;background:#20312c}.trend-demo-tooltip-card.compact-grid.mobile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.trend-demo-load-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;margin-top:6px}.trend-demo-load-info{display:grid;grid-template-columns:1fr;gap:6px}.trend-demo-tooltip-row.compact{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:12px;background:#f1e4d28f;color:#425952;font-size:11px}.trend-demo-tooltip-row.compact strong{color:#20312c}.trend-demo-placeholder-panel{display:flex;flex-direction:column;justify-content:center;min-height:240px}.trend-demo-placeholder-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:#20312c;color:#fff8ea;text-transform:uppercase;letter-spacing:.12em;font-size:10px;margin-bottom:10px}.trend-demo-placeholder-panel h2{margin:0;font-size:22px}.trend-demo-placeholder-panel p{margin:10px 0 0;color:#425952;line-height:1.5}.trend-demo-load-legend{display:grid;grid-template-columns:1fr;gap:6px;justify-items:start}.trend-demo-load-legend-item{display:flex;align-items:center;gap:8px;color:#425952;font-size:11px}.trend-demo-load-legend-dot{width:10px;height:10px;border-radius:999px;flex:0 0 auto}.trend-demo-load-legend-dot.z2{background:#4f9d57}.trend-demo-load-legend-dot.z4{background:#f08f3c}.trend-demo-load-legend-dot.z7{background:#7d3cf8}@media (max-width: 640px){.trend-demo-load-footer{grid-template-columns:minmax(0,1fr) auto;gap:8px}}.trend-demo-compact-chart.ftp{background:linear-gradient(180deg,#fffcf6,#f8f2e7)}.trend-demo-tooltip-card.compact-grid.mobile.ftp-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.trend-demo-compact-chart.ef{background:linear-gradient(180deg,#fff9ef,#f6edde)}.trend-demo-tooltip-card.compact-grid.mobile.ef-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-demo-ef-legend{display:flex;align-items:center;gap:14px;margin-top:6px;margin-bottom:6px;color:#5f5444;font-size:11px}.trend-demo-ef-legend-item{display:inline-flex;align-items:center;gap:6px}.trend-demo-ef-dot{width:8px;height:8px;border-radius:999px;background:#8c5e25}.trend-demo-ef-line{width:16px;height:2px;background:#8c5e25;border-radius:999px;opacity:.9}