.journal-views-bar{display:flex;align-items:end;gap:10px 16px;flex-wrap:wrap;padding:0 var(--journal-gutter,20px);margin-bottom:14px}.journal-view-picker{display:flex;flex-direction:column;gap:6px;min-width:220px;max-width:360px;flex:1;font-size:12px}.journal-view-picker select{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);padding:10px;min-height:42px}.journal-view-buttons{display:flex;gap:8px}.journal-view-status{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--muted);flex:1;min-width:190px;padding-bottom:10px}.journal-view-status .link-btn{font-size:inherit;text-align:left}.journal-view-dialog{width:min(760px,94vw);max-height:90dvh;padding:0;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:18px}.journal-view-dialog[open]{display:flex;flex-direction:column}.journal-view-dialog::backdrop{background:#0008}.journal-view-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1px solid var(--line)}.journal-view-dialog header small{font-size:11px;color:var(--muted)}.journal-view-dialog h2{margin:4px 0 0;font-size:22px}.journal-view-body{padding:18px 24px;overflow:auto;flex:1;min-height:0}.journal-view-body>p{font-size:13px;line-height:1.6}.journal-view-dialog footer{border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;flex-shrink:0}.journal-view-inline{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.journal-view-check{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px;cursor:pointer;font-size:13px}.journal-view-check input{width:20px;height:20px;flex-shrink:0;accent-color:var(--accent)}.journal-view-check>span{display:flex;gap:8px;align-items:baseline;line-height:1.5}.journal-view-check small{color:var(--muted);font-size:10px;min-width:16px}.journal-view-dialog fieldset{margin:16px 0;padding:8px;border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.journal-view-dialog legend{font-size:13px;font-weight:600;padding:0 8px}.journal-view-width{padding:16px;background:var(--bg);border:1px solid var(--line);border-radius:12px;margin:18px 0}.journal-view-width h3{margin-top:0}.journal-view-width p{font-size:12px;line-height:1.6}.journal-view-fixed{padding:10px;border-left:3px solid var(--accent)}.journal-view-list{display:grid;gap:8px}.journal-view-card{padding:14px;text-align:left;display:grid;gap:6px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--bg);overflow-wrap:anywhere}.journal-view-card:hover{border-color:var(--accent)}.journal-view-card small{color:var(--muted)}.journal-view-card>span{font-size:12px;color:var(--accent-text)}.journal-view-confirm{padding:12px;border:1px solid var(--line);border-radius:8px}html:has(.journal-view-dialog[open]){overflow:hidden}
@media(max-width:600px){.journal-views-bar{gap:8px;margin-bottom:10px}.journal-view-picker{max-width:none;flex-basis:100%;min-width:0}.journal-view-buttons{width:100%}.journal-view-buttons .btn{flex:1;min-height:44px}.journal-view-status{width:100%;flex-basis:100%;padding:0;font-size:11px}.journal-view-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}.journal-view-dialog header{padding:16px}.journal-view-dialog h2{font-size:20px}.journal-view-body{padding:14px 16px}.journal-view-dialog footer{padding:12px 16px max(12px,env(safe-area-inset-bottom))}.journal-view-dialog footer .btn{flex:1;min-height:44px}.journal-view-dialog fieldset{grid-template-columns:1fr}.journal-view-dialog input:not([type=checkbox]),.journal-view-picker select{font-size:16px}.journal-view-inline .btn{min-height:44px;flex:1 1 135px}.journal-view-width{padding:12px}}