:root{color-scheme:light;--paper:#f4f3e9;--ink:#172923;--muted:#526259;--green:#205742;--line:#ccd5ca;--white:#fffefa;font:17px system-ui,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}main{max-width:36rem;margin:auto;padding:max(2rem,env(safe-area-inset-top)) 1rem max(2rem,env(safe-area-inset-bottom))}header{padding:1rem .25rem 1.4rem}h1{font-family:Georgia,serif;font-size:clamp(2.7rem,10vw,4rem);line-height:1;margin:.4em 0 .22em;letter-spacing:-.05em}.eyebrow{font-size:.72rem;letter-spacing:.16em;font-weight:750;color:var(--green)}p,footer{color:var(--muted)}form{display:flex;gap:.5rem}#pair{flex-wrap:wrap}#pair label{width:100%}input,button{font:inherit;border-radius:.8rem;min-height:48px}input{width:100%;min-width:0;padding:.65rem;border:1px solid var(--line);background:var(--white);color:var(--ink)}button{padding:.55rem .95rem;border:1px solid transparent;background:var(--green);color:white;font-weight:650;cursor:pointer}button:disabled{opacity:.55}ul{padding:0;list-style:none}li{display:flex;align-items:center;gap:.4rem;margin:.4rem 0;padding:.15rem .35rem;background:var(--white);border-radius:.75rem}li label{display:flex;flex:1;align-items:center;gap:.65rem;min-height:48px;overflow-wrap:anywhere}li input{width:1.2rem;height:1.2rem;min-height:0;flex:none;accent-color:var(--green)}li button,#retry{background:transparent;color:var(--green);border-color:var(--line)}summary{padding:.85rem 0;cursor:pointer}footer{font-size:.85rem;margin-top:2rem}.sr{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}:focus-visible{outline:3px solid #a65419;outline-offset:2px}
main{padding-bottom:calc(6rem + env(safe-area-inset-bottom) + var(--keyboard,0px))}
header{padding:.25rem .25rem .7rem}
h1{display:flex;align-items:center;gap:.65rem;font:750 1.4rem system-ui,sans-serif;letter-spacing:-.03em;margin:0}
#status{font-size:.85rem;margin:.5rem 0 0}
.composer{position:fixed;z-index:1;inset:auto 0 var(--keyboard,0px);background:var(--paper);border-top:1px solid var(--line);padding:.65rem max(1rem,env(safe-area-inset-right)) max(.65rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}
.composer form{max-width:34rem;margin:auto}