:root{color-scheme:light;--ink:#253d37;--muted:#59675d;--line:#c9cbbb}*{box-sizing:border-box}body{margin:0;background:#f4f1e9;color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}header,main,footer{max-width:720px;margin:auto;padding:24px}header{padding-top:36px}h1{font-size:30px;margin:0}h2{font-size:25px;margin:0 0 18px;overflow-wrap:anywhere}header p,footer,#meta,#position,#count{color:var(--muted);font-size:14px}main{padding-top:0}article,form{border:1px solid var(--line);border-radius:14px;background:#fffdf7;padding:26px}label{display:block;margin:14px 0 5px}input{display:block;width:100%;padding:12px;border:1px solid #8b9483;border-radius:7px;background:#fffdf7;font:inherit;color:var(--ink);caret-color:var(--ink)}button{font:inherit;color:var(--ink);background:#f4eee5;border:1px solid #8b9483;border-radius:8px;min-height:46px;padding:10px 16px;cursor:pointer}button:hover{background:#e8e8dc}button:focus-visible,input:focus-visible,h2:focus-visible,audio:focus-visible{outline:3px solid #ab593d;outline-offset:3px}button:disabled{opacity:.5;cursor:default}form button{margin-top:22px}nav{display:flex;gap:10px;flex-wrap:wrap}.actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.actions button{font-size:26px;min-height:74px}.actions span{font-size:14px}#yes,form button{background:#253d37;color:#fffdf7}#yes:hover{background:#3b554b}audio{width:100%;margin-top:18px}#back{margin-top:16px}#message{min-height:25px;overflow-wrap:anywhere}.error{color:#923820}footer{font-size:12px;padding-bottom:32px}::selection{background:#ead594}#count,#position{font-variant-numeric:tabular-nums}[hidden]{display:none!important}@media(max-width:450px){header,main,footer{padding-left:18px;padding-right:18px}article,form{padding:22px 18px}h1{font-size:27px}.actions button{display:flex;flex-direction:column;align-items:center}}