.timeframe-final-lab{border:1px solid var(--color-divider,#201e1d29);border-radius:var(--radius-lg,1rem);background:var(--color-surface,#ebddc5);margin:1.5rem 0;padding:1.25rem}.timeframe-tool-guide{margin:0 0 1rem}.timeframe-scale-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:.875rem;display:flex}.timeframe-scale-tabs button{border:1px solid var(--color-divider,#dcd3c4);background:var(--color-neutral-100,#f9f4ed);color:var(--color-text,#201e1d);cursor:pointer;border-radius:.625rem;padding:.5rem 1rem;font-weight:600;transition:all .15s}.timeframe-scale-tabs button.is-selected{border-color:var(--color-accent,#c67139);background:var(--color-accent-100,#fff2eb);color:var(--color-accent-800,#643312);font-weight:700}.timeframe-scale-stage{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem;display:grid}@media (min-width:48rem){.timeframe-scale-stage{grid-template-columns:1fr 1fr;align-items:center}}.timeframe-candle-strip{border:1px solid var(--color-divider,#dcd3c4);background:var(--color-neutral-100,#f9f4ed);border-radius:.75rem;align-items:flex-end;gap:.375rem;min-height:7rem;padding:.875rem;display:flex}.timeframe-candle-strip i{background:#15803d;border-radius:.1875rem .1875rem 0 0;width:1.25rem;display:block}.timeframe-candle-strip i.is-down{background:#c2410c}.timeframe-scale-stage>div:last-child{flex-direction:column;gap:.25rem;display:flex}.timeframe-scale-stage>div:last-child span{color:var(--color-neutral-700,#645c50);font-size:.8125rem;font-weight:700}.timeframe-scale-stage>div:last-child p{margin:0}.timeframe-scale-result{border:1px solid var(--color-divider,#dcd3c4);background:var(--color-neutral-100,#f9f4ed);border-radius:.75rem;align-items:flex-start;gap:.5rem;padding:.875rem;display:flex}.timeframe-scale-result svg{color:var(--color-accent-2,#7a8a5e);flex-shrink:0}.timeframe-scale-result p{margin:0}.timeframe-audit-cases{grid-template-columns:1fr;gap:.75rem;margin-bottom:1rem;display:grid}@media (min-width:48rem){.timeframe-audit-cases{grid-template-columns:repeat(3,1fr)}}.timeframe-audit-cases button{text-align:left;border:1px solid var(--color-divider,#dcd3c4);background:var(--color-neutral-100,#f9f4ed);color:var(--color-text,#201e1d);cursor:pointer;border-radius:.75rem;flex-direction:column;gap:.375rem;padding:1rem;transition:all .15s;display:flex}.timeframe-audit-cases button.is-selected{border-color:var(--color-accent,#c67139);background:var(--color-accent-100,#fff2eb);color:var(--color-accent-800,#643312);font-weight:700}.timeframe-audit-cases button span{color:var(--color-neutral-700,#645c50);font-size:.875rem}.timeframe-audit-choices{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.timeframe-audit-choices p{flex-basis:100%;margin:0;font-weight:600}.timeframe-audit-choices button{border:1px solid var(--color-divider,#dcd3c4);background:var(--color-neutral-100,#f9f4ed);color:var(--color-text,#201e1d);cursor:pointer;border-radius:.625rem;padding:.5rem 1rem;transition:all .15s}.timeframe-audit-choices button.is-selected{border-color:var(--color-accent,#c67139);background:var(--color-accent-100,#fff2eb);color:var(--color-accent-800,#643312)}.timeframe-audit-feedback{border-radius:.75rem;align-items:flex-start;gap:.5rem;padding:.875rem;display:flex}.timeframe-audit-feedback.is-good{background:var(--color-accent-2-100,#f0fae1);border:1px solid var(--color-accent-2-300,#ccdbb2)}.timeframe-audit-feedback.is-danger{background:var(--color-error-100,#f6e0da);border:1px solid var(--color-error,#8a3b2a)}.timeframe-audit-feedback svg{flex-shrink:0}.timeframe-audit-feedback p{margin:0}.timeframe-perspective-card,.timeframe-aggregation-card{border:1px solid var(--color-divider,#201e1d29);border-radius:var(--radius-lg,1rem);background:var(--color-surface,#ebddc5);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.timeframe-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.375rem;display:flex}.timeframe-heading{color:var(--color-text,#201e1d);font-size:1.05rem;font-weight:800}.timeframe-subheading{color:var(--color-neutral-700,#645c50);margin:.125rem 0 0;font-size:.8125rem}.timeframe-switch{flex-wrap:wrap;gap:.375rem;display:flex}.timeframe-tab-btn{border:1px solid var(--color-divider,#dcd3c4);background:var(--color-neutral-100,#f9f4ed);color:var(--color-text,#201e1d);cursor:pointer;border-radius:999px;padding:.3125rem .75rem;font-size:.75rem;font-weight:700;transition:all .15s}.timeframe-tab-btn:hover,.timeframe-tab-btn.is-active{border-color:var(--color-accent,#c67139);background:var(--color-accent-100,#fff2eb);color:var(--color-accent-800,#643312)}.timeframe-chart-view.is-hero,.timeframe-agg-chart-view.is-hero{background:0 0;border:none;justify-content:center;align-items:center;width:100%;min-height:250px;padding:.25rem 0;display:flex}.timeframe-svg-canvas{-webkit-user-select:none;user-select:none;width:100%;height:auto;min-height:230px;overflow:visible}.timeframe-beam{transition:all .2s}.timeframe-beam line{stroke-linecap:round}