.compo__wrapper{display:flex;gap:2rem;align-items:center;justify-content:center;margin-bottom:2rem}.compo__chart-container{position:relative;width:320px;height:320px;flex-shrink:0}.compo__chart{width:100%;height:100%;transform:rotate(-90deg);filter:drop-shadow(0 4px 12px rgba(0,0,0,0.3))}.compo__segment{cursor:pointer;transition:all 0.3s ease;transform-origin:center}.compo__segment:hover{filter:brightness(1.2);transform:scale(1.05)}.compo__center{fill:var(--script-bg,#1a1a1a)}.compo__center-text{fill:var(--script-text);font-size:1.2rem;font-weight:700;text-anchor:middle;transform:rotate(90deg);transform-origin:center}.compo__segment--fulvique{fill:var(--script-color-primary)}.compo__segment--humique{fill:#8b7355}.compo__segment--mineraux{fill:var(--script-result-optimal)}.compo__segment--oligo{fill:var(--script-result-warning)}.compo__tooltip{position:absolute;background:rgba(0,0,0,0.95);border:2px solid var(--script-color-primary);border-radius:var(--script-radius);padding:1rem 1.25rem;pointer-events:none;opacity:0;transition:opacity 0.3s ease;z-index:999;min-width:220px;box-shadow:0 8px 24px rgba(0,0,0,0.4)}.compo__tooltip.is-visible{opacity:1}.compo__tooltip-title{font-size:1.1rem;font-weight:700;margin-bottom:0.5rem;color:var(--script-color-primary)}.compo__tooltip-pct{font-size:1.5rem;font-weight:700;margin-bottom:0.5rem}.compo__tooltip-desc{font-size:0.875rem;line-height:1.4;opacity:0.85}.compo__legend{display:flex;flex-direction:column;gap:1rem;flex:1;max-width:350px}.compo__legend-item{background:var(--script-bg-tertiary);border:1px solid var(--script-border);border-radius:var(--script-radius);padding:1rem 1.25rem;transition:all 0.3s ease;cursor:pointer;position:relative;overflow:hidden}.compo__legend-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease}.compo__legend-item:hover::before{transform:scaleX(1)}.compo__legend-item--fulvique::before{background:var(--script-color-primary)}.compo__legend-item--humique::before{background:#8b7355}.compo__legend-item--mineraux::before{background:var(--script-result-optimal)}.compo__legend-item--oligo::before{background:var(--script-result-warning)}.compo__legend-item:hover{border-color:var(--script-color-primary);transform:translateX(5px)}.compo__legend-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.5rem}.compo__legend-color{width:20px;height:20px;border-radius:4px;flex-shrink:0}.compo__legend-color--fulvique{background:var(--script-color-primary)}.compo__legend-color--humique{background:#8b7355}.compo__legend-color--mineraux{background:var(--script-result-optimal)}.compo__legend-color--oligo{background:var(--script-result-warning)}.compo__legend-name{font-size:1rem;font-weight:700}.compo__legend-pct{font-size:1.2rem;font-weight:700;margin-left:auto}.compo__legend-pct--fulvique{color:var(--script-color-primary)}.compo__legend-pct--humique{color:#8b7355}.compo__legend-pct--mineraux{color:var(--script-result-optimal)}.compo__legend-pct--oligo{color:var(--script-result-warning)}.compo__legend-desc{font-size:0.875rem;line-height:1.5;opacity:0.8}@media (max-width:968px){.compo__wrapper{flex-direction:column}.compo__legend{max-width:100%}}@media (max-width:768px){.compo__chart-container{width:280px;height:280px}.compo__legend-item{padding:0.875rem 1rem}.compo__tooltip{min-width:200px;padding:0.875rem 1rem}}