.diagnosis-grid{display:flex;justify-content:space-around;padding:12px 8px;background:var(--color-bg-white)}.diagnosis-date{color:var(--color-text-tertiary)}.diagnosis-label{color:var(--color-text-tertiary)}.diagnosis-label.active{color:var(--color-text-primary);color:#333;font-weight:700}.diagnosis-desc{background:var(--color-bg-white);color:var(--color-text-secondary)}.cycle-clock-outer{display:flex;background:var(--color-bg-white)}.cycle-legend{flex-shrink:0;display:flex;flex-direction:column;justify-content:center}.cycle-legend-dot{flex-shrink:0}.cycle-legend-name{color:var(--color-text-secondary)}.clock-title{color:var(--color-text-primary);background:var(--color-bg-white)}.clock-title span{color:var(--color-up)}.player-controls{display:flex;justify-content:center;align-items:center;background:var(--color-bg-white)}.player-btn{border:1px solid var(--color-border);background:var(--color-bg-white);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-text-primary)}.player-btn:active{background:var(--color-bg-row);background:#f0f0f0}.combined-chart-wrap{background:var(--color-bg-white)}.indicator-section{background:var(--color-bg-white)}.indicator-section h3{color:var(--color-text-primary);border-bottom:1px solid var(--color-border)}.indicator-item{border-bottom:1px solid var(--color-border-light)}.indicator-name{color:var(--color-text-primary)}.indicator-desc{color:var(--color-text-tertiary)}.disclaimer-box{background:var(--color-bg-white);color:var(--color-text-placeholder)}.diagnosis-item{text-align:center;flex:1}.diagnosis-date{font-size:11px;color:#888;margin-bottom:4px}.diagnosis-face{font-size:28px;line-height:1.2}.diagnosis-label{font-size:11px;color:#888;margin-top:2px}.diagnosis-desc{text-align:center;padding:8px 16px 16px;background:#fff;font-size:13px;color:#555;line-height:1.6}.cycle-clock-outer{display:flex;background:#fff;padding:8px 12px;gap:8px}.cycle-clock-wrap{position:relative;flex:1;min-width:0}.cycle-clock-square{position:relative;width:100%;padding-bottom:100%}.cycle-clock-square #cycle-scatter{position:absolute;top:0;left:0;width:100%;height:100%}.cycle-legend{width:110px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:4px 0}.cycle-legend-item{display:flex;align-items:center;gap:6px}.cycle-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.cycle-legend-name{font-size:11px;color:#555;white-space:nowrap}.clock-title{text-align:center;font-size:14px;font-weight:700;color:#333;padding:8px 0 4px;background:#fff}.clock-title span{color:#e74c3c;font-weight:400;font-size:13px}.player-controls{display:flex;justify-content:center;align-items:center;gap:4px;padding:8px 0 12px;background:#fff}.player-btn{width:36px;height:32px;border:1px solid #ddd;background:#fff;border-radius:4px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#333}.combined-chart-wrap{background:#fff;padding:0 4px 8px}.indicator-section{background:#fff;margin-top:8px;padding:16px}.indicator-section h3{font-size:15px;font-weight:700;color:#333;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #eee}.indicator-item{padding:12px 0;border-bottom:1px solid #f5f5f5}.indicator-item:last-child{border-bottom:none}.indicator-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle}.indicator-name{font-size:14px;font-weight:600;color:#333}.indicator-desc{font-size:12px;color:#888;margin-top:4px;line-height:1.5}.disclaimer-box{margin-top:8px;padding:16px;background:#fff;font-size:11px;color:#999;line-height:1.6}@media (max-width:420px){.cycle-legend{display:none}.cycle-clock-outer{padding:4px}}