.embed-widget-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.embed-widget-modal{background:#0f172a;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.embed-widget-header{border-bottom:1px solid #ffffff1a;padding:24px 24px 16px;position:relative}.embed-widget-header h2{align-items:center;color:#f8fafc;display:flex;font-size:22px;gap:10px;margin:0 0 8px}.embed-icon{font-size:24px}.embed-subtitle{color:#94a3b8;font-size:14px;margin:0}.embed-close-btn{background:#ffffff1a;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;padding:8px;position:absolute;right:20px;top:20px;transition:all .2s}.embed-close-btn:hover{background:#ffffff26;color:#f8fafc}.embed-tabs{border-bottom:1px solid #ffffff0d;display:flex;gap:4px;overflow-x:auto;padding:16px 24px}.embed-tab{align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;color:#94a3b8;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:12px 16px;transition:all .2s}.embed-tab:hover{background:#ffffff0d}.embed-tab.active{background:#14b8a61a;border-color:#14b8a6;color:#14b8a6}.tab-icon{font-size:18px}.tab-label{font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.embed-content{padding:24px}.embed-preview{margin-bottom:20px}.embed-preview h4{color:#94a3b8;font-size:12px;letter-spacing:.1em;margin:0 0 12px;text-transform:uppercase}.embed-preview-box{align-items:center;background:#1e293b;border-radius:12px;display:flex;justify-content:center;min-height:120px;padding:20px}.preview-widget{background:linear-gradient(145deg,#0f172a,#1e293b);border:1px solid #ffffff1a;border-radius:12px;max-width:280px;padding:16px;width:100%}.preview-widget-header{margin-bottom:12px}.preview-logo{color:#14b8a6;font-family:Bebas Neue,sans-serif;font-size:12px;letter-spacing:.1em}.preview-widget-content{text-align:center}.preview-metric{color:#94a3b8;font-size:14px;margin-bottom:8px}.preview-value{align-items:baseline;display:flex;gap:4px;justify-content:center;margin-bottom:8px}.preview-number{color:#f8fafc;font-family:Bebas Neue,sans-serif;font-size:36px}.preview-unit{color:#94a3b8;font-size:14px}.preview-percentile{align-items:baseline;display:flex;gap:4px;justify-content:center}.preview-pct{color:#14b8a6;font-size:20px;font-weight:700}.preview-suffix{color:#94a3b8;font-size:12px}.preview-badge{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:8px;display:inline-flex;gap:8px;padding:8px 16px}.badge-pct{color:#14b8a6;font-weight:700}.badge-text,.badge-via{color:#94a3b8}.badge-via{font-size:11px}.preview-shield{border-radius:4px;display:inline-flex;font-size:11px;font-weight:600;overflow:hidden}.shield-left{background:#555;color:#fff;padding:4px 8px}.shield-right{background:#14b8a6;color:#fff;padding:4px 8px}.preview-forum,.preview-text{color:#94a3b8;font-size:13px;line-height:1.6;white-space:pre-wrap}.preview-forum small{color:#94a3b8;font-size:11px}.preview-markdown{text-align:center}.preview-markdown p{color:#94a3b8;font-size:12px;margin-bottom:12px}.preview-qrcode{align-items:center;display:flex;flex-direction:column;gap:12px}.preview-qrcode img{border:2px solid #14b8a64d}.preview-qrcode p{color:#94a3b8;font-size:12px;margin:0}.embed-code-section{margin-top:20px}.embed-code-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.embed-code-header h4{color:#94a3b8;font-size:12px;letter-spacing:.1em;margin:0;text-transform:uppercase}.copy-btn{align-items:center;background:#14b8a61a;border:1px solid #14b8a6;border-radius:8px;color:#14b8a6;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.copy-btn:hover{background:#14b8a633}.copy-btn.copied{background:#22c55e1a;border-color:#22c55e;color:#22c55e}.embed-code-box{background:#0a0f1c;border-radius:10px;margin:0;overflow-x:auto;padding:16px}.embed-code-box code{color:#94a3b8;font-family:JetBrains Mono,monospace;font-size:12px;white-space:pre-wrap;word-break:break-all}.embed-benefits{border-top:1px solid #ffffff0d;padding:20px 24px 24px}.embed-benefits h4{color:#f8fafc;font-size:14px;margin:0 0 12px}.embed-benefits ul{display:flex;flex-wrap:wrap;gap:16px;list-style:none;margin:0;padding:0}.embed-benefits li{align-items:center;color:#94a3b8;display:flex;font-size:13px;gap:8px}.benefit-icon{font-size:16px}@media (max-width:600px){.embed-widget-modal{border-radius:0;max-height:100vh}.embed-tabs{padding:12px 16px}.embed-tab{padding:10px 12px}.embed-content{padding:16px}.embed-benefits ul{flex-direction:column}}.metric-detail-page{padding:var(--space-8) 0}.breadcrumb{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:var(--space-2);margin-bottom:var(--space-6)}.breadcrumb a{color:var(--color-text-tertiary);transition:color var(--transition-fast)}.breadcrumb a:hover{color:var(--color-primary-light)}.breadcrumb .separator{color:var(--color-text-muted)}.breadcrumb .current{color:var(--color-text-secondary);font-weight:var(--font-medium)}.detail-grid{grid-gap:var(--space-8);align-items:start;display:grid;gap:var(--space-8);grid-template-columns:1fr 380px}.detail-main{gap:var(--space-6)}.detail-main,.detail-sidebar{display:flex;flex-direction:column}.detail-sidebar{gap:var(--space-5);position:-webkit-sticky;position:sticky;top:calc(var(--space-16) + 10px)}.detail-card{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.card-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--text-lg);font-weight:var(--font-semibold);gap:var(--space-2);margin:0 0 var(--space-3) 0}.header-card{overflow:hidden;position:relative}.header-card:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.header-top{align-items:flex-start;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4)}.header-badges,.header-top{display:flex;flex-wrap:wrap}.header-badges{gap:var(--space-2)}.badge-outline{background:#0000;border:1px solid var(--color-border);color:var(--color-text-secondary)}.meta-tags{display:flex;gap:var(--space-3)}.meta-tag{color:var(--color-text-tertiary);font-size:var(--text-sm)}.metric-title{color:var(--color-text-primary);font-size:var(--text-4xl);letter-spacing:var(--tracking-wider);line-height:1.1;margin:0 0 var(--space-4) 0;text-transform:uppercase}.metric-definition{color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0 0 var(--space-6) 0}.value-display{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.primary-value{align-items:baseline;display:flex;gap:var(--space-2);justify-content:center}.value-number{color:var(--color-primary-light);font-family:var(--font-mono);font-size:var(--text-5xl);font-weight:var(--font-bold);line-height:1}.value-unit{color:var(--color-text-tertiary);font-size:var(--text-xl)}.value-label{color:var(--color-text-muted);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);margin-top:var(--space-2);text-transform:uppercase}.distribution-visual{margin-bottom:var(--space-6)}.distribution-track{background:var(--color-surface);border-radius:var(--radius-full);height:24px;overflow:visible;position:relative}.distribution-gradient{background:linear-gradient(90deg,var(--color-error) 0,var(--color-warning) 25%,var(--color-success) 50%,var(--color-info) 75%,var(--color-primary) 100%);border-radius:var(--radius-full);bottom:0;left:0;opacity:.4;position:absolute;right:0;top:0}.user-marker{position:absolute;top:50%;transform:translateX(-50%);z-index:10}.marker-dot{background:var(--color-text-primary);border:3px solid var(--color-secondary);border-radius:var(--radius-full);box-shadow:var(--shadow-glow-gold);height:20px;transform:translateY(-50%);width:20px}.marker-label{background:var(--color-secondary);border-radius:var(--radius-sm);color:var(--color-text-inverse);font-size:var(--text-xs);font-weight:var(--font-semibold);left:50%;padding:var(--space-1) var(--space-2);position:absolute;top:24px;transform:translateX(-50%);white-space:nowrap}.distribution-labels{color:var(--color-text-muted);display:flex;font-size:var(--text-xs);justify-content:space-between;margin-top:var(--space-2)}.percentile-table{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.percentile-row{align-items:center;display:flex;gap:var(--space-3)}.percentile-key{color:var(--color-text-tertiary);flex:0 0 40px;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-semibold)}.percentile-bar-container{background:var(--color-surface);border-radius:var(--radius-full);flex:1 1;height:12px;overflow:hidden}.percentile-bar-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.percentile-value{color:var(--color-text-primary);flex:0 0 100px;font-family:var(--font-mono);font-size:var(--text-sm);text-align:right}.stats-row{border-top:1px solid var(--color-border);display:flex;gap:var(--space-4);padding-top:var(--space-4)}.stat-box{background:var(--color-surface);border-radius:var(--radius-md);flex:1 1;padding:var(--space-3);text-align:center}.stat-box-label{color:var(--color-text-tertiary);display:block;font-size:var(--text-xs);letter-spacing:var(--tracking-wide);margin-bottom:var(--space-1);text-transform:uppercase}.stat-box-value{color:var(--color-primary-light);font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--font-semibold)}.info-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-5)}.info-item{display:flex;flex-direction:column;gap:var(--space-1)}.info-label{color:var(--color-text-tertiary);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.info-value{color:var(--color-text-primary);font-size:var(--text-sm)}.notes-section{border-top:1px solid var(--color-border);padding-top:var(--space-4)}.notes-text{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-top:var(--space-2)}.source-link{color:var(--color-primary-light);display:inline-block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-top:var(--space-4)}.source-link:hover{text-decoration:underline}.compare-description{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-4) 0}.compare-input-group{align-items:center;display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.compare-input{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);flex:1 1;font-family:var(--font-mono);font-size:var(--text-base);padding:var(--space-3)}.compare-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle);outline:none}.compare-unit{color:var(--color-text-tertiary);font-size:var(--text-sm);min-width:40px}.compare-result{background:var(--color-primary-subtle);border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-4);text-align:center}.result-percentile{align-items:baseline;display:flex;gap:var(--space-1);justify-content:center;margin-bottom:var(--space-2)}.result-number{color:var(--color-primary-light);font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:var(--font-bold)}.result-description,.result-suffix{color:var(--color-text-secondary);font-size:var(--text-sm)}.result-description{margin:0}.share-result-section{border-top:1px solid #ffffff1a;display:flex;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4)}.btn-share{align-items:center;background:linear-gradient(135deg,#14b8a6,#0d9488);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-4);transition:all .2s ease}.btn-share:hover{box-shadow:0 4px 12px #14b8a64d;transform:translateY(-2px)}.btn-embed{align-items:center;background:#0000;border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary-light);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-3);transition:all .2s ease}.btn-embed:hover{background:#14b8a61a}.related-list{display:flex;flex-direction:column;gap:var(--space-2)}.related-item{align-items:center;background:var(--color-surface);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--space-3);text-decoration:none;transition:all var(--transition-base)}.related-item:hover{background:var(--color-surface-elevated);transform:translateX(4px)}.related-info{display:flex;flex-direction:column;gap:2px}.related-name{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-medium)}.related-meta{color:var(--color-text-tertiary);font-size:var(--text-xs)}.related-value{color:var(--color-primary-light);font-family:var(--font-mono);font-size:var(--text-sm)}.actions-card{display:flex;flex-direction:column;gap:var(--space-3)}.btn-block{text-align:center;width:100%}@media (max-width:1024px){.detail-grid{grid-template-columns:1fr}.detail-sidebar{position:static}}@media (max-width:768px){.metric-detail-page{padding:var(--space-4) 0}.metric-title{font-size:var(--text-2xl)}.value-number{font-size:var(--text-4xl)}.info-grid{grid-template-columns:1fr}.header-top,.stats-row{flex-direction:column}}@media (max-width:480px){.detail-card{padding:var(--space-4)}.metric-title{font-size:var(--text-xl)}.value-number{font-size:var(--text-3xl)}.percentile-value{flex:0 0 80px;font-size:var(--text-xs)}}
/*# sourceMappingURL=8240.ebd37796.chunk.css.map*/