.tr-card{border-radius:var(--dc-radius-feature);overflow:hidden;background:var(--dc-color-surface);margin-bottom:16px;box-shadow:var(--dc-shadow-control)}.tr-photo{position:relative;min-height:154px;background:var(--dc-color-ink);color:var(--dc-color-inverse)}.tr-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%}.tr-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,var(--dc-color-image-overlay),transparent 34%,transparent 48%,var(--dc-color-image-shade))}.tr-photo>div{position:relative;z-index:1;display:flex;flex-direction:column;box-sizing:border-box;min-height:154px;padding:16px 20px 18px}.tr-photo-top{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:11px;color:var(--dc-color-inverse-secondary)}.tr-photo-top>span:first-child{padding:4px 9px;border-radius:var(--dc-radius-pill);background:var(--dc-color-label-scrim);color:var(--dc-color-inverse)}.tr-status{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:var(--dc-radius-pill);color:var(--dc-color-brand-on-dark);background:var(--dc-color-label-scrim);white-space:nowrap}.tr-photo h2{font-size:22px;line-height:1.35;margin:auto 0 0;padding-top:22px;letter-spacing:-.5px}.tr-photo p{font-size:11px;color:var(--dc-color-inverse-secondary);line-height:1.6;margin:4px 0 0}.tr-card-body{padding:18px 20px 20px}.tr-score-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:14px}.tr-caption{font-size:12px;color:var(--dc-color-text-secondary)}.tr-score{display:flex;align-items:baseline;gap:6px}.tr-score strong{font-size:46px;letter-spacing:-2px;line-height:1.25;color:var(--dc-color-ink)}.tr-score small{font-size:12px;color:var(--dc-color-text-muted)}.tr-score-row p{font-size:11px;color:var(--dc-color-text-secondary);line-height:1.6;margin-top:2px}.tr-progress{position:relative;width:92px;height:92px;flex-shrink:0}.tr-progress svg{width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:6}.tr-progress-track{stroke:var(--dc-color-brand-soft)}.tr-progress-value{stroke:var(--dc-color-brand);stroke-linecap:round}.tr-progress>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.tr-progress strong{font-size:22px;font-weight:700;letter-spacing:-.7px;color:var(--dc-color-brand-strong)}.tr-progress span{font-size:11px;color:var(--dc-color-text-secondary);margin-top:3px}.tr-compare-row{display:flex;gap:9px;align-items:center;padding:13px 0;border-top:1px solid var(--dc-color-divider)}.tr-metric-icon{color:var(--dc-color-text-secondary);flex-shrink:0}.tr-compare-row>div{min-width:0;flex:1}.tr-compare-row>div>span{font-size:11px;color:var(--dc-color-text-secondary);display:block;margin-bottom:4px}.tr-compare-row strong{display:block;font-size:17px;white-space:nowrap}.tr-compare-row strong small{font-size:11px;color:var(--dc-color-text-secondary);font-weight:400}.tr-difference{font-size:11px;color:var(--dc-color-brand-strong);font-weight:600;white-space:nowrap}.tr-attention{color:var(--dc-color-warning-text)}.tr-heart-note{font-size:11px;line-height:1.7;color:var(--dc-color-text-secondary);margin:-4px 0 10px 27px}.tr-zone-track{display:flex;height:7px;border-radius:var(--dc-radius-pill);overflow:hidden;gap:2px;margin-top:1px}.tr-zone-0{background:var(--dc-color-brand)}.tr-zone-1{background:var(--dc-color-brand-tint)}.tr-zone-2{background:var(--dc-color-warning)}.tr-zone-labels{display:flex;gap:12px;flex-wrap:wrap;margin:9px 0 18px;font-size:11px;color:var(--dc-color-text-secondary)}.tr-zone-labels i{width:6px;height:6px;display:inline-block;margin-right:4px;border-radius:2px}.tr-full{width:100%;gap:8px!important;font-size:13px!important}.tr-missing{font-size:11px;line-height:1.8;color:var(--dc-color-text-secondary);background:var(--dc-color-subtle);padding:10px 12px;border-radius:10px;margin:2px 0 16px}.tr-card-body>h3{font-size:17px;line-height:1.5;margin:0 0 16px}.tr-plan-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-bottom:20px}.tr-plan-metrics strong{display:block;font-size:22px;color:var(--dc-color-ink)}.tr-plan-metrics small{font-size:11px;font-weight:400}.tr-plan-metrics span{display:block;font-size:11px;color:var(--dc-color-text-secondary);margin-top:4px}.tr-sync-state{display:flex;gap:10px;padding:14px 0;border-top:1px solid var(--dc-color-divider);color:var(--dc-color-text-secondary)}.tr-sync-state>svg{flex-shrink:0;margin-top:2px}.tr-sync-state strong{font-size:12px;color:var(--dc-color-brand-strong);font-weight:600}.tr-sync-state p{font-size:11px;line-height:1.8;margin-top:5px}.tr-actions{display:grid;grid-template-columns:1.3fr 1fr;gap:10px;margin-top:5px}.tr-actions button{font-size:12px;padding-left:8px;padding-right:8px;gap:5px}.tr-first-plan strong{font-size:16px}.tr-first-plan p{font-size:12px;color:var(--dc-color-text-secondary);line-height:1.8;margin:8px 0 16px}.tr-report{font-size:14px}.tr-report .dc-page-header{margin-bottom:22px}.tr-result-card{padding:20px}.tr-result-card>.dc-badge{margin-bottom:16px}.tr-zone-table{font-size:11px;margin-top:18px}.tr-zone-table>div{display:grid;grid-template-columns:1.1fr .7fr .7fr 1fr;gap:6px;padding:12px 0;border-top:1px solid var(--dc-color-divider)}.tr-zone-table>div>span:not(:first-child),.tr-zone-table b{text-align:right}.tr-zone-table>div:first-child{color:var(--dc-color-text-secondary)}.tr-zone-table strong{font-weight:500}.tr-zone-table b{font-weight:600;color:var(--dc-color-brand-strong)}.tr-zone-table>p{font-size:11px;line-height:1.7;color:var(--dc-color-text-muted);margin-top:4px}.tr-report .dc-section-heading{margin:24px 0 12px}.tr-record{padding:0 16px;margin-bottom:12px}.tr-record summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;padding:17px 0}.tr-record summary::-webkit-details-marker,.tr-method summary::-webkit-details-marker,.tr-demo-tools summary::-webkit-details-marker{display:none}.tr-record-icon{display:grid;place-items:center;width:38px;height:42px;background:var(--dc-color-brand-soft);color:var(--dc-color-brand-strong);border-radius:12px}.tr-record summary>div{flex:1}.tr-record summary>div+div{text-align:right;flex:initial}.tr-record strong{font-size:13px}.tr-record b{font-size:17px}.tr-record small{display:block;color:var(--dc-color-text-secondary);font-size:11px;margin-top:4px;font-weight:400}.tr-record b>small{display:inline}.tr-record-content{padding-bottom:14px;border-top:1px solid var(--dc-color-divider)}.tr-record-content>div{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding-top:13px}.tr-record-content span{color:var(--dc-color-text-secondary)}.tr-record-content b{font-size:12px;font-weight:500}.tr-record-content p{font-size:11px;line-height:1.8;color:var(--dc-color-text-secondary);margin-top:14px}.tr-method{padding:16px;margin:18px 0}.tr-method summary{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;cursor:pointer;list-style:none}.tr-method p,.tr-method li{font-size:11px;color:var(--dc-color-text-secondary);line-height:1.8;margin-top:12px}.tr-method ul{padding-left:18px}.tr-score-parts{display:grid;grid-template-columns:repeat(3,1fr);padding:14px 0;gap:10px}.tr-score-parts>div{padding:12px;background:var(--dc-color-subtle);border-radius:10px}.tr-score-parts span{display:block;font-size:11px;color:var(--dc-color-text-secondary)}.tr-score-parts strong{display:block;font-size:22px;margin-top:6px}.tr-demo-note{font-size:11px;color:var(--dc-color-text-muted);text-align:center;line-height:1.8;margin-top:16px}.tr-report-empty{padding:36px 20px;text-align:center}.tr-report-empty h2{font-size:20px;margin-top:20px}.tr-report-empty p{font-size:12px;color:var(--dc-color-text-secondary);line-height:1.8;margin:14px 0 24px}.tr-demo-tools{font-size:11px;max-width:402px;color:var(--dc-color-text-secondary);text-align:center}.tr-demo-tools summary{cursor:pointer;padding:6px;list-style:none}.tr-demo-tools>div{padding:10px;background:var(--dc-color-surface);border-radius:12px;box-shadow:var(--dc-shadow-control)}.tr-demo-tools p{line-height:1.6;font-size:11px;margin:0 0 9px}.tr-demo-tools>div>div{display:flex;gap:7px;justify-content:center}.tr-demo-tools button{border:1px solid var(--dc-color-border);padding:7px 9px;border-radius:8px;font:inherit;background:var(--dc-color-page);color:var(--dc-color-ink);cursor:pointer}.tr-demo-tools p[role=status]{margin-top:10px;margin-bottom:0;color:var(--dc-color-brand-strong)}