@font-face{font-family:Greek;src:url('assets/GreekTrainerSerif-Regular.woff') format('woff');font-display:swap}*{box-sizing:border-box}:root{--bg:#f5f1e8;--card:#fffdf8;--ink:#17202a;--line:#d8d1c4;--accent:#243b53;--soft:#ebe5d8}body{margin:0;background:var(--bg);color:var(--ink);font:16px system-ui,sans-serif;min-height:100vh;display:flex;flex-direction:column}header,footer{background:var(--accent);color:white;padding:22px 24px}header h1{margin:0;font-size:25px}header h1 span{font-size:16px;font-weight:400}header p{margin:6px 0 0;font-size:14px}main{width:100%;max-width:1050px;margin:auto;padding:24px;flex:1}.notice,.card{padding:22px;border:1px solid var(--line);border-radius:18px;margin-bottom:18px;background:var(--card)}.notice{background:var(--soft)}p{line-height:1.55}.topline{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.pill{background:var(--soft);border-radius:24px;padding:9px 13px}.greek{text-align:center;font:64px Greek,serif;overflow-wrap:anywhere;margin:24px 0 30px}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-weight:600;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px}label{display:flex;flex-direction:column;gap:6px;font-size:14px}input,select,button{font:inherit;border:1px solid var(--line);border-radius:12px;min-height:44px;background:white;color:var(--ink);padding:10px 12px;max-width:100%}input,select{width:100%;font-size:16px}button{cursor:pointer;font-weight:600}.primary{background:var(--accent);color:white}button:disabled{opacity:.6;cursor:wait}.small{font-size:13px;color:#606975}#status.error{color:#991b1b}#result{padding:18px;border-radius:14px;background:var(--soft)}#checks{padding-left:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.correct{color:#166534}.incorrect{color:#991b1b}footer{text-align:center;font-size:13px}summary{cursor:pointer;font-weight:600}:focus-visible{outline:3px solid #a8751a;outline-offset:3px}@media(max-width:600px){main{padding:12px}.card,.notice{padding:16px}.grid{grid-template-columns:1fr}#checks{grid-template-columns:1fr 1fr}.greek{font-size:48px}header h1 span{display:block;margin-top:4px}}