/* MIT: Lyre standalone integration; upstream component styles remain. */
*{box-sizing:border-box}html{font-family:system-ui,sans-serif;color:#25303d;background:#f8f9fb}body{margin:0;padding:24px;min-height:100vh;height:auto;display:block;overflow:visible}button,input,select,textarea{font:inherit}button{cursor:pointer;min-height:36px}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7764db;outline-offset:3px}input,select,textarea{max-width:100%}p,output,li{overflow-wrap:anywhere}.container,main,.main_container{max-width:820px;margin:24px auto}.text-center{text-align:center}.flex,.row{display:flex;gap:12px}.grid{display:grid}.relative{position:relative}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lyre-heading{max-width:820px;margin:0 auto 28px;padding:0;background:none;color:#25303d;animation:none;text-align:left}.lyre-heading h1{font-size:28px;margin:0 0 8px}.lyre-heading p{font-size:14px;color:#687481;margin:0 0 8px}.lyre-status{max-width:820px;margin:12px auto;font-size:14px;color:#81401f;min-height:20px}dialog{border:1px solid #ccc;border-radius:8px;max-width:90vw}button{border-radius:5px}.container>p{line-height:1.6}#json-holder{overflow:auto;max-width:100%}output{white-space:pre-wrap}.lyre-heading+main{margin-top:0}@media(max-width:600px){body{padding:16px}.lyre-heading h1{font-size:24px}.controller-wrapper{flex-wrap:wrap}main{padding:16px}.calendar .controls{gap:4px}.calendar .days{gap:3px;grid-template-columns:repeat(7,minmax(30px,1fr))}.calendar{max-width:100%}.calendar select{min-width:0}.keyboard .key{min-width:0;width:8%;padding:1px;font-size:17px}.sentences-display{width:100%;margin:auto auto 16px}.typing-practice section{width:100%}.kanban{flex-direction:column;gap:24px}.kanban__column:not(:last-child){margin-right:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.quiz-container{margin:24px auto;max-width:100%;width:600px}.quiz-container button{border-radius:0 0 8px 8px}