.spine-bar[data-v-7e474db7]{width:100%}.spine-bar-lg[data-v-7e474db7]{margin-bottom:1.75rem;height:2.5rem;gap:3px}.spine-bar-sm[data-v-7e474db7]{height:.75rem;gap:2px}.spine-seg[data-v-7e474db7]{position:relative;border-radius:.25rem;transition-property:filter,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.spine-seg-sm[data-v-7e474db7]{border-radius:3px}.spine-seg-lg[data-v-7e474db7]{cursor:pointer;border-width:0;padding:0}.spine-seg-lg[data-v-7e474db7]:hover{--tw-translate-y:-1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-brightness:brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.spine-seg-lg[data-v-7e474db7]:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--color-primary-500)/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;--tw-ring-offset-color:rgb(var(--color-surface-elevated)/1)}.spine-seg-active[data-v-7e474db7]{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--color-accent-500)/var(--tw-ring-opacity,1));--tw-ring-offset-width:1px;--tw-ring-offset-color:rgb(var(--color-surface-elevated)/1)}.spine-seg-score[data-v-7e474db7]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:.75rem;line-height:1rem;font-weight:700;--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.spine-seg-name[data-v-7e474db7]{position:absolute;top:100%;left:.125rem;right:.125rem;margin-top:.375rem;pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:11px;--tw-text-opacity:1;color:rgb(var(--color-text-tertiary)/var(--tw-text-opacity,1))}.spine-seg-win[data-v-7e474db7]{position:absolute;bottom:-6px;left:8%;right:8%;height:3px;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(var(--color-accent-500)/var(--tw-bg-opacity,1))}.spine-detail[data-v-7e474db7]{margin-top:.5rem;font-size:.875rem;line-height:1.25rem;line-height:1.375}.spine-tip[data-v-7e474db7]{position:absolute;bottom:100%;left:50%;z-index:20;margin-bottom:.5rem;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:-moz-max-content;width:max-content;max-width:260px;border-radius:.5rem;padding:.5rem .75rem;text-align:left;--tw-bg-opacity:1;background-color:rgb(var(--color-text-primary)/var(--tw-bg-opacity,1));font-size:.75rem;line-height:1rem;line-height:1.375;--tw-text-opacity:1;color:rgb(var(--color-surface-elevated)/var(--tw-text-opacity,1));pointer-events:none;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.spine-tip b[data-v-7e474db7]{display:block;font-size:12.5px}.spine-seg:first-child .spine-tip[data-v-7e474db7]{left:0}.spine-seg:first-child .spine-tip[data-v-7e474db7],.spine-seg:nth-last-child(-n+2) .spine-tip[data-v-7e474db7]{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.spine-seg:nth-last-child(-n+2) .spine-tip[data-v-7e474db7]{left:auto;right:0}@media(hover:hover)and (pointer:fine){.spine-seg:focus-visible .spine-tip[data-v-7e474db7],.spine-seg:hover .spine-tip[data-v-7e474db7]{opacity:1}}.spine-tap[data-v-7e474db7]{display:block;width:100%;border-radius:.25rem;text-align:left}button.spine-tap[data-v-7e474db7]{cursor:pointer}button.spine-tap[data-v-7e474db7]:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--color-primary-500)/var(--tw-ring-opacity,1));--tw-ring-offset-width:4px;--tw-ring-offset-color:rgb(var(--color-surface-elevated)/1)}.spine-read[data-v-7e474db7]{margin-top:.375rem;font-size:.75rem;line-height:1rem;line-height:1.375;--tw-text-opacity:1;color:rgb(var(--color-text-secondary)/var(--tw-text-opacity,1))}.spine-hint[data-v-7e474db7]{margin-top:.125rem;display:inline-flex;align-items:center;gap:.125rem;font-size:11px;font-weight:500;--tw-text-opacity:1;color:rgb(var(--color-text-tertiary)/var(--tw-text-opacity,1))}.spine-hint-chev[data-v-7e474db7]{height:.75rem;width:.75rem;--tw-text-opacity:1;color:rgb(var(--color-primary-600)/var(--tw-text-opacity,1));transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.spine-hint-chev[data-v-7e474db7]:is(.dark *){--tw-text-opacity:1;color:rgb(var(--color-primary-400)/var(--tw-text-opacity,1))}.spine-breakdown[data-v-7e474db7]{margin-top:.5rem}.spine-breakdown[data-v-7e474db7]>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.spine-breakdown[data-v-7e474db7]{border-top-width:1px;border-style:dashed;--tw-border-opacity:1;border-color:rgb(var(--color-border-emphasis)/var(--tw-border-opacity,1));padding-top:.5rem}.spine-bd-row[data-v-7e474db7]{display:grid;align-items:center;gap:.625rem;font-size:.75rem;line-height:1rem;grid-template-columns:minmax(0,1fr) auto 56px 34px}.spine-bd-name[data-v-7e474db7]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(var(--color-text-secondary)/var(--tw-text-opacity,1))}.spine-bd-weight[data-v-7e474db7]{font-size:11px;--tw-text-opacity:1;color:rgb(var(--color-text-tertiary)/var(--tw-text-opacity,1))}.spine-bd-bar[data-v-7e474db7]{height:.375rem;overflow:hidden;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(var(--color-surface-sunken)/var(--tw-bg-opacity,1))}.spine-bd-fill[data-v-7e474db7]{display:block;height:100%;border-radius:9999px}.spine-bd-score[data-v-7e474db7]{text-align:right;font-weight:600;--tw-text-opacity:1;color:rgb(var(--color-text-secondary)/var(--tw-text-opacity,1))}@media(prefers-reduced-motion:reduce){.spine-hint-chev[data-v-7e474db7],.spine-seg[data-v-7e474db7]{transition-property:none}.spine-seg-lg[data-v-7e474db7]:hover{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}