:root{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;color:#233b34;background:#f4f1e9;line-height:1.7}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:24px 18px calc(35px + env(safe-area-inset-bottom))}header{padding:14px 4px 22px}header span{font-size:13px;letter-spacing:.15em;color:#6a7c70}h1{font-family:serif;font-size:34px;margin:8px 0}h1 small{font:13px sans-serif;border:1px solid #a7b6a5;border-radius:20px;padding:3px 9px;vertical-align:middle}header p{margin:0;color:#6a7c70}nav,.row{display:flex;gap:8px}nav button{flex:1;background:transparent;color:#64746a;border-radius:0;border-bottom:2px solid transparent;padding:12px 3px}nav .active{border-color:#244e45;color:#244e45}button{font:inherit;background:#244e45;color:white;border:0;border-radius:12px;padding:12px 16px;cursor:pointer}button:disabled{opacity:.45;cursor:default}.secondary{background:#e7ecdf;color:#244e45}article{background:#fffcf5;border:1px solid #e3dfd2;border-radius:18px;padding:20px;margin:16px 0}h2{font-size:21px;margin:5px 0 16px}h3{font-size:17px}input,select,textarea{display:block;width:100%;font:inherit;color:inherit;background:white;border:1px solid #c9d1c4;border-radius:10px;padding:12px;margin:8px 0 14px}textarea{min-height:95px;resize:vertical}label{font-size:14px;font-weight:600;display:block;margin-top:12px}.hint,small,.meta,footer{color:#6b796c;font-size:13px}.notice{border-left:3px solid #b68a42;padding:8px 12px;background:#f4ecd9}.palaces{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.palaces div{text-align:center;background:#eaf0e5;border-radius:12px;padding:12px 3px}.palaces b{display:block;font-size:25px;font-family:serif}.reading{font-size:18px;line-height:1.9}.badge{font-size:12px;border:1px solid #c8ceb9;border-radius:12px;padding:3px 8px;display:inline-block}details{padding:12px 0;border-bottom:1px solid #e4e3d7}summary{cursor:pointer;font-weight:600}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}.entry{display:block;width:100%;text-align:left;margin:12px 0;background:#fffcf5;color:#244e45;border:1px solid #d9dece}#status{min-height:24px;font-size:14px;color:#8b632b}footer{text-align:center;margin-top:28px}a{color:#244e45}.saved{background:#e8eddf;padding:14px;border-radius:10px}.row button{flex:1}button:focus-visible,summary:focus-visible{outline:3px solid #b88e49;outline-offset:3px}[hidden]{display:none!important}