.aw-app .alt-module{display:flex;flex-direction:column;min-height:100%;height:100%;position:relative;padding:16px 22px;gap:14px;color:#24474c;container-type:inline-size}
.aw-app .alt-module *{box-sizing:border-box}.aw-app .alt-module [hidden]{display:none!important}
.aw-app .alt-button{min-height:48px;min-width:48px;padding:11px 16px;border:1px solid #d4e3df;border-radius:13px;background:white;color:#24474c;font:600 16px/1.3 AulaInter,system-ui;cursor:pointer;touch-action:manipulation}
.aw-app .alt-button:hover{background:#f0f8f4;border-color:#8abaac}.aw-app .alt-button:focus-visible,.aw-app .alt-module :is(select,textarea,input):focus-visible{outline:3px solid #198573;outline-offset:-3px}
.aw-app .alt-button.is-primary{background:#167e74;color:white;border-color:#167e74}.aw-app .alt-button:disabled{opacity:.4;cursor:default}
.aw-app .alt-top,.aw-app .alt-top-actions,.aw-app .alt-tabs,.aw-app .alt-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:none}.aw-app .alt-top-actions{margin-left:auto}.aw-app .alt-tabs{background:#f0f6f3;padding:4px;border-radius:16px}.aw-app .alt-tabs button{border-color:transparent;background:transparent}.aw-app .alt-button[aria-pressed=true]{background:#e5f3ed;border-color:#8bbeac;color:#08796c}
.aw-app .alt-stage{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;justify-content:safe center;gap:28px;padding:16px 0;overscroll-behavior:contain}
.aw-app .alt-words{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;white-space:pre-wrap}
.aw-app .alt-word{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 18px;border-width:2px;border-bottom:5px solid var(--category-color,#dde9e3);background:#fbfcfb}
.aw-app .alt-word strong{font-size:clamp(28px,3.5cqw,54px);font-weight:650}.aw-app .alt-word small{font-size:13px;max-width:190px}.aw-app .alt-punctuation{font-size:clamp(28px,3.5cqw,54px)}
.aw-app .alt-word[data-result=correct]{border-color:#218461;background:#ecf9f0}.aw-app .alt-word[data-result=incorrect]{border-color:#bb7b37;background:#fff7eb}.aw-app .alt-mark{font-size:15px;position:absolute;right:4px;top:2px}
.aw-app .alt-instruction{font-size:20px;font-weight:600;text-align:center;margin:0 0 14px}.aw-app .alt-categories,.aw-app .alt-subtypes{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:1100px;margin:auto}.aw-app .alt-categories button{border-left:5px solid var(--category-color);min-width:144px}.aw-app .alt-subtypes{margin-top:12px}.aw-app .alt-subtypes button{font-size:14px}
.aw-app .alt-feedback{max-width:950px;margin:0 auto;text-align:center;border-radius:16px;background:#f2f8f5;padding:16px 24px;font-size:20px;line-height:1.5}.aw-app .alt-feedback:empty{display:none}.aw-app .alt-feedback p{margin:6px 0 0;font-size:18px}.aw-app .alt-footer{justify-content:center}.aw-app .alt-progress{font-size:14px;color:#668079;margin-right:12px}
.aw-app .alt-panel{position:absolute;z-index:45;right:12px;top:80px;max-height:calc(100% - 92px);overflow:auto;overscroll-behavior:contain;width:360px;max-width:calc(100% - 24px);background:#fff;border:1px solid #bed9cd;border-radius:18px;padding:18px;box-shadow:0 14px 40px #25463928;display:flex;flex-direction:column;gap:12px}
.aw-app .alt-panel.is-wide{width:760px}.aw-app .alt-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:21px}.aw-app .alt-panel label{display:flex;flex-direction:column;gap:8px}.aw-app .alt-panel :is(select,textarea,input){width:100%;min-height:48px;font:inherit;border:1px solid #bed9cd;border-radius:10px;padding:10px;background:#fff;color:inherit}.aw-app .alt-panel p{margin:0;font-size:14px;line-height:1.5}.aw-app .alt-bank{display:flex;flex-direction:column;gap:8px}.aw-app .alt-bank button{text-align:left}.aw-app .alt-review{display:grid;gap:12px}.aw-app .alt-review label{padding:12px;border:1px solid #dbe8e2;border-radius:12px}.aw-app .alt-review small{font-size:12px;color:#677d77}
.aw-app .alt-bank-button{display:flex;align-items:center;gap:8px;background:#f3f9f4}.aw-app .alt-bank-button svg{width:21px;height:21px;flex:none}.aw-app .alt-bank-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,.7fr);gap:8px}.aw-app .alt-bank-filters input{grid-column:1/-1}.aw-app .alt-bank-card{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:7px;border:1px solid #d4e3df;border-radius:14px;background:#fff;padding:7px}.aw-app .alt-bank-card .alt-bank-item{border:0;display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:17px;text-wrap:pretty}.aw-app .alt-bank-item small{font-size:12px;font-weight:450;color:#668079}.aw-app .alt-favorite{padding:8px;font-size:23px;text-align:center!important;border:0;background:#fbfaf5;color:#a47b27}.aw-app .alt-own-tools{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap}.aw-app .alt-own-tools .alt-button{font-size:13px;padding:8px 12px}.aw-app .alt-delete-confirm{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:14px}.aw-app .alt-session-buttons{display:flex;align-items:center;gap:7px;flex-wrap:wrap;background:#eff7f2;border-radius:13px;padding:10px}.aw-app .alt-session-buttons>span{font-size:14px;flex-basis:100%;color:#668079}.aw-app .alt-session-buttons .alt-button{flex:1;font-size:14px;padding:9px;white-space:nowrap}.aw-app .alt-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.aw-app .alt-stats>div{display:flex;flex-direction:column;align-items:center;gap:8px;border-radius:13px;padding:14px 6px;background:#eff7f2}.aw-app .alt-stats strong{font-size:32px}.aw-app .alt-stats span{font-size:12px}.aw-app .alt-session-result{font-size:48px;text-align:center;padding:12px}.aw-app .alt-bridge{color:#6754a0;background:#f4f1fb;border-color:#d8cdeb}
.aw-app .alt-panel header{position:sticky;top:0;z-index:2;flex:none;background:#fff;padding-bottom:8px;box-shadow:0 8px 12px #ffffffdd}
@container(max-width:700px){.aw-app .alt-top{gap:6px}.aw-app .alt-top-actions .alt-button{padding:8px 10px;font-size:14px}.aw-app .alt-stage{gap:18px}.aw-app .alt-word{padding:10px}.aw-app .alt-categories button{min-width:120px;flex:1;font-size:14px}.aw-app .alt-feedback{padding:12px;font-size:17px}.aw-app .alt-feedback p{font-size:16px}}
@media(max-width:600px){.aw-app .alt-module{padding:12px;min-height:460px}.aw-app .alt-top-actions{width:100%;justify-content:flex-end}.aw-app .alt-panel{top:125px;max-height:calc(100% - 137px)}.aw-app .alt-bank-filters{grid-template-columns:minmax(0,1fr)}.aw-app .alt-bank-filters input{grid-column:auto}.aw-app .alt-session-buttons .alt-button{font-size:12px;padding:8px 4px}}

@container(max-width:700px){.aw-app .alt-footer{gap:6px}.aw-app .alt-progress{flex-basis:100%;text-align:center;margin:0}.aw-app .alt-footer .alt-button{flex:1;min-width:0;padding:8px 5px;font-size:12px}.aw-app .alt-footer .alt-button svg{width:16px;height:16px}}
