.trend-workbench{width:100%;min-width:0;max-width:1040px;margin:0 auto;display:flex;flex-direction:column;gap:18px;box-sizing:border-box}.trend-unified-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;min-width:0;width:100%;padding-bottom:8px}.trend-range-selector{display:inline-flex;align-items:center;gap:4px;background:var(--ds-surface-subtle);border:1px solid var(--ds-border);border-radius:var(--ds-radius-pill);padding:3px 6px;box-shadow:0 1px 2px rgba(0,0,0,.03)}.trend-range-nav-btn{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ds-ink-muted);background:transparent;border:0;cursor:pointer;transition:all .15s var(--ds-ease,cubic-bezier(.16,1,.3,1))}.trend-range-nav-btn:hover{background:rgba(0,0,0,.06);color:var(--ds-ink)}.trend-range-nav-btn:active{transform:scale(.92)}.trend-range-nav-btn svg{width:13px;height:13px}.trend-range-current{font-size:12.5px;font-weight:550;letter-spacing:-.01em;color:var(--ds-ink);padding:0 6px}.trend-studio-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,1fr);gap:28px;align-items:stretch;width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:8px 0 24px;border-bottom:1px solid var(--ds-border)}@media (max-width:960px){.trend-studio-grid{grid-template-columns:minmax(0,1fr)}.trend-chart-studio-card{padding-right:0;padding-bottom:20px;border-right:none;border-bottom:1px solid var(--ds-border)}}.trend-chart-studio-card{display:flex;flex-direction:column;justify-content:flex-start;gap:16px;min-width:0;width:100%;max-width:100%;box-sizing:border-box;padding:4px 28px 4px 0;border-right:1px solid var(--ds-border-subtle)}.trend-chart-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.trend-chart-title{font-size:16px;font-weight:700;color:var(--ds-ink);letter-spacing:-.015em;margin:0}.trend-chart-legend{display:inline-flex;align-items:center;gap:8px}.trend-legend-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:var(--ds-radius-pill);background:var(--ds-surface-subtle);border:1px solid var(--ds-border);font-size:11.5px;font-weight:500;color:var(--ds-ink-muted);line-height:1;transition:all .15s var(--ds-ease)}.trend-legend-pill:hover{background:rgba(0,0,0,.04);color:var(--ds-ink)}.trend-legend-pill .legend-dot{width:6.5px;height:6.5px}.trend-chart-canvas-wrap{width:100%;min-width:0;max-width:100%;flex:1 1;display:flex;align-items:center;overflow:hidden}.trend-chart-footer-metrics{margin-top:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr);gap:12px;padding-top:14px;border-top:1px solid var(--ds-border-subtle);align-items:start;min-width:0;width:100%;max-width:100%;box-sizing:border-box}.trend-footer-metric-item{display:flex;flex-direction:column;gap:3px;min-width:0}.trend-footer-metric-label{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--ds-ink-light);font-weight:500;min-width:0}.trend-footer-metric-val{display:flex;align-items:baseline;gap:4px;min-width:0}.trend-footer-metric-val strong{font-size:20px;font-weight:700;color:var(--ds-ink);letter-spacing:-.02em}.trend-footer-metric-val small{font-size:11px;color:var(--ds-ink-light)}.trend-footer-ratio-item{display:flex;flex-direction:column;gap:6px;min-width:0;width:100%;max-width:100%;box-sizing:border-box}.trend-ratio-title{font-size:var(--ds-font-size-caption);color:var(--ds-ink-light);font-weight:500}.trend-ratio-legend{display:flex;flex-direction:column;gap:3px;min-width:0}.trend-ratio-legend-item{display:flex;align-items:center;gap:5px;min-width:0;font-size:var(--ds-font-size-caption);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.trend-ratio-legend-item.did{color:var(--ds-data-did-text)}.trend-ratio-legend-item.thinking{color:var(--ds-data-thinking-text)}.trend-ratio-bar{display:flex;height:7px;border-radius:var(--ds-radius-pill);overflow:hidden;background:var(--ds-surface-subtle);width:100%;min-width:0;max-width:100%;box-sizing:border-box}.trend-ratio-seg{height:100%;transition:width .25s ease}.trend-ratio-seg.did{background:var(--ds-data-did)}.trend-ratio-seg.thinking{background:var(--ds-data-thinking)}.trend-calendar-card{display:flex;flex-direction:column;gap:10px;min-width:0;width:100%;max-width:100%;box-sizing:border-box;padding:4px 0}.trend-calendar-header{padding-bottom:8px;border-bottom:1px solid var(--ds-border-subtle);min-width:0;width:100%}.trend-calendar-month-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;width:100%}.trend-calendar-heading{font-size:14.5px;font-weight:700;color:var(--ds-ink);letter-spacing:-.01em;white-space:nowrap;flex-shrink:0}.line-chart-container{position:relative;width:100%;min-width:0;max-width:100%;padding:6px 0 2px;overflow:hidden}.line-chart{width:100%;max-width:100%;height:auto;aspect-ratio:520/184;min-height:140px;max-height:220px;display:block}.chart-grid{stroke:var(--ds-border);stroke-width:1;stroke-dasharray:3 3;opacity:.7}.chart-grid.is-baseline{stroke-dasharray:none;opacity:1}.chart-hover-line{stroke:var(--ds-border-hover);stroke-width:1;stroke-dasharray:3 3}.chart-axis,.chart-axis-x,.chart-axis-y{fill:var(--ds-ink-light);font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chart-axis-x.is-active{fill:var(--ds-ink);font-weight:600}.chart-line{fill:none;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.chart-line.did{stroke:var(--ds-data-did)}.chart-line.thinking{stroke:var(--ds-data-thinking)}.chart-dot{fill:var(--ds-surface);stroke-width:2;transition:r .12s ease}.chart-dot.did{stroke:var(--ds-data-did)}.chart-dot.thinking{stroke:var(--ds-data-thinking)}.chart-dot.is-active.did{fill:var(--ds-data-did);stroke:var(--ds-surface)}.chart-dot.is-active.thinking{fill:var(--ds-data-thinking);stroke:var(--ds-surface)}.chart-floating-popover{position:absolute;z-index:40;pointer-events:none;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);box-shadow:0 4px 18px -2px rgba(0,0,0,.12),0 2px 6px -1px rgba(0,0,0,.06);padding:8px 12px;min-width:148px;display:flex;flex-direction:column;gap:6px;transition:transform .08s ease-out,opacity .12s ease}.chart-popover-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:5px;border-bottom:1px solid var(--ds-border-subtle)}.chart-popover-date{font-size:11.5px;font-weight:650;color:var(--ds-ink);letter-spacing:-.01em}.chart-popover-badge{font-size:11px;font-weight:600;padding:1px 6px;border-radius:var(--ds-radius-pill);background:var(--ds-brand-soft);color:var(--ds-brand-hover)}.chart-popover-badge.is-empty{background:var(--ds-surface-subtle);color:var(--ds-ink-light)}.chart-popover-rows{display:flex;flex-direction:column;gap:4px}.chart-popover-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12.5px}.popover-row-label{display:flex;align-items:center;gap:5px;color:var(--ds-ink-muted)}.popover-row-val{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}.popover-row-val.text-did{color:var(--ds-data-did-text)}.popover-row-val.text-thinking{color:var(--ds-data-thinking-text)}.legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.legend-dot.did{background:var(--ds-data-did)}.legend-dot.thinking{background:var(--ds-data-thinking)}.calendar-month-switch{height:28px;padding:0 4px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-pill);background:var(--ds-surface-subtle);display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:0;width:auto;box-sizing:border-box;box-shadow:0 1px 2px rgba(0,0,0,.03);transition:all .15s var(--ds-ease)}.calendar-month-switch:hover{border-color:rgba(52,120,92,.3)}.calendar-month-switch>button{flex:0 0 22px;width:22px;height:22px;border-radius:50%;color:var(--ds-ink-muted);display:flex;align-items:center;justify-content:center;background:transparent;border:0;transition:all .12s var(--ds-ease)}.calendar-month-switch>button:hover{background:rgba(0,0,0,.06);color:var(--ds-ink)}.calendar-month-switch>button:active{transform:scale(.92)}.calendar-month-switch>button svg{width:12px;height:12px}.calendar-month-label,.calendar-month-switch>span{color:var(--ds-ink);font-size:12.5px;font-weight:550;letter-spacing:-.01em;padding:0 4px;white-space:nowrap}.mini-calendar{margin-top:4px;overflow:hidden}.calendar-grid,.mini-calendar{min-width:0;width:100%;max-width:100%;box-sizing:border-box}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays{margin-bottom:4px;color:var(--ds-ink-light);font-size:12.5px;font-weight:600;height:26px;max-width:100%;box-sizing:border-box}.calendar-weekdays,.calendar-weekdays span{text-align:center;align-items:center;min-width:0;width:100%}.calendar-weekdays span{display:inline-flex;justify-content:center;overflow:hidden}.calendar-weekdays span.is-weekend{color:var(--ds-ink-muted)}.calendar-day{height:32px;position:relative;display:flex;align-items:center;justify-content:center;color:var(--ds-ink);font-size:var(--ds-font-size-caption);border-radius:var(--ds-radius-sm);transition:background .12s ease;min-width:0;width:100%;box-sizing:border-box}.calendar-day:hover:not(:disabled):not(.selected){background:var(--ds-surface-subtle)}.calendar-day.outside{color:var(--ds-ink-light);opacity:.3;cursor:default}.calendar-day.selected>span{width:28px;height:28px;color:var(--ds-surface);font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(74,124,89,.28)}.calendar-day.selected>span,.calendar-dot{border-radius:50%;background:var(--ds-brand)}.calendar-dot{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:4px;height:4px}.calendar-day.selected .calendar-dot{background:var(--ds-surface);bottom:3px}.calendar-selected-card{margin-top:14px;padding:12px 14px;border-radius:var(--ds-radius-lg);border:0;background:var(--ds-surface-subtle);display:block;text-decoration:none;min-width:0;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;transition:all .2s var(--ds-ease,cubic-bezier(.16,1,.3,1))}.calendar-selected-card.is-recorded{cursor:pointer}.calendar-selected-card.is-recorded:hover{background:var(--ds-surface-hover)}.calendar-selected-main{flex-direction:column;gap:5px;box-sizing:border-box}.calendar-selected-head,.calendar-selected-main{display:flex;min-width:0;width:100%;max-width:100%;overflow:hidden}.calendar-selected-head{align-items:center;gap:8px}.calendar-selected-date{flex:0 0 auto;color:var(--ds-brand);font-size:11px;font-weight:700;background:var(--ds-brand-soft);padding:2px 7px;border-radius:var(--ds-radius-pill);white-space:nowrap}.calendar-selected-title{display:block;flex:1 1;width:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ds-font-size-caption);font-weight:680;color:var(--ds-ink)}.calendar-selected-arrow{flex:0 0 auto;width:14px;height:14px;color:var(--ds-ink-light);transition:transform .15s ease,color .15s ease}.calendar-selected-card.is-recorded:hover .calendar-selected-arrow{color:var(--ds-brand);transform:translateX(2px)}.calendar-selected-summary{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;white-space:normal;font-size:12.5px;color:var(--ds-ink-muted);line-height:1.4;min-width:0;width:100%;max-width:100%}.calendar-selected-meta{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;margin-top:2px;min-width:0;max-width:100%;overflow:hidden}.calendar-selected-meta .meta-sep{color:var(--ds-ink-light);opacity:.5}.calendar-selected-card.is-empty{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;width:100%;max-width:100%;box-sizing:border-box}.calendar-selected-card.is-empty.is-actionable{cursor:pointer}.calendar-selected-card.is-empty.is-actionable:hover{background:var(--ds-surface-hover)}.calendar-selected-empty-copy{display:flex;align-items:baseline;gap:6px;min-width:0;flex:1 1;overflow:hidden}.calendar-selected-empty-date{font-size:var(--ds-font-size-caption);font-weight:680;color:var(--ds-ink);white-space:nowrap}.calendar-selected-empty-label{font-size:12.5px;color:var(--ds-ink-light);white-space:nowrap}.calendar-selected-action-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:3px;font-size:12.5px;font-weight:650;color:var(--ds-brand-hover);padding:4px 10px;border-radius:var(--ds-radius-pill);background:var(--ds-brand-soft);transition:all .15s ease;white-space:nowrap}.calendar-selected-action-btn svg{width:12px;height:12px;transition:transform .15s ease}.calendar-selected-card.is-empty.is-actionable:hover .calendar-selected-action-btn{background:var(--ds-brand);color:var(--ds-surface)}.calendar-selected-card.is-empty.is-actionable:hover .calendar-selected-action-btn svg{transform:translateX(2px)}.calendar-selected-card.is-empty.is-disabled{opacity:.7}@media (max-width:760px){.trend-unified-toolbar{flex-direction:column!important;align-items:center!important;gap:10px!important}.trend-unified-toolbar .ui-segmented-control{width:100%!important;display:flex!important}.trend-unified-toolbar .ui-segmented-btn{flex:1 1!important;justify-content:center!important;text-align:center!important}.trend-range-selector{width:auto!important;max-width:fit-content!important;margin:0 auto!important;justify-content:center!important;padding:3px 10px!important}.trend-workbench{gap:16px!important}.trend-studio-grid,.trend-workbench{width:100%!important;min-width:0!important;max-width:100%!important}.trend-studio-grid{grid-template-columns:minmax(0,1fr)!important;gap:20px!important;padding:4px 0 20px!important}.trend-chart-studio-card{padding-right:0!important;border-right:none!important;border-bottom:1px solid var(--ds-border)!important;padding-bottom:20px!important}.trend-calendar-card,.trend-chart-studio-card{width:100%!important;min-width:0!important;max-width:100%!important}.trend-calendar-card{padding:0!important}.trend-chart-canvas-wrap{overflow:hidden!important}.line-chart-container,.trend-chart-canvas-wrap{width:100%!important;min-width:0!important;max-width:100%!important}.line-chart{width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:520/184!important;min-height:140px!important;max-height:200px!important}.calendar-grid,.mini-calendar{width:100%!important;min-width:0!important;max-width:100%!important}.calendar-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important}.calendar-weekdays{max-width:100%!important}.calendar-day,.calendar-weekdays,.calendar-weekdays span{width:100%!important;min-width:0!important}.calendar-selected-card,.calendar-selected-main{width:100%!important;min-width:0!important;max-width:100%!important}}