.data-page{max-width:1200px;min-width:0;width:100%;margin:0 auto;padding:var(--mk-space-7) var(--mk-space-6)}.data-hero{text-align:center;margin-bottom:var(--fs-space-12);padding:var(--mk-space-8) 0}.data-hero__title{font-size:var(--fs-text-4xl);font-weight:var(--font-weight-bold);color:var(--mk-text);margin:0 0 var(--mk-space-5);letter-spacing:-.02em}.data-hero__subtitle{font-size:var(--fs-text-lg);color:var(--mk-text-3);margin:0;max-width:600px;margin-inline:auto;line-height:var(--line-height-relaxed)}.data-section{margin-bottom:var(--fs-space-12)}.data-page>.mk-section{margin-bottom:var(--mk-space-8)}.data-section__header{display:flex;align-items:center;gap:var(--mk-space-5);margin-bottom:var(--mk-space-7)}.data-section__icon{width:40px;height:40px;border-radius:var(--mk-radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--fs-text-lg);color:var(--mk-text-inverse);flex-shrink:0}.data-section__title{font-size:var(--fs-text-xl);font-weight:var(--font-weight-semibold);color:var(--mk-text);margin:0}.data-section__desc{font-size:var(--fs-text-sm);color:var(--mk-text-3);margin:0}.data-streaks{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--mk-space-6)}.data-streak{background:var(--mk-bg-2);border:1px solid var(--mk-border);border-radius:var(--fs-radius-xl);padding:var(--fs-space-5);text-align:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.data-streak:hover{transform:translateY(-2px);box-shadow:var(--fs-shadow-md)}.data-streak__icon{font-size:var(--fs-text-2xl);margin-bottom:var(--mk-space-4)}.data-streak__value{font-size:var(--fs-text-4xl);font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--mk-space-2);font-variant-numeric:tabular-nums}.data-streak__label{font-size:var(--fs-text-sm);color:var(--mk-text-3)}.data-heatmap-container{background:var(--mk-bg);border:1px solid var(--mk-border);border-radius:var(--fs-radius-xl);padding:var(--fs-space-5);overflow-x:auto;min-height:180px}.data-graph-container{background:var(--mk-bg-2);border:1px solid var(--mk-border);border-radius:var(--fs-radius-xl);padding:var(--mk-space-6);position:relative;overflow:hidden}.data-graph__stats{display:flex;gap:var(--mk-space-6);margin-top:var(--mk-space-5);font-size:var(--fs-text-sm);color:var(--mk-text-3)}.data-graph__stat{display:flex;align-items:center;gap:var(--mk-space-2)}.data-tagcloud-container{background:var(--mk-bg-2);border:1px solid var(--mk-border);border-radius:var(--fs-radius-xl);padding:var(--mk-space-7);min-height:200px}.data-tagcloud{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--mk-space-4);line-height:1.8}.data-tag{display:inline-block;padding:var(--mk-space-2) var(--mk-space-5);border-radius:var(--mk-radius-full);background:var(--mk-bg-3);border:1px solid var(--mk-border);color:var(--mk-text-2);transition:all var(--transition-fast);cursor:default;white-space:nowrap}.data-tag:hover{background:var(--mk-primary-soft);border-color:var(--mk-primary);color:var(--fs-primary-dark);transform:scale(1.05)}.data-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--mk-space-6);min-height:260px}@media(max-width:768px){.data-media-grid{grid-template-columns:1fr}}.data-chart-card{background:var(--mk-bg-2);border:1px solid var(--mk-border);border-radius:var(--fs-radius-xl);padding:var(--fs-space-5);min-height:240px}.data-chart-card__title{font-size:var(--fs-text-sm);font-weight:var(--font-weight-semibold);color:var(--mk-text-2);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--mk-space-6)}.data-chart-card svg{display:block;width:100%}.data-donut{display:flex;align-items:center;gap:var(--mk-space-6)}.data-donut__legend{display:flex;flex-direction:column;gap:var(--mk-space-4)}.data-donut__legend-item{display:flex;align-items:center;gap:var(--mk-space-4);font-size:var(--fs-text-sm);color:var(--mk-text-2);background:none;border:none;padding:var(--mk-space-2) var(--mk-space-4);border-radius:var(--mk-radius-md);cursor:pointer;transition:all var(--transition-fast)}.data-donut__legend-item:hover{background:var(--mk-bg-3)}.data-donut__legend-item--active{background:var(--mk-bg-3);font-weight:var(--font-weight-semibold)}.data-donut__legend-clear{display:flex;align-items:center;gap:var(--mk-space-2);font-size:var(--fs-text-xs);color:var(--mk-text-3);background:none;border:none;padding:var(--mk-space-2) var(--mk-space-4);cursor:pointer;margin-top:var(--mk-space-2)}.data-donut__legend-clear:hover{color:var(--mk-text)}.data-donut__legend-swatch{width:12px;height:12px;border-radius:var(--mk-radius-sm);flex-shrink:0}.data-donut__legend-count{color:var(--mk-text-3);font-variant-numeric:tabular-nums}.data-bars{display:flex;flex-direction:column;gap:var(--mk-space-4)}.data-bar-row{display:flex;align-items:center;gap:var(--mk-space-5)}.data-bar-row__label{font-size:var(--fs-text-sm);color:var(--mk-text-2);width:36px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}.data-bar-row__track{flex:1;height:24px;background:var(--mk-bg-3);border-radius:var(--mk-radius-md);overflow:hidden}.data-bar-row__fill{height:100%;border-radius:var(--mk-radius-md);transition:width .6s ease;min-width:2px}.data-bar-row__count{font-size:var(--fs-text-xs);color:var(--mk-text-3);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(--mk-space-8);color:var(--mk-text-3);gap:var(--mk-space-4)}.data-empty{text-align:center;padding:var(--mk-space-8);color:var(--mk-text-3);font-size:var(--fs-text-sm)}.data-tooltip{position:fixed;background:var(--mk-text);color:var(--mk-text-inverse);padding:var(--mk-space-2) var(--mk-space-5);border-radius:var(--mk-radius-md);font-size:var(--fs-text-xs);pointer-events:none;z-index:var(--mk-z-tooltip);white-space:nowrap;box-shadow:var(--fs-shadow-lg)}.data-tabs{display:flex;gap:2px;margin-bottom:var(--mk-space-7);background:var(--mk-bg-3);border:1px solid var(--mk-border);border-radius:var(--fs-radius-xl);padding:3px;max-width:320px}.data-tabs__tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--mk-space-4);padding:var(--mk-space-4) var(--mk-space-6);border:none;border-radius:var(--mk-radius-lg);background:transparent;color:var(--mk-text-3);font-size:var(--fs-text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.data-tabs__tab--active{background:var(--mk-primary);color:var(--mk-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(--mk-space-5);min-height:100px}.data-summary__card{background:var(--mk-bg-2);border:1px solid var(--mk-border);border-radius:var(--fs-radius-xl);padding:var(--mk-space-6);text-align:center;cursor:pointer;transition:all var(--transition-fast)}.data-summary__card:hover{transform:translateY(-2px);box-shadow:var(--fs-shadow-md)}.data-summary__card--active{border-color:var(--mk-primary);box-shadow:var(--fs-shadow-md)}.data-summary__card--dimmed{opacity:.4}.data-summary__icon{font-size:var(--fs-text-xl);margin-bottom:var(--mk-space-2)}.data-summary__value{font-size:var(--fs-text-3xl);font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--mk-space-2);font-variant-numeric:tabular-nums}.data-summary__label{font-size:var(--fs-text-xs);color:var(--mk-text-3)}.data-chart-card--wide{grid-column:1 / -1}.data-chart-card__subtitle{font-size:var(--fs-text-sm);color:var(--mk-text-3);margin:calc(-1 * var(--mk-space-4)) 0 var(--mk-space-6)}.data-results{background:var(--mk-bg-2);border:1px solid var(--mk-border);border-radius:var(--fs-radius-xl);padding:var(--fs-space-5)}.data-results__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--mk-space-6)}.data-results__count{font-size:var(--fs-text-sm);color:var(--mk-text-3)}.data-results__controls{display:flex;align-items:center;gap:var(--mk-space-5)}.data-results__list{display:flex;flex-direction:column;gap:var(--mk-space-4)}.data-results__item{display:flex;align-items:center;gap:var(--mk-space-5);padding:var(--mk-space-5);border-radius:var(--mk-radius-lg);transition:background var(--transition-fast);animation:data-result-in .2s ease-out both}.data-results__item:hover{background:var(--mk-bg-3)}@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(--mk-radius-sm);overflow:hidden;background:var(--mk-bg-3)}.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(--mk-text-3);font-size:var(--fs-text-lg)}.data-results__info{flex:1;min-width:0}.data-results__title{font-size:var(--fs-text-sm);font-weight:var(--font-weight-semibold);color:var(--mk-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-results__creator{font-size:var(--fs-text-xs);color:var(--mk-text-3)}.data-results__badge{display:inline-flex;align-items:center;padding:2px var(--mk-space-4);border-radius:var(--mk-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(--fs-text-sm);color:var(--mk-text-2);font-variant-numeric:tabular-nums;flex-shrink:0;min-width:36px;text-align:right}.data-results__date{font-size:var(--fs-text-xs);color:var(--mk-text-3);flex-shrink:0;min-width:70px;text-align:right}.data-results__tags{display:flex;gap:var(--mk-space-2);flex-shrink:0}.data-results__tag{padding:1px var(--mk-space-4);border-radius:var(--mk-radius-full);background:var(--mk-bg-3);font-size:10px;color:var(--mk-text-3);white-space:nowrap}.data-results__empty{text-align:center;padding:var(--mk-space-8);color:var(--mk-text-3)}.data-results__empty p{margin:0 0 var(--mk-space-5)}.data-results__clear{padding:var(--mk-space-4) var(--mk-space-6);border:1px solid var(--mk-border);border-radius:var(--mk-radius-md);background:none;color:var(--mk-text-2);font-size:var(--fs-text-sm);cursor:pointer}.data-results__clear:hover{background:var(--mk-bg-3)}@media(max-width:768px){.data-hero__title{font-size:var(--fs-text-3xl)}.data-summary{grid-template-columns:repeat(2,1fr)}.data-summary__value{font-size:var(--fs-text-2xl)}.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(--mk-space-5)}}