:root{--ink:#212121;--paper:#fffcf0;--blue:#bde7fb;--green:#d1e8ca;--pink:#fbdce9;--yellow:#ffe298}*{box-sizing:border-box}body{margin:0;background:#fbe9f2;color:var(--ink);font:16px Arial,sans-serif}button,select,a.action{font:inherit;border:1.4px solid var(--ink);border-radius:0;min-height:44px;padding:9px 14px;color:inherit;background:#fff;cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #365e87;outline-offset:3px}button:disabled{opacity:.5;cursor:default}main{max-width:1160px;margin:24px auto;padding:0 20px}h1,h2,h3{font-weight:500}h1{font-size:30px;margin:0 0 8px}h2{font-size:22px}h3{font-size:16px;margin:14px 0 10px}.subtitle{color:#535c62;line-height:1.5}.cloze-setup,.cloze-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:18px 0}.cloze-setup label{display:grid;gap:6px}.cloze-card{background:var(--paper);border:1.4px solid var(--ink);padding:24px;min-width:0}.cloze-card header{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.cloze-card header h2{margin:0}.badge{background:var(--green);padding:6px 10px;font-size:13px;border:1px solid var(--ink)}.cloze-passage{font-size:23px;line-height:2.4;margin:16px 0}.cloze-gap{display:inline-flex;min-width:130px;font-size:20px;align-items:center;justify-content:center;margin:3px 4px;vertical-align:middle;background:#eef5f7;border-style:dashed}.cloze-gap.filled{background:var(--blue);border-style:solid}.cloze-gap.correct{background:var(--green)}.cloze-gap.retry{background:var(--yellow)}.cloze-gap.drag-over{outline:3px solid #365e87}.cloze-bank{display:flex;flex-wrap:wrap;gap:10px;min-height:44px}.cloze-word{background:var(--yellow)}.cloze-word[aria-pressed=true]{background:var(--pink);outline:2px solid var(--ink);outline-offset:2px}.cloze-selection{font-size:14px;color:#535c62}.primary{background:var(--green)}#feedback{line-height:1.5;margin:12px 0 0}.cloze-info{background:white;border:1px solid #777;padding:16px;margin:18px 0;line-height:1.6}.cloze-info summary{cursor:pointer}.cloze-dialog{border:1.4px solid var(--ink);border-radius:0;background:var(--paper);width:min(550px,calc(100% - 28px));max-height:85dvh;overflow:auto;padding:22px}.cloze-dialog::backdrop{background:#0005}.cloze-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px}.cloze-dialog h2{margin:0}.close{display:grid;place-items:center;width:44px;height:44px;padding:0;flex:none;background:var(--blue)}.close svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.6}.cloze-dialog input{width:100%;min-height:44px;margin:10px 0;font:inherit}.cloze-dialog a{display:inline-block;margin:8px 6px 0 0}.cloze-dialog [data-account] canvas,.cloze-dialog [data-account] img{max-width:100%}.internal-note{padding:8px;background:var(--yellow);font-size:13px;text-align:center}footer{padding:20px;text-align:center;color:#555;font-size:13px}@media(max-width:640px){main{padding:0 14px;margin:18px auto}h1{font-size:27px}.cloze-card{padding:16px}.cloze-passage{font-size:20px;line-height:2.5}.cloze-gap{min-width:110px;font-size:18px;padding:7px 10px}.cloze-actions button{flex:1}.cloze-setup{gap:10px}.cloze-setup label{flex:1;min-width:120px}.cloze-setup select{max-width:100%;width:100%}.cloze-dialog{padding:16px}.cloze-bank{position:relative}}
.cloze-gap{line-height:1.3;min-height:44px}.cloze-actions button{line-height:1.3;min-width:135px}@media(max-width:640px){.cloze-passage{line-height:2}.cloze-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cloze-actions button{min-width:0}}
#clozeMain{font-family:Verdana,Arial,sans-serif}#clozeMain .cloze-card{border:1.5px solid #212121!important;border-radius:0!important;box-shadow:none!important}#clozeMain button,#clozeMain select,.cloze-dialog button{font-weight:400!important;text-transform:none!important;border-width:1.5px!important;border-radius:0!important;box-shadow:none!important}#clozeMain .cloze-gap{background:#eef5f7!important;border-style:dashed!important}#clozeMain .cloze-gap.filled{background:var(--blue)!important;border-style:solid!important}#clozeMain .cloze-gap.correct{background:var(--green)!important}#clozeMain .cloze-gap.retry{background:var(--yellow)!important}#clozeMain .cloze-word{background:var(--yellow)!important}#clozeMain .cloze-word[aria-pressed=true]{background:var(--pink)!important}#clozeMain .primary{background:var(--green)!important}[hidden]{display:none!important}@media(max-width:640px){#clozeMain .cloze-setup{display:grid;grid-template-columns:1fr}#clozeMain .cloze-card{padding:16px!important}}
