.data-page{max-width:1200px;min-width:0;width:100%;margin:0 auto;padding:var(--space-6) var(--space-4)}.data-hero{text-align:center;margin-bottom:var(--space-12);padding:var(--space-8) 0}.data-hero__title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-3);letter-spacing:-.02em}.data-hero__subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);margin:0;max-width:600px;margin-inline:auto;line-height:var(--line-height-relaxed)}.data-section{margin-bottom:var(--space-12)}.data-section__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.data-section__icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);color:var(--color-text-inverse);flex-shrink:0}.data-section__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.data-section__desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.data-collapsible{margin-bottom:var(--space-8)}.data-collapsible__header{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);background:var(--color-bg-secondary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);text-align:left;font-family:inherit;color:inherit}.data-collapsible__header:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-secondary)}.data-collapsible--expanded .data-collapsible__header{border-color:var(--color-border-secondary)}.data-collapsible__icon{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);color:var(--color-text-inverse);flex-shrink:0}.data-collapsible__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;white-space:nowrap}.data-collapsible__summary{flex:1;min-width:0;font-size:var(--font-size-sm);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;padding-left:var(--space-2)}.data-collapsible__chevron{font-size:var(--font-size-xs);color:var(--color-text-muted);transition:transform .25s ease;flex-shrink:0;margin-left:auto}.data-collapsible--expanded .data-collapsible__chevron{transform:rotate(180deg)}.data-collapsible__body{margin-top:var(--space-3);animation:data-collapsible-enter .2s ease-out}@keyframes data-collapsible-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.data-streaks{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.data-streak{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-5);text-align:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.data-streak:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.data-streak__icon{font-size:var(--font-size-2xl);margin-bottom:var(--space-2)}.data-streak__value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--space-1);font-variant-numeric:tabular-nums}.data-streak__label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.data-heatmap-container{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-5);overflow-x:auto;min-height:180px}.data-heatmap-container svg{display:block;margin:0 auto}.data-heatmap__cell{rx:2;ry:2;stroke:var(--color-bg-primary);stroke-width:1}.data-heatmap__month-label{font-size:10px;fill:var(--color-text-muted)}.data-heatmap__day-label{font-size:9px;fill:var(--color-text-muted)}.data-heatmap__legend{display:flex;align-items:center;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-muted)}.data-heatmap__legend-cell{width:12px;height:12px;border-radius:2px}.data-graph-container{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-4);position:relative;overflow:hidden}.data-graph-container svg{display:block;width:100%;height:400px;cursor:grab}.data-graph-container svg:active{cursor:grabbing}.data-graph__stats{display:flex;gap:var(--space-4);margin-top:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted)}.data-graph__stat{display:flex;align-items:center;gap:var(--space-1)}.data-tagcloud-container{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-6);min-height:200px}.data-tagcloud{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2);line-height:1.8}.data-tag{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:default;white-space:nowrap}.data-tag:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark);transform:scale(1.05)}.data-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);min-height:260px}@media(max-width:768px){.data-media-grid{grid-template-columns:1fr}}.data-chart-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-5);min-height:240px}.data-chart-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-4)}.data-chart-card svg{display:block;width:100%}.data-donut{display:flex;align-items:center;gap:var(--space-4)}.data-donut__legend{display:flex;flex-direction:column;gap:var(--space-2)}.data-donut__legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:none;border:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.data-donut__legend-item:hover{background:var(--color-bg-tertiary)}.data-donut__legend-item--active{background:var(--color-bg-tertiary);font-weight:var(--font-weight-semibold)}.data-donut__legend-clear{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted);background:none;border:none;padding:var(--space-1) var(--space-2);cursor:pointer;margin-top:var(--space-1)}.data-donut__legend-clear:hover{color:var(--color-text-primary)}.data-donut__legend-swatch{width:12px;height:12px;border-radius:var(--radius-sm);flex-shrink:0}.data-donut__legend-count{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.data-bars{display:flex;flex-direction:column;gap:var(--space-2)}.data-bar-row{display:flex;align-items:center;gap:var(--space-3)}.data-bar-row__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);width:36px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}.data-bar-row__track{flex:1;height:24px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);overflow:hidden}.data-bar-row__fill{height:100%;border-radius:var(--radius-md);transition:width .6s ease;min-width:2px}.data-bar-row__count{font-size:var(--font-size-xs);color:var(--color-text-muted);width:24px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}.data-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--color-text-muted);gap:var(--space-2)}.data-empty{text-align:center;padding:var(--space-8);color:var(--color-text-muted);font-size:var(--font-size-sm)}.data-tooltip{position:fixed;background:var(--color-text-primary);color:var(--color-text-inverse);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);pointer-events:none;z-index:var(--z-tooltip);white-space:nowrap;box-shadow:var(--shadow-lg)}.data-tabs{display:flex;gap:2px;margin-bottom:var(--space-6);background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:3px;max-width:320px}.data-tabs__tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-lg);background:transparent;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.data-tabs__tab--active{background:var(--color-primary);color:var(--color-text-inverse)}.data-tabs__tab--locked{opacity:.5;cursor:not-allowed}.data-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3);min-height:100px}.data-summary__card{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-4);text-align:center;cursor:pointer;transition:all var(--transition-fast)}.data-summary__card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.data-summary__card--active{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.data-summary__card--dimmed{opacity:.4}.data-summary__icon{font-size:var(--font-size-xl);margin-bottom:var(--space-1)}.data-summary__value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--space-1);font-variant-numeric:tabular-nums}.data-summary__label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.data-chart-card--wide{grid-column:1 / -1}.data-chart-card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:calc(-1 * var(--space-2)) 0 var(--space-4)}.data-results{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-5)}.data-results__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.data-results__count{font-size:var(--font-size-sm);color:var(--color-text-muted)}.data-results__controls{display:flex;align-items:center;gap:var(--space-3)}.data-results__list{display:flex;flex-direction:column;gap:var(--space-2)}.data-results__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);transition:background var(--transition-fast);animation:data-result-in .2s ease-out both}.data-results__item:hover{background:var(--color-bg-tertiary)}@keyframes data-result-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.data-results__cover{width:40px;height:56px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-bg-tertiary)}.data-results__cover img{width:100%;height:100%;object-fit:cover}.data-results__cover-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--font-size-lg)}.data-results__info{flex:1;min-width:0}.data-results__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-results__creator{font-size:var(--font-size-xs);color:var(--color-text-muted)}.data-results__badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-weight-semibold);color:#fff;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.data-results__rating{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0;min-width:36px;text-align:right}.data-results__date{font-size:var(--font-size-xs);color:var(--color-text-muted);flex-shrink:0;min-width:70px;text-align:right}.data-results__tags{display:flex;gap:var(--space-1);flex-shrink:0}.data-results__tag{padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--color-bg-tertiary);font-size:10px;color:var(--color-text-muted);white-space:nowrap}.data-results__empty{text-align:center;padding:var(--space-8);color:var(--color-text-muted)}.data-results__empty p{margin:0 0 var(--space-3)}.data-results__clear{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);background:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer}.data-results__clear:hover{background:var(--color-bg-tertiary)}@media(max-width:768px){.data-collapsible__summary{display:none}.data-hero__title{font-size:var(--font-size-3xl)}.data-summary{grid-template-columns:repeat(2,1fr)}.data-summary__value{font-size:var(--font-size-2xl)}.data-graph-container svg{height:300px}.data-donut{flex-direction:column}.data-results__item{flex-wrap:wrap}.data-results__tags{width:100%}.data-results__date,.data-results__rating{min-width:auto}}@media(max-width:480px){.data-summary{grid-template-columns:1fr 1fr}.data-summary__card{padding:var(--space-3)}}