.olf-radar .signature-shape{position:relative;width:280px;height:280px;flex-shrink:0}.olf-radar .signature-shape svg{width:100%;height:100%}.olf-radar .radar-grid{fill:none;stroke:var(--color-border,#e2e8f0);stroke-width:1;opacity:.5}.olf-radar .radar-grid-inner{opacity:.3}.olf-radar .radar-axis{stroke:var(--color-border,#e2e8f0);stroke-width:1;opacity:.4}.olf-radar .radar-segment{fill-opacity:.3;transition:fill-opacity .25s ease}.olf-radar .radar-segment:hover{fill-opacity:.5}.olf-radar .radar-outline{fill:none;stroke:rgba(255,255,255,.4);stroke-width:1.5;stroke-linejoin:round}[data-theme="light"] .olf-radar .radar-outline,:root:not([data-theme]) .olf-radar .radar-outline{stroke:rgba(0,0,0,.12)}.olf-radar .radar-point{stroke:white;stroke-width:2;r:5;transition:r .2s ease}.olf-radar .radar-point:hover{r:7}.scent-profile-shape .olf-radar,.scent-profile-shape .olf-radar__body{display:contents}.scent-profile-shape .olf-radar .signature-shape{justify-self:center}.scent-profile-shape .olf-radar__legend{align-self:center}.olf-radar__body{display:flex;align-items:center;justify-content:center;gap:var(--space-xl,24px);flex-wrap:wrap}.olf-radar .radar-label{font-family:var(--font-display);font-size:.7rem;font-weight:600}.olf-radar__legend{display:flex;flex-direction:column;gap:2px;width:max-content;max-width:200px}.olf-legend-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm,12px);padding:2px 8px;background:var(--color-card-bg);border-radius:var(--radius-sm,4px);font-size:.72rem;line-height:1.3}.olf-legend-name{font-weight:600}.olf-legend-row--zero{opacity:.35}.olf-legend-pct{font-weight:600;min-width:30px;text-align:right;font-size:.7rem}.olf-radar:has(.olf-legend-row:hover) .radar-segment{fill-opacity:.15;transition:fill-opacity .25s ease}.olf-radar:has(.olf-axis-citrus:hover) .segment-citrus,.olf-radar:has(.olf-axis-floral:hover) .segment-floral,.olf-radar:has(.olf-axis-fruity:hover) .segment-fruity,.olf-radar:has(.olf-axis-green:hover) .segment-green,.olf-radar:has(.olf-axis-sweet:hover) .segment-sweet,.olf-radar:has(.olf-axis-warm:hover) .segment-warm,.olf-radar:has(.olf-axis-woody:hover) .segment-woody,.olf-radar:has(.olf-axis-earthy:hover) .segment-earthy,.olf-radar:has(.olf-axis-animalic:hover) .segment-animalic,.olf-radar:has(.olf-axis-fresh:hover) .segment-fresh{fill-opacity:.5}.olf-compare-wrapper{display:flex;align-items:center;justify-content:center;gap:var(--space-lg,20px);flex-wrap:wrap}.olf-compare-wrapper .olf-compare-table{margin-top:-8px}.olf-compare-radar{max-width:280px;flex-shrink:0}.olf-compare-radar .olf-radar__svg{width:100%;height:auto}.olf-compare-radar .radar-grid{fill:none;stroke:var(--color-border,#e2e8f0);stroke-width:1;opacity:.5}.olf-compare-radar .radar-grid-inner{opacity:.3}.olf-compare-radar .radar-axis{stroke:var(--color-border,#e2e8f0);stroke-width:1;opacity:.4}.olf-compare-radar .radar-label{font-family:var(--font-display);font-size:.65rem;font-weight:600;fill:var(--label-color)}.olf-compare-fill--a{fill:rgba(0,212,170,.2)}.olf-compare-fill--b{fill:rgba(124,58,237,.15)}.olf-compare-stroke--a{fill:none;stroke:#00d4aa;stroke-width:1.5}.olf-compare-stroke--b{fill:none;stroke:#7c3aed;stroke-width:1.5}.olf-compare-table{border-collapse:collapse;font-size:.78rem;line-height:1.3;flex-shrink:0}.olf-compare-table__axis{font-weight:600;padding:3px 12px 3px 0;white-space:nowrap}.olf-compare-table__val{text-align:right;padding:3px 12px;font-variant-numeric:tabular-nums;font-weight:500}.olf-compare-table__val--a{color:#00d4aa}.olf-compare-table__val--b{color:#7c3aed}.olf-compare-table tbody tr{border-bottom:1px solid var(--color-border,#e2e8f0)}.olf-compare-table tbody tr:last-child{border-bottom:0}.accord-composition{margin-bottom:var(--space-xl,2rem)}.composition-role-group{margin-bottom:12px}.composition-role-group:last-child{margin-bottom:0}.composition-role-heading{display:flex;align-items:center;gap:5px;font-family:var(--font-display);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted,#6d6d7a);margin:0 0 4px 2px}.composition-role-heading--core{color:var(--color-accent,#00d4aa)}.composition-role-info{display:inline-flex;align-items:center;justify-content:center;color:var(--color-muted,#6d6d7a);opacity:.5;cursor:help;transition:opacity .15s ease;position:relative}.composition-role-info:hover{opacity:1}.composition-role-heading--core .composition-role-info{color:var(--color-accent,#00d4aa)}.composition-pills{display:flex;flex-wrap:wrap;gap:5px}.composition-pill{display:inline-flex;align-items:center;gap:.25rem;padding:2px 9px 2px 3px;background:var(--color-card-bg,#f7f5f2);border:1px solid var(--color-border,#e8e4df);border-radius:var(--radius-full,9999px);font-family:var(--font-display);font-size:.73rem;font-weight:500;color:var(--color-text,#2d2d3a);text-decoration:none;cursor:pointer;transition:border-color .15s ease,background-color .15s ease;line-height:1.2}.composition-pill:hover{border-color:var(--color-accent,#00d4aa);background:color-mix(in srgb,var(--color-accent,#00d4aa) 8%,var(--color-card-bg,#f7f5f2))}.composition-pill__name{white-space:nowrap}html.dark-mode .composition-pill,[data-theme="dark"] .composition-pill{background:var(--color-card-bg,#1e1e34);border-color:var(--color-border,#3a3a4e);color:var(--color-text,#faf8f5)}html.dark-mode .composition-pill:hover,[data-theme="dark"] .composition-pill:hover{border-color:var(--color-accent,#00d4aa);background:color-mix(in srgb,var(--color-accent,#00d4aa) 12%,var(--color-card-bg,#1e1e34))}html.dark-mode .composition-role-heading,[data-theme="dark"] .composition-role-heading{color:var(--color-muted,#9999a8)}html.dark-mode .composition-role-heading--core,[data-theme="dark"] .composition-role-heading--core{color:var(--color-accent,#00d4aa)}.note-colour-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}@media(max-width:768px){.olf-radar .signature-shape{width:240px;height:240px}.olf-radar .radar-label{font-size:.6rem}.olf-radar__body{gap:var(--space-md,16px)}.olf-radar__legend{max-width:none;flex-direction:row;flex-wrap:wrap;gap:2px 12px;justify-content:center}.olf-compare-wrapper{gap:var(--space-md,16px)}.olf-compare-radar{max-width:240px}.olf-compare-radar .radar-label{font-size:.55rem}.olf-compare-table{font-size:.72rem}.olf-compare-table th{padding:0 8px 4px}.olf-compare-table__val{padding:3px 8px}.composition-pills{gap:4px}.composition-pill{font-size:.68rem;padding:2px 7px 2px 2px}.composition-pill__name{white-space:normal}}