[data-tool="somme-des-lettres"]{--letter-sum-action: var(--outil-action);--letter-sum-action-hover: var(--outil-action-hover);--letter-sum-action-text: var(--outil-action-texte);--letter-sum-border: var(--outil-bord);--letter-sum-surface: var(--outil-surface);--letter-sum-surface-hover: var(--outil-surface-hover);--letter-sum-text: var(--outil-texte);--letter-sum-strong: var(--outil-fonce);display: grid;gap: 1rem}[data-tool="somme-des-lettres"] *,[data-tool="somme-des-lettres"] *::before,[data-tool="somme-des-lettres"] *::after{box-sizing: border-box}.letter-sum-intro,.letter-sum-field-status{margin: 0;color: var(--letter-sum-text);line-height: 1.55}.letter-sum-top-grid{display: grid;grid-template-columns: minmax(0,1fr) minmax(19rem,0.78fr);gap: 1rem;align-items: stretch}.letter-sum-editor,.letter-sum-result-card,.letter-sum-analysis-card{min-width: 0;border: 1px solid var(--letter-sum-border);border-radius: 10px;background: #fff;overflow: hidden}.letter-sum-editor{display: grid;grid-template-rows: auto minmax(0,1fr) auto}.letter-sum-editor-top,.letter-sum-editor-bottom,.letter-sum-result-head,.letter-sum-analysis-head{background: var(--letter-sum-surface);padding: 0.55rem}.letter-sum-editor-top,.letter-sum-editor-bottom{display: flex;flex-wrap: wrap;gap: 0.55rem;align-items: center;justify-content: space-between}.letter-sum-editor-top,.letter-sum-result-head,.letter-sum-analysis-head{border-bottom: 1px solid var(--letter-sum-border)}.letter-sum-editor-bottom{border-top: 1px solid var(--letter-sum-border)}.letter-sum-editor h2,.letter-sum-result-card h2,.letter-sum-analysis-card h2{margin: 0;color: var(--letter-sum-strong);font-size: 1.06rem;font-weight: 900;line-height: 1.2}.letter-sum-result-card h2,.letter-sum-analysis-card h2{text-align: center}.letter-sum-action-group,.letter-sum-result-actions{display: flex;flex-wrap: wrap;gap: 0.35rem;align-items: center;justify-content: flex-end}.letter-sum-action{min-height: 2.35rem;border: 1px solid var(--letter-sum-border);border-radius: 8px;background: #fff;color: var(--letter-sum-strong);cursor: pointer;display: inline-flex;align-items: center;justify-content: center;gap: 0.35rem;font: inherit;font-size: 0.9rem;font-weight: 850;line-height: 1.15;padding: 0.38rem 0.52rem;text-align: center;transition: transform 0.12s ease,border-color 0.16s ease,background-color 0.16s ease,color 0.16s ease,box-shadow 0.16s ease,opacity 0.16s ease}.letter-sum-action-primary{border-color: var(--letter-sum-action);background: var(--letter-sum-action);color: var(--letter-sum-action-text)}.letter-sum-action-icon{width: 18px;height: 18px;flex: 0 0 auto}.letter-sum-action:not(:disabled):hover,.letter-sum-action:not(:disabled):focus-visible{border-color: var(--letter-sum-action-hover);color: var(--letter-sum-action-hover);background: var(--letter-sum-surface-hover);box-shadow: 0 0 0 3px color-mix(in srgb,var(--letter-sum-action) 15%,transparent);outline: 0}.letter-sum-action-primary:not(:disabled):hover,.letter-sum-action-primary:not(:disabled):focus-visible{background: var(--letter-sum-action-hover);color: var(--letter-sum-action-text)}.letter-sum-action:active{transform: translateY(1px)}.letter-sum-action:disabled{cursor: not-allowed;opacity: 0.58;transform: none;box-shadow: none}.letter-sum-textarea{width: 100%;min-width: 0;min-height: 14rem;border: 0;border-radius: 0;box-shadow: none;outline-offset: -3px;background: #fff;color: var(--letter-sum-strong);font: inherit;font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size: 0.98rem;font-weight: 780;line-height: 1.55;padding: 0.85rem;resize: none;appearance: none}.letter-sum-textarea::placeholder{color: color-mix(in srgb,var(--letter-sum-text) 72%,#fff)}.letter-sum-textarea:focus,.letter-sum-action:focus-visible,.letter-sum-choice:has(input:focus-visible){outline: 3px solid color-mix(in srgb,var(--outil-focus) 30%,transparent);outline-offset: 2px}.letter-sum-field-status{min-height: 1.25rem;color: var(--letter-sum-strong);font-size: 0.9rem;font-weight: 850}.letter-sum-result-card{display: grid;gap: 0.8rem;align-content: start}.letter-sum-total-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.7rem;padding: 0.85rem}.letter-sum-total-box{min-height: 7.5rem;border: 1px solid var(--letter-sum-border);border-radius: 10px;background: var(--letter-sum-surface);display: grid;place-items: center;align-content: center;gap: 0.35rem;padding: 0.7rem;text-align: center}.letter-sum-total-box span{color: var(--letter-sum-strong);font-size: 1rem;font-weight: 900}.letter-sum-total-box strong{color: var(--letter-sum-strong);font-size: clamp(2.2rem,6vw,3.8rem);font-weight: 950;line-height: 1}.letter-sum-result-actions{justify-content: center;padding: 0 0.85rem}.letter-sum-result-card>.letter-sum-field-status{padding: 0 0.85rem 0.85rem;text-align: center}.letter-sum-analysis-head{display: grid;gap: 0.7rem}.letter-sum-controls{display: grid;grid-template-columns: minmax(0,1fr) minmax(14rem,0.55fr);gap: 0.7rem}.letter-sum-control{display: grid;gap: 0.35rem}.letter-sum-control h3{margin: 0;color: var(--letter-sum-strong);font-size: 0.9rem;font-weight: 900}.letter-sum-selector{display: flex;flex-wrap: wrap;gap: 0.25rem;border: 1px solid var(--letter-sum-border);border-radius: 10px;background: #fff;overflow: hidden;padding: 0.25rem}.letter-sum-choice{min-width: 0;display: flex;flex: 1 1 auto}.letter-sum-selector-three .letter-sum-choice{flex-basis: calc((100% - 0.5rem) / 3)}.letter-sum-choice input{position: absolute;opacity: 0;pointer-events: none}.letter-sum-choice span{min-height: 2.2rem;width: 100%;border-radius: 8px;color: var(--letter-sum-strong);display: flex;align-items: center;justify-content: center;font-size: 0.86rem;font-weight: 850;line-height: 1.1;padding: 0.34rem 0.42rem;text-align: center;transition: background-color 0.16s ease,color 0.16s ease,box-shadow 0.16s ease}.letter-sum-choice input:checked + span{background: var(--letter-sum-action);color: var(--letter-sum-action-text);box-shadow: 0 0 0 1px var(--letter-sum-action)}.letter-sum-table-wrap{overflow-x: auto}.letter-sum-table{width: 100%;border-collapse: collapse}.letter-sum-table th,.letter-sum-table td{border: 1px solid var(--letter-sum-border);padding: 0.65rem;vertical-align: middle}.letter-sum-table th{background: var(--letter-sum-surface);color: var(--letter-sum-strong);font-weight: 900;text-align: center}.letter-sum-table th:nth-child(3){background: #dcecff}.letter-sum-table th:nth-child(4){background: #ffe6c7}.letter-sum-table td{color: var(--letter-sum-strong);font-weight: 760}.letter-sum-table tbody tr:nth-child(even) td{background: color-mix(in srgb,var(--letter-sum-surface) 55%,#fff)}.letter-sum-table tbody tr:nth-child(odd) td:nth-child(3){background: color-mix(in srgb,#dcecff 68%,#fff)}.letter-sum-table tbody tr:nth-child(even) td:nth-child(3){background: color-mix(in srgb,#dcecff 78%,var(--letter-sum-surface))}.letter-sum-table tbody tr:nth-child(odd) td:nth-child(4){background: color-mix(in srgb,#ffe6c7 68%,#fff)}.letter-sum-table tbody tr:nth-child(even) td:nth-child(4){background: color-mix(in srgb,#ffe6c7 78%,var(--letter-sum-surface))}.letter-sum-table td:nth-child(1),.letter-sum-table td:nth-child(2),.letter-sum-table td:nth-child(3),.letter-sum-table td:nth-child(4){text-align: center}.letter-sum-detail-cell{min-width: 18rem;font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size: 0.86rem;line-height: 1.5;overflow-wrap: anywhere}.letter-sum-detail-item{display: inline-flex;align-items: center;gap: 0.12rem;margin: 0.08rem 0.12rem 0.08rem 0;white-space: nowrap}.letter-sum-detail-item strong{color: var(--letter-sum-strong);font-weight: 950;letter-spacing: 0}.letter-sum-detail-a0,.letter-sum-detail-a1{border-radius: 6px;color: var(--letter-sum-strong);font-weight: 400;line-height: 1;padding: 0.16rem 0.28rem}.letter-sum-detail-a0{background: color-mix(in srgb,#dcecff 78%,#fff)}.letter-sum-detail-a1{background: color-mix(in srgb,#ffe6c7 78%,#fff)}.letter-sum-detail-separator{color: color-mix(in srgb,var(--letter-sum-strong) 70%,#fff);font-weight: 850}.letter-sum-empty{text-align: center;padding: 1.4rem}.letter-sum-copy-proxy{position: fixed;top: -9999px;left: -9999px;width: 1px;height: 1px;opacity: 0}.letter-sum-info-note,.letter-sum-info-card{border: 1px solid var(--letter-sum-border,var(--outil-bord));border-radius: 10px;background: var(--letter-sum-surface,var(--outil-surface));padding: 0.85rem}.letter-sum-info-note{margin: 1rem 0}.letter-sum-info-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.8rem;margin: 1rem 0}.letter-sum-info-note h2,.letter-sum-info-card h3{margin: 0 0 0.4rem;color: var(--letter-sum-strong,var(--outil-fonce));font-size: 1rem;font-weight: 900}.letter-sum-info-note p,.letter-sum-info-card p{margin: 0}.letter-sum-info-table{width: 100%;border-collapse: collapse;margin: 1rem 0}.letter-sum-info-table th,.letter-sum-info-table td{border: 1px solid var(--letter-sum-border,var(--outil-bord));padding: 0.65rem;text-align: center}.letter-sum-info-table th{background: var(--letter-sum-surface,var(--outil-surface));color: var(--letter-sum-strong,var(--outil-fonce));font-weight: 900}.letter-sum-info-table td{background: #fff}.letter-sum-info-code{color: var(--letter-sum-strong,var(--outil-fonce));font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-weight: 850}.letter-sum-info-link{color: var(--letter-sum-strong,var(--outil-fonce));font-weight: 900;text-decoration: underline;text-underline-offset: 0.12em;cursor: pointer}@media (max-width: 980px){.letter-sum-top-grid,.letter-sum-controls,.letter-sum-info-grid{grid-template-columns: 1fr}}@media (max-width: 620px){.letter-sum-editor-top,.letter-sum-editor-bottom{display: grid;justify-items: stretch}.letter-sum-action-group,.letter-sum-result-actions,.letter-sum-action{width: 100%}.letter-sum-total-grid{grid-template-columns: 1fr}}@media (prefers-reduced-motion: reduce){[data-tool="somme-des-lettres"] *,[data-tool="somme-des-lettres"] *::before,[data-tool="somme-des-lettres"] *::after{animation-duration: 0.01ms;transition-duration: 0.01ms}}