:root{--thanks-green:#3f7d3a;--thanks-ink:#263322;--thanks-soft:#f3f7ee;--thanks-line:#d9e4cf;--thanks-red:#a63c32}
*{box-sizing:border-box}.thanks-page{margin:0;background:#f6f7f3;color:var(--thanks-ink);font-family:Arial,sans-serif}.thanks-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 60px}.thanks-card{min-height:720px;background:#fff;border:1px solid var(--thanks-line);border-radius:18px;box-shadow:0 18px 50px rgba(38,51,34,.09);overflow:hidden}.thanks-brand{text-align:center;padding:42px 20px 28px;background:linear-gradient(135deg,#eef6e7,#fff)}.thanks-brand h1{margin:0;font-size:clamp(54px,10vw,128px);line-height:.88;letter-spacing:.04em;color:var(--thanks-green)}.thanks-brand p{margin:16px 0 0;font-size:clamp(18px,3vw,28px);letter-spacing:.12em;text-transform:lowercase}.thanks-message,.thanks-intro{max-width:760px;margin:50px auto;padding:0 24px;font-size:18px;line-height:1.6}.thanks-intro h2{font-size:32px;margin-bottom:16px}.thanks-intro li{margin:9px 0}.thanks-setting{display:flex;align-items:center;gap:14px;margin:30px 0 20px;font-weight:700}.thanks-setting select{min-width:86px;padding:10px;border:1px solid var(--thanks-line);border-radius:8px;font-size:18px}.thanks-primary,.thanks-toolbar button,.thanks-nav button{border:0;border-radius:10px;background:var(--thanks-green);color:#fff;font-size:17px;font-weight:700;padding:13px 26px;cursor:pointer}.thanks-primary:hover,.thanks-toolbar button:hover,.thanks-nav button:hover{filter:brightness(.94)}.thanks-countdown{display:grid;place-content:center;min-height:380px;text-align:center}.thanks-countdown span{font-size:22px}.thanks-countdown strong{font-size:120px;color:var(--thanks-green)}.thanks-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 24px;background:var(--thanks-ink);color:#fff;font-size:19px}.thanks-toolbar strong{font-size:28px;font-variant-numeric:tabular-nums}.thanks-toolbar button{padding:10px 16px;background:#fff;color:var(--thanks-ink)}.thanks-words{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;min-height:380px;padding:35px}.thanks-word{position:relative;display:grid;place-items:center;min-width:min(420px,90%);min-height:110px;padding:24px;border:2px solid var(--thanks-line);border-radius:14px;background:var(--thanks-soft);text-align:center}.thanks-word small{position:absolute;top:9px;left:12px;color:#77836f}.thanks-word span{font-size:clamp(30px,5vw,62px);overflow-wrap:anywhere}.thanks-nav{display:flex;justify-content:center;gap:20px;padding-bottom:32px}.thanks-nav button{font-size:30px;padding:8px 38px}.thanks-nav button:disabled{opacity:.35;cursor:not-allowed}.thanks-shift-help{margin:16px 24px;padding:12px 16px;border-radius:10px;background:#fff6dc}.thanks-recall{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:13px;padding:18px 24px 45px}.thanks-answer{display:grid;grid-template-columns:35px 1fr;align-items:center}.thanks-answer>label{font-size:13px;color:#687361}.thanks-input-wrap{position:relative}.thanks-input-wrap input{width:100%;height:42px;border:1px solid #bbc9b2;border-radius:8px;padding:0 10px;font-size:16px}.thanks-input-wrap input:focus{border-color:var(--thanks-green);outline:3px solid rgba(63,125,58,.16)}.thanks-suggestions{position:absolute;z-index:20;top:45px;left:0;right:0;border:1px solid var(--thanks-line);border-radius:8px;background:#fff;box-shadow:0 12px 28px rgba(38,51,34,.2);overflow:hidden}.thanks-suggestion{display:block;width:100%;border:0;border-bottom:1px solid #edf1e9;background:#fff;padding:10px;text-align:left;cursor:pointer}.thanks-suggestion:hover{background:var(--thanks-soft)}.thanks-result{padding:30px}.thanks-result h2{text-align:center;font-size:34px}.thanks-result>p{text-align:center}.thanks-result>.thanks-primary{display:block;margin:22px auto}.thanks-table-wrap{overflow:auto;margin-top:30px}.thanks-result table{width:100%;border-collapse:collapse}.thanks-result th,.thanks-result td{padding:10px;border-bottom:1px solid var(--thanks-line);text-align:left}.thanks-result .is-correct{background:#eef8ea}.thanks-result .is-wrong{background:#fff0ed}.thanks-result .is-wrong td:nth-child(3){color:var(--thanks-red);font-weight:700}
.thanks-pool-note,.thanks-study-note{margin:12px 24px;padding:12px 15px;border-radius:10px;background:#eef6e7}.thanks-study-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;padding:20px 24px 45px}.thanks-study-item{position:relative;display:flex;flex-direction:column;gap:8px;padding:16px 14px;border:1px solid var(--thanks-line);border-radius:12px;background:var(--thanks-soft)}.thanks-study-item small{position:absolute;right:10px;top:8px;color:#7a8573}.thanks-study-item strong{padding-right:25px;font-size:22px;overflow-wrap:anywhere}.thanks-study-item span{color:#52604c}.thanks-verification .thanks-answer{grid-template-columns:1fr;gap:7px;padding:11px;border:1px solid var(--thanks-line);border-radius:10px}.thanks-answer-word{display:flex;align-items:center;gap:8px;min-height:38px}.thanks-answer-word small{color:#75806d}.thanks-answer-word strong{font-size:18px;overflow-wrap:anywhere}.thanks-gate-result{max-width:650px;margin:55px auto;padding:38px;text-align:center;border:2px solid var(--thanks-line);border-radius:18px}.thanks-gate-result.is-passed{background:#eef8ea}.thanks-gate-result.is-failed{background:#fff4ed}.thanks-gate-result>strong{display:block;margin:18px;font-size:56px;color:var(--thanks-green)}.thanks-gate-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:25px}.thanks-secondary{border:0;border-radius:10px;background:#e7eee1;color:var(--thanks-ink);font-size:17px;font-weight:700;padding:13px 26px;cursor:pointer}
.thanks-save-status,.thanks-pending-save{margin:18px auto;padding:13px 16px;max-width:690px;border:1px solid #b9d5af;border-radius:10px;background:#eef8ea;color:#275f32;text-align:center;font-weight:700}.thanks-save-status button,.thanks-pending-save button{margin:0 0 0 10px}.thanks-pending-save{background:#fff7df;border-color:#ead28b;color:#665018}
@media(max-width:650px){.thanks-shell{width:100%;padding:0}.thanks-card{border-radius:0;border-left:0;border-right:0}.thanks-brand{padding-top:30px}.thanks-toolbar{position:sticky;top:0;z-index:30;flex-wrap:wrap;padding:12px}.thanks-toolbar span{width:100%;font-size:15px}.thanks-toolbar strong{font-size:18px}.thanks-words{padding:18px;min-height:330px}.thanks-word{min-width:100%}.thanks-recall{grid-template-columns:1fr;padding:14px}.thanks-shift-help{margin:12px}.thanks-result{padding:18px}.thanks-study-grid{grid-template-columns:1fr;padding:14px}.thanks-gate-result{margin:25px 14px;padding:25px 15px}}
/* Suggestions belong to the active field and must remain visible above the
 * next row of cards. The card itself is not a scrolling viewport. */
.thanks-card{overflow:visible}