.nombre-screen{display:flex;flex:1;min-height:0;flex-direction:column;width:100%;align-items:center}.nombre-original{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;gap:24px}.nombre-original input,.nombre-correction input{font-family:Baton,sans-serif;font-size:28px;text-align:center;width:min(420px,85vw)}.nombre-correction{display:flex;flex:1;min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%}.number-table{display:flex;flex-direction:row;flex-wrap:nowrap;width:min(900px,100%);border:1px solid #69746d;font-family:Baton,sans-serif}.number-class{flex:1 1 0; background:#fffef9;min-width:0;border-right:2px solid #69746d}.number-class:last-child{border-right:0}.class-name{background:#e9dfbd;font-size:clamp(13px,2.5vh,20px);text-align:center;padding:6px;border-bottom:1px solid #69746d}.class-1 .class-name{background:#dce8f0}.class-2 .class-name{background:#e6dcef}.class-3 .class-name{background:#dce9d8}.class-labels,.class-cells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center}.class-labels>span{border-right:1px solid #c9cfc8;font-size:16px}.number-cell{border-radius:0;background:transparent;border:0;border-top:1px solid #69746d;border-right:1px solid #c9cfc8;min-height:0;height:clamp(36px,7vh,65px);font-family:Baton,sans-serif;font-size:clamp(18px,3.8vh,30px);padding:0;color:#30483f}.number-cell.selected{outline:3px solid #7d659b;outline-offset:-3px;background:#eee7f5}.number-cell:disabled{opacity:1;cursor:default}.class-active{background:#fff2ba;box-shadow:inset 0 0 0 3px #c9a448}.title-speaking{background:#f9d96a!important;box-shadow:inset 0 0 0 2px #ac8524}.nombre-pad{display:grid;grid-template-columns:repeat(6,1fr);width:min(390px,95%);gap:5px}.nombre-pad button{height:clamp(32px,5vh,43px)}.nombre-transfer{margin:0;font-size:16px}.nombre-correction .calc-feedback{min-height:1.8em;margin:0}.nombre-correction>label{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.nombre-correction>.btn{min-height:38px;padding:5px 15px}@media(max-height:600px){.nombre-correction{gap:4px}.class-name{padding:2px}.nombre-correction .calc-feedback{font-size:14px}.nombre-correction .btn{min-height:32px}.nombre-original{gap:14px}}

.nombre-families{width:min(780px,100%);display:grid;gap:8px}.nombre-family-row{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}.nombre-family-number{display:flex;justify-content:center;align-items:center;min-height:44px;border-radius:12px;background:#eeece5;color:#30483f;font-family:Baton,sans-serif;font-size:clamp(18px,3.5vw,30px);border:2px solid transparent}.nombre-family-number.speaking{background:#ffe694;border-color:#b79028;box-shadow:0 0 0 2px #f7e8b2}.nombre-small input{max-width:260px}.nombre-small{gap:10px}@media(max-height:650px){.nombre-small{gap:5px}.nombre-family-number{min-height:36px}.nombre-small input{font-size:24px;padding:5px}}

.number-table.number-classes-1{grid-template-columns:repeat(1,minmax(0,1fr))}.number-table.number-classes-2{grid-template-columns:repeat(2,minmax(0,1fr))}.number-table.number-classes-3{grid-template-columns:repeat(3,minmax(0,1fr))}.number-table.number-classes-4{grid-template-columns:repeat(4,minmax(0,1fr))}

.nombre-success p{font-size:clamp(40px,8vh,72px);color:#426b47;margin:0}

.nombre-success-number{font-family:Baton,sans-serif;font-size:clamp(24px,5vw,46px);white-space:nowrap;color:#30483f}

button.nombre-family-number{padding:0;box-shadow:none;cursor:pointer}button.nombre-family-number:disabled{opacity:1;cursor:default}button.nombre-family-number:focus-visible{outline:3px solid #7d659b;outline-offset:2px}

.nombre-contrast{font-family:Baton,sans-serif;font-size:clamp(22px,3.5vh,30px);display:flex;gap:10px;align-items:center}.nombre-contrast>span{padding:2px 7px}.contrast-error{border:2px solid #b77932;border-radius:50%;background:#fff3d5}

.nombre-feedback{display:flex;align-items:center;justify-content:center;gap:8px;max-width:100%}.nombre-feedback .calc-feedback{min-height:0}.instruction-audio{flex-shrink:0;min-width:44px;min-height:44px;padding:4px;font-size:21px}

.nombre-feedback{flex-wrap:wrap}.nombre-feedback .calc-feedback{flex:1 1 250px}.nombre-feedback [data-nombre="back"]{flex-basis:100%;padding:4px;min-height:36px}