:root{font:16px/1.65 system-ui,sans-serif;color:#182d29;background:#f6f4eb}*{box-sizing:border-box}body{margin:0}header,main{max-width:800px;margin:auto}header{padding:16px 18px;border-bottom:1px solid #ccc9b7;display:flex;align-items:center;gap:10px}header b{font:700 26px Georgia,serif}header span,small{color:#52605a}header button{margin-left:auto}button,.upload{font:inherit;cursor:pointer;border:1px solid #b9c1b7;border-radius:9px;color:#21463b;background:#fffdf5;padding:7px 13px}button:hover,button:focus-visible{background:#e1ebdf}main{padding:16px}.cover{padding:clamp(28px,7vw,64px);background:linear-gradient(100deg,#142e29ed,#294e3a55),url(cover.jpg) center/cover,#2c5144;color:#fffdf0;border-radius:18px}.cover h1{font:600 clamp(38px,7vw,72px)/1.24 Georgia,serif;margin:.7em 0}.entry,nav,#tools,.actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.entry button:first-child,#composer button,nav button.active{background:#20493a;color:white}#play{height:calc(100dvh - 109px);display:flex;flex-direction:column}#play[hidden],#welcome[hidden]{display:none}nav,#tools{margin:3px 0 8px}#tools button{font-size:14px;padding:4px 9px}#feed{flex:1;overflow:auto;min-height:150px;padding:8px 2px}article{max-width:94%;width:fit-content;margin:10px 0;padding:12px 16px;border-radius:12px;background:white;white-space:pre-wrap;overflow-wrap:anywhere}article.mine{margin-left:auto;background:#dfe8d9}article img{display:block;max-width:100%;max-height:55vh;border-radius:7px}.actions button{text-align:left;font-size:14px}form{display:flex;gap:6px;background:#f6f4eb;padding:10px 0}form input:not([type=file]){flex:1;min-width:0;font:inherit;padding:9px;border:1px solid #bbc4b8;border-radius:9px}#notice{color:#794427}.upload{padding-inline:12px}button:disabled{opacity:.6}