:root{color:#20201d;background:#f5f4ef;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:680px;margin:7vh auto;padding:24px}h1{margin:.4em 0;font-size:2rem}h2{font-size:1.15rem}p{line-height:1.55}input{width:100%;font:inherit;border:1px solid #bbb;border-radius:7px;margin:12px 0;padding:12px;display:block}button{cursor:pointer;font:inherit;background:#fff;border:1px solid #aaa;border-radius:7px;padding:9px 13px;transition:transform .15s,box-shadow .15s,background-color .15s,border-color .15s}button:hover:not(:disabled){border-color:#777;transform:translateY(-1px);box-shadow:0 3px 9px #00000018}button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #0002}button:focus-visible{outline-offset:2px;outline:3px solid #8ba4ff}button:disabled{cursor:default;opacity:.55}.primary{color:#fff;background:#222;border-color:#222;margin-top:8px}.primary:hover:not(:disabled){background:#383838;border-color:#383838}.tabs{gap:8px;display:flex}.tabs button:hover{background:#ece9df}.tabs .selected-tab{color:#fff;background:#222;border-color:#222;font-weight:700;box-shadow:inset 0 -3px #777}.tabs .selected-tab:hover{background:#383838;border-color:#383838}.warning{background:#fff4d6;border:1px solid #b77b00;border-radius:8px;margin-top:22px;padding:14px}.warning code{word-break:break-all;margin:14px 0;display:block}.error{color:#a21b1b}header{color:#666;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;gap:16px;padding-bottom:12px;font-size:.9rem;display:flex}.account{align-items:center;gap:7px;min-width:0;display:flex}.account>span:first-child{text-overflow:ellipsis;overflow:hidden}.account button{color:#555;text-underline-offset:2px;white-space:nowrap;background:0 0;border:0;padding:0;text-decoration:underline}.account button:hover{color:#111;box-shadow:none;transform:none}.mode-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.mode-row h1{margin-top:.7em}.title-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}section,article{background:#fff;border:1px solid #ddd;border-radius:10px;margin:18px 0;padding:18px}.tweet-label{color:#777;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.tweet-text{min-height:3.4em;font-size:1.1rem}.choices{flex-wrap:wrap;gap:8px;display:flex}.choices button:hover:not(:disabled),.selected{background:#ece9df;border-color:#222}.selected{font-weight:700;box-shadow:inset 0 0 0 1px #222}.submit-label{margin-top:20px;display:block}.practice-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.practice-actions .primary,.title-actions .return-to-labeling{margin-top:0}.intermission{text-align:center;margin-top:40px;padding:40px 24px}.intermission-check{color:#28753a;background:#edf7ee;border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto 20px;font-size:1.8rem;display:grid}.intermission>p:not(.tweet-label):not(.error){color:#666;max-width:440px;margin:16px auto 28px}.intermission-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.intermission-actions button{flex:200px;margin-top:0;padding:13px 18px}.practice-progress{background:#fffffff0;border:1px solid #d4d1c8;border-radius:9px;margin:18px 0;padding:13px 15px}.practice-result{background:#f1f1ee;border-left:4px solid #b45b45;border-radius:8px;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;padding:14px;display:grid}.practice-result.correct{background:#edf7ee;border-color:#39834a}.practice-result p{margin:0}.practice-result span,.practice-result strong{display:block}.practice-result span{color:#666;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.result-summary{grid-column:1/-1;padding-top:4px}.history{margin-top:24px}.history-item{border-top:1px solid #ddd;padding:13px 0}.history-item>p{margin:0 0 8px}.history-item>div{color:#666;flex-wrap:wrap;gap:14px;font-size:.85rem;display:flex}.history-correct{color:#28753a}.history-incorrect{color:#a34331}.task-progress{background:#fffffff0;border:1px solid #d4d1c8;border-radius:9px;margin:18px 0;padding:13px 15px}.progress-copy{justify-content:space-between;margin-bottom:9px;font-size:.85rem;display:flex}.progress-track{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.progress-track.practice-track{grid-template-columns:repeat(6,1fr)}.progress-track span{background:#ddd;border-radius:99px;height:7px}.progress-track .complete{background:#39834a}.modal-backdrop{z-index:20;background:#17171499;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#f5f4ef;border-radius:12px;width:min(540px,100%);max-height:calc(100vh - 40px);padding:22px;overflow:auto;box-shadow:0 18px 60px #0005}.modal-heading{justify-content:space-between;align-items:center;display:flex}.modal-heading h2{margin:0;font-size:1.45rem}.modal-heading button{background:0 0;border:0;padding:5px 9px;font-size:1.5rem;line-height:1}.tutorial-examples{background:#fff;border:1px solid #ddd;border-radius:8px;padding:10px 16px}.done{background:#def2df;border-radius:8px;padding:20px}.done>strong{font-size:1.15rem}.done p{margin:5px 0 14px}.done>div{gap:9px;display:flex}.done .primary{margin-top:0}.close-message{color:#666;font-size:.9rem}@media (width<=560px){header{flex-direction:column;align-items:flex-start;gap:7px}.mode-row{flex-direction:column;align-items:flex-start;gap:4px}.title-actions{justify-content:flex-start}}