#journal-dialog{width:min(680px,calc(100% - 24px));max-height:90dvh;padding:0;border:1px solid #c4d5c7;border-radius:20px;color:#183e32;background:#fffdf5;overflow:auto}#journal-dialog::backdrop{background:#102e24aa}.journal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid #d8e2d5}.journal-head h2{margin:0;font-size:1.5rem}.journal-body{padding:20px 24px}.journal-body p{line-height:1.6}.journal-body form,.journal-save{display:grid;gap:14px;margin:20px 0}.journal-body label:not(.journal-consent){display:grid;gap:6px;font-weight:600}.journal-body input:not([type=checkbox]),.journal-body select{width:100%;min-width:0;border:1px solid #97b29f;border-radius:8px;padding:10px;background:white;color:#183e32;font:inherit}.journal-consent{display:flex;align-items:flex-start;gap:10px;line-height:1.5}.journal-consent input{width:20px;height:20px;flex-shrink:0;margin-top:2px}.journal-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.journal-entry{border-top:1px solid #d8e2d5;padding:16px 0;display:grid;gap:6px}.journal-entry p{margin:0}.journal-entry button{justify-self:start}.journal-status{padding:12px;background:#eaf3e6;border-radius:8px}.journal-status:empty{display:none}.journal-status[data-error=true]{background:#ffebe7;color:#852d22}.journal-body button:disabled{opacity:.5;cursor:wait}.journal-body button:focus-visible,.journal-body a:focus-visible,.journal-body input:focus-visible,.journal-body select:focus-visible{outline:3px solid #b87800;outline-offset:3px}.focus-toolbar{flex-wrap:wrap}.journal-open{white-space:normal}.journal-body small{line-height:1.5}@media(max-width:500px){.journal-body,.journal-head{padding:16px}.top-actions{flex-wrap:wrap}.focus-toolbar>.journal-open{font-size:.8rem}.journal-body .primary{width:100%}}
@media(max-width:760px){.story-mode .focus-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:100px;gap:2px 12px;padding:4px 16px;align-items:center}.story-mode .focus-toolbar>span{display:none}.story-mode #exit-story{grid-column:1;grid-row:1;justify-self:start}.story-mode #focus-methods{grid-column:2;grid-row:1;justify-self:end}.story-mode .focus-toolbar .journal-open{grid-column:1;grid-row:2;text-align:left;justify-self:start;line-height:1.25}.story-mode .focus-toolbar .language-picker{grid-column:2;grid-row:2;justify-self:end}.story-mode .steps{top:100px}.story-mode .workspace{scroll-padding-top:160px}}