:root{font-family:Inter,"Segoe UI","Microsoft JhengHei",sans-serif;color:#21352e;background:#f5f6f1;font-synthesis:none;line-height:1.65}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}header{max-width:1160px;margin:auto;padding:25px 32px;border-bottom:1px solid #dce2d8;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:21px;font-weight:750;letter-spacing:-.5px}header>a:last-child,nav{font-size:14px}nav{display:flex;align-items:center;gap:22px}main{max-width:1160px;margin:auto;padding:0 32px}.intro{padding:68px 0 45px}.eyebrow{color:#61806b;font-size:11px;font-weight:750;letter-spacing:2.3px;margin:0 0 18px}h1{font-size:clamp(36px,5vw,60px);line-height:1.25;letter-spacing:-2px;margin:0 0 22px}h2{font-size:19px;margin:0}h3{font-size:17px;margin:0 0 6px}.muted{color:#748076;font-size:16px}.list-panel{background:#fff;border:1px solid #dce2d8;border-radius:16px;padding:26px 30px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:15px}.badge{display:inline-block;margin-left:7px;background:#eaf0e6;color:#45664e;border-radius:7px;font-size:12px;padding:1px 8px;vertical-align:middle}.item{display:flex;gap:22px;padding:23px 0;border-top:1px solid #e9ede6}.number{font-family:monospace;color:#91a08e;padding-top:2px}.item-content{min-width:0;flex:1;overflow-wrap:anywhere}.item-content p{color:#68766b;font-size:14px;white-space:pre-wrap;margin:0 0 12px}.item-content time{font-size:11px;color:#8d978e}.empty{padding:45px 10px;text-align:center;color:#859180}button{font:inherit;font-size:14px;border:1px solid transparent;border-radius:8px;background:#315b43;color:white;padding:10px 17px;cursor:pointer}button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:wait}.secondary{background:#f2f5ef;color:#52664f;border-color:#e0e6dc}.danger{background:#fff3f0;color:#a85143}.compact{padding:48px 0 25px}.compact h1{font-size:40px}.admin-grid{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:start}.editor{background:#eaf0e5;border:1px solid #d8e1d0;border-radius:16px;padding:25px}.editor h2{margin-bottom:22px}label{display:block;font-size:13px;font-weight:650;margin:16px 0 7px}label span{font-size:11px;color:#83917b;font-weight:400;margin-left:8px}input,textarea{font:inherit;font-size:14px;display:block;width:100%;padding:11px 13px;border:1px solid #d1dacb;background:#fff;border-radius:8px;color:#21352e}textarea{resize:vertical}input:focus,textarea:focus{outline:2px solid #66856a;outline-offset:2px}button:focus-visible,a:focus-visible{outline:2px solid #66856a;outline-offset:3px}.actions{display:flex;gap:8px;margin-top:20px}.hint{font-size:12px;color:#78896e;margin-top:23px}.row-actions{display:flex;gap:7px;align-items:start}.row-actions button{padding:5px 9px;font-size:12px}#message{font-size:14px;color:#456e49;min-height:0}#message:empty{display:none}#message.error{color:#ad4137}footer{display:flex;justify-content:space-between;gap:20px;padding:32px 0;color:#8c9788;font-size:12px}.login{max-width:480px;margin:65px auto;padding:32px}.login h1{font-size:36px}.login button{width:100%;margin-top:24px}[hidden]{display:none!important}@media(max-width:760px){header{padding:20px}main{padding:0 20px}.intro{padding-top:42px}.admin-grid{grid-template-columns:1fr}.list-panel{padding:22px 18px}.item{gap:12px;flex-wrap:wrap}.row-actions{margin-left:30px;width:100%}.item-content{flex-basis:70%}footer span{display:none}nav{gap:12px}.login{margin:25px auto}.brand{font-size:18px}}
