@font-face{font-family:BabelStoneOgham;src:url(/fonts/BabelStoneOghamR.woff2)format("woff2");font-display:swap}:root{--bg:#faf8f4;--ink:#1a1a1a;--border:#ddd6c8;--ogham-font:"BabelStoneOgham", "Noto Sans Ogham", sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:system-ui,sans-serif}.app{max-width:720px;padding:2rem 1.5rem;padding-left:max(1.5rem, env(safe-area-inset-left,0px));padding-right:max(1.5rem, env(safe-area-inset-right,0px));flex-direction:column;gap:1.5rem;margin:0 auto;display:flex}.panel{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.5rem;min-width:0;padding:1rem;display:flex}.panel.controls{flex-flow:wrap;gap:2rem}.panel.controls fieldset{flex:200px;min-width:0}.panel.actions{flex-flow:wrap;gap:.75rem}input[type=text]{border:1px solid var(--border);border-radius:4px;width:100%;padding:.6rem .5rem;font-size:1rem}button,input[type=checkbox],input[type=radio]{min-height:2.5rem}input[type=checkbox],input[type=radio]{width:1.15rem;height:1.15rem;min-height:0}button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:4px;padding:.5rem 1rem;font-size:.95rem}button:hover{background:#f3efe6}fieldset{border:1px solid var(--border);border-radius:4px;min-width:0;padding:.75rem}fieldset label{margin:.35rem 0;display:block}fieldset label input[type=range],fieldset label select{width:100%;margin-top:.25rem;display:block}.ogham-preview{font-family:var(--ogham-font);word-break:break-word;min-height:3rem;margin:0;font-size:2rem}.render-preview{border:1px dashed var(--border);background:#fff;border-radius:4px;align-self:flex-start;max-width:100%;height:auto;display:block}.status{color:#666;min-height:1em;margin:0;font-size:.85rem}.status.error{color:#a12d2d}.panel.actions .status{flex-basis:100%}.panel.actions button{flex:auto}.old-irish-link{color:#666;margin:-1rem 0 0;font-size:.85rem}.old-irish-link a{color:#252}.candidates{border:1px solid var(--border);border-radius:4px;flex-direction:column;gap:.35rem;margin:0;padding:.5rem .75rem;font-size:.9rem;display:flex}.candidates legend{color:#666;padding:0 .25rem;font-size:.8rem}.candidates label{align-items:center;gap:.4rem;margin:0;display:flex}.ogham-options{flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.ogham-options label{align-items:center;gap:.4rem;display:flex}.ogham-glyph{font-family:var(--ogham-font)}textarea#pdfNotes{font:inherit;border:1px solid var(--border);resize:vertical;border-radius:4px;width:100%;padding:.5rem}dialog#pdfDialog{border:1px solid var(--border);box-sizing:border-box;border-radius:8px;width:min(92vw,480px);max-width:92vw;max-height:min(85vh,640px);padding:1.25rem;overflow-y:auto}dialog#pdfDialog label{margin:.75rem 0;display:block}dialog#pdfDialog input[type=text],dialog#pdfDialog input[type=date],dialog#pdfDialog textarea{width:100%;margin-top:.25rem;display:block}dialog#pdfDialog menu{justify-content:flex-end;gap:.75rem;margin:1rem 0 0;padding:0;display:flex}dialog#pdfDialog::backdrop{background:#0006}@media (width<=600px){.app{gap:1rem;padding:1.25rem 1rem}h1{font-size:1.35rem}.panel{padding:.85rem}.panel.controls{flex-direction:column;gap:1rem}.panel.controls fieldset{flex:auto}.panel.actions{flex-direction:column}.panel.actions button{width:100%}fieldset label input[type=range]{margin-bottom:.5rem}dialog#pdfDialog menu{flex-direction:column-reverse}dialog#pdfDialog menu button{width:100%}}