/* A private keepsake album. Frames never crop or alter the saved photograph. */
#progress-body.journal-screen{max-width:940px!important;padding-bottom:36px}
.journal-heading{margin:20px 0 24px}.journal-heading h1{font:clamp(30px,5vw,44px)/1.13 Georgia,serif;max-width:560px;color:#694958;margin:10px 0}.journal-heading>p:last-child{color:#8a7380;font-size:16px}.journal-heading .eyebrow{font-size:10px;letter-spacing:1.7px}
.journal-privacy{display:flex;align-items:flex-start;gap:16px;padding:20px;border:1px solid #e2d5df;background:linear-gradient(120deg,#f6edf3,#eff2e9);border-radius:20px;margin-bottom:18px}.journal-privacy>span{font:48px/1 Georgia,serif;color:#99728b}.journal-privacy h2{font:22px/1.25 Georgia,serif;margin:0 0 8px;color:#715269}.journal-privacy p{font-size:14px;line-height:1.65;margin:6px 0;color:#796b73}
#journal-status{font-size:14px;line-height:1.6;color:#795268;overflow-wrap:anywhere}#journal-status:empty{display:none}.journal-top-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.journal-top-actions>span{font-size:13px;color:#887280}.journal-top-actions .button{min-height:46px}.journal-top-actions .text-link{min-height:44px;font-size:13px}
.journal-frame{padding:16px;border:5px solid #fffaf5;border-radius:15px;background-color:#f4e5ec;background-image:url('assets/heart-logo.svg');background-size:25px 25px;box-shadow:0 4px 18px #89627716;position:relative}.journal-frame[data-frame="classic"]{background-image:none;background:linear-gradient(140deg,#f0ced8,#fff2e7,#e5c8d9);padding:12px;border:4px solid #fffaf6}.journal-frame[data-frame="lilac"]{background-image:none;background:linear-gradient(145deg,#e7ddf0,#cfc3e0,#f5e9f0);border:5px double #bfaacd;padding:14px}.journal-picture{background:#fffcf9;border:1px solid #eadce3;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;border-radius:4px;min-width:0}.journal-picture img{width:100%;height:100%;display:block;object-fit:contain;min-height:0}.journal-picture img:not([src]){font-size:12px;color:#8b7182;text-align:center}.journal-picture p{font:19px/1.5 Georgia,serif;text-align:center;color:#927889;padding:16px}.journal-picture p span{font-size:44px}.journal-editor{background:#fffaf6;border:1px solid #e5d7df;padding:22px;border-radius:22px}.journal-editor h2{font:25px Georgia,serif;margin:0}.journal-editor>.journal-frame{max-width:300px;margin:20px auto}.journal-photo-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:16px 0}.journal-photo-actions .button{min-height:44px;font-size:14px}.journal-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.journal-editor label{font-size:14px;color:#755c6d}.journal-editor input,.journal-editor select,.journal-editor textarea{width:100%;box-sizing:border-box;min-width:0;margin:8px 0 16px;min-height:44px}.journal-editor .member-check{margin:8px 0 20px;display:flex;align-items:flex-start;gap:10px;line-height:1.6}.journal-editor .member-check input{width:20px;height:20px;min-height:20px;flex-shrink:0;margin:2px 0}.journal-small{font-size:12px;line-height:1.6;color:#8a7482}.journal-empty{text-align:center;padding:22px 12px}.journal-empty .journal-frame{width:180px;margin:0 auto 22px;transform:rotate(-3deg)}.journal-empty .journal-picture img{width:66px;height:66px;object-fit:contain;margin-top:28px}.journal-empty .journal-picture p{font-size:16px;margin:0;padding:16px}.journal-empty h2{font:26px Georgia,serif;color:#765269}.journal-empty>p{font-size:15px;line-height:1.7;color:#897581;max-width:340px;margin:auto}
.journal-comparison{margin:30px 0;padding-top:22px;border-top:1px solid #e5d7df}.journal-comparison h2,.journal-collection h2{font:27px/1.25 Georgia,serif;color:#725367;margin:0}.journal-comparison>p{font-size:14px;line-height:1.6;color:#8a7480}.journal-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:18px}.journal-pair>div{min-width:0}.journal-pair label{font-size:13px;color:#806576}.journal-pair select{width:100%;min-width:0;min-height:44px;margin:8px 0 16px;font-size:13px}.journal-pair>div>p{font-size:13px;text-align:center;color:#806576}.journal-collection{margin-top:28px}.journal-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px;margin-top:20px}.journal-keepsake{min-width:0}.journal-keepsake h3{font:18px/1.3 Georgia,serif;margin:12px 0 4px;color:#75566b}.journal-keepsake>p{font-size:13px;line-height:1.6;color:#8a7381;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}.journal-card-actions{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}.journal-card-actions button{font-size:13px;min-height:44px}.journal-gallery .journal-frame{padding:12px;background-size:21px}.journal-safety{margin:30px 0 0;border-top:1px solid #e5d7df;color:#86717e;font-size:13px;line-height:1.7}.journal-safety summary{min-height:44px;cursor:pointer;padding:12px 0}.journal-screen button:focus-visible,.journal-screen select:focus-visible,.journal-screen input:focus-visible,.journal-screen textarea:focus-visible{outline:3px solid #ad7e9b;outline-offset:3px}.journal-screen button:disabled{opacity:.55;cursor:wait}.journal-screen [hidden]{display:none!important}
@media(max-width:600px){#progress-body.journal-screen{padding-inline:18px!important}.journal-heading{margin-top:18px}.journal-privacy{padding:17px;gap:12px}.journal-privacy>span{font-size:36px}.journal-privacy h2{font-size:21px}.journal-pair{gap:10px}.journal-pair .journal-frame{padding:10px;border-width:3px;background-size:20px}.journal-pair .journal-frame[data-frame="classic"]{padding:8px}.journal-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.journal-gallery .journal-frame{border-width:3px;padding:10px;background-size:20px}.journal-editor{padding:18px}.journal-fields{grid-template-columns:1fr}.journal-comparison h2{font-size:24px}.journal-photo-actions .button{flex:1;padding-inline:10px}}
/* V102: numbered keepsakes and an uncluttered, larger private viewer. */
.journal-photo-open{display:block;width:100%;cursor:zoom-in;font:inherit;color:inherit;text-align:inherit;appearance:none}.journal-keepsake h3{font-size:16px}.journal-pair>div>p{font-size:12px}.journal-enlarge{width:100%;min-height:48px;margin:12px 0 4px}.journal-pair select{font-size:14px;padding-inline:8px}.journal-viewer{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;inset:0!important;box-sizing:border-box;border:0!important;border-radius:0!important;padding:0!important;background:#fff9f4;color:#74576a;overflow:auto;overscroll-behavior:contain}.journal-viewer::backdrop{background:#44313de6}.journal-viewer-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid #eadce3;background:#fff9f4f5}.journal-viewer-head .eyebrow{font-size:10px;letter-spacing:1px;margin:0 0 6px}.journal-viewer-head h2{font:24px/1.2 Georgia,serif;margin:0}.journal-viewer-head .button{min-height:44px;padding:10px 16px;flex-shrink:0;font-size:14px}.journal-viewer-modes{display:flex;gap:6px;padding:12px 14px;justify-content:center}.journal-viewer-modes button{min-height:44px;padding:10px 18px;font:inherit;font-size:14px;line-height:1.3;border:1px solid #decbd7;border-radius:24px;background:#fffdf9;color:#79586d}.journal-viewer-modes button[aria-pressed=true]{background:#855b74;color:white;border-color:#855b74}.journal-viewer-pictures{display:grid;gap:26px;padding:4px 12px 30px;max-width:900px;margin:auto}.journal-viewer-pictures[data-layout=pair]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1600px;gap:8px;padding-inline:5px}.journal-viewer figure{margin:0;min-width:0}.journal-viewer figcaption{text-align:center;font-size:14px;font-weight:600;padding:12px 2px}.journal-viewer .journal-frame{padding:8px;border-width:3px;background-size:22px}.journal-viewer .journal-picture{aspect-ratio:auto;min-height:80px}.journal-viewer .journal-picture img{width:100%;height:auto;max-height:none;object-fit:contain}.journal-viewer-pictures[data-layout=pair] .journal-picture{aspect-ratio:3/4}.journal-viewer-pictures[data-layout=pair] .journal-picture img{height:100%}.journal-viewer [hidden]{display:none!important}.journal-viewer button:focus-visible{outline:3px solid #a57a94;outline-offset:3px}
@media(min-width:760px){.journal-viewer-pictures[data-layout=large]{max-width:750px}.journal-viewer-head{padding-inline:28px}.journal-pair{gap:16px}}
@media(max-width:600px){.journal-pair{margin-inline:-10px;gap:6px}.journal-pair .journal-frame{padding:6px;border-width:2px;background-size:18px}.journal-pair .journal-frame[data-frame=classic]{padding:6px}.journal-viewer-pictures[data-layout=pair] .journal-frame{padding:4px;border-width:2px;background-size:16px}.journal-viewer-head h2{font-size:21px}.journal-viewer-pictures[data-layout=pair] figcaption{font-size:12px}}

.journal-editor-status{color:#795268;font-size:14px;line-height:1.6}.journal-editor-status:empty{display:none}.journal-viewer-hint{font-size:12px;text-align:center;color:#88707e;margin:2px 14px 8px}

/* Manual wide view rotates the viewer itself when the phone stays portrait-locked. */
.journal-viewer-modes{flex-wrap:wrap}
.journal-viewer.journal-turned{display:flex;flex-direction:column;overflow:hidden}
.journal-viewer.journal-turned .journal-viewer-head{position:static;padding:5px 12px;flex:0 0 auto}
.journal-viewer.journal-turned .journal-viewer-head .eyebrow{display:none}
.journal-viewer.journal-turned .journal-viewer-head h2{font-size:18px}
.journal-viewer.journal-turned .journal-viewer-head .button{padding:5px 12px;min-height:40px}
.journal-viewer.journal-turned .journal-viewer-modes{padding:3px 10px;gap:5px;flex:0 0 auto}
.journal-viewer.journal-turned .journal-viewer-modes button{padding:5px 12px;min-height:40px;font-size:12px}
.journal-viewer.journal-turned .journal-viewer-hint{display:none}
.journal-viewer.journal-turned .journal-viewer-pictures{flex:1;min-height:0;width:100%;max-width:none;box-sizing:border-box;padding:0 8px 6px;gap:10px;overflow:auto}
.journal-viewer.journal-turned figure{display:flex;flex-direction:column;min-height:0}
.journal-viewer.journal-turned figcaption{padding:3px 0;font-size:12px;flex:0 0 auto}
.journal-viewer.journal-turned .journal-frame{flex:1;min-height:0;padding:4px;border-width:2px;display:flex;flex-direction:column}
.journal-viewer.journal-turned .journal-picture{flex:1;min-height:0;aspect-ratio:auto}
.journal-viewer.journal-turned .journal-picture img{width:100%;height:100%;min-height:0;object-fit:contain}
@media(orientation:portrait){
 .journal-viewer.journal-turned{width:100dvh!important;max-width:100dvh!important;height:100dvw!important;max-height:100dvw!important;inset:auto!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%) rotate(90deg);transform-origin:center}
}
.journal-viewer{position:fixed}

/* V104: picture-sized frames, compact toolbar, no broad empty mats. */
.journal-viewer.journal-turned .journal-viewer-head{position:absolute;top:4px;right:6px;padding:0;border:0;background:transparent;z-index:5}
.journal-viewer.journal-turned .journal-viewer-head>div{display:none}
.journal-viewer.journal-turned .journal-viewer-head .button{min-height:40px;padding:6px 12px;font-size:12px;background:#fffaf6}
.journal-viewer.journal-turned .journal-viewer-modes{padding:4px 90px 4px 8px;justify-content:center;flex-wrap:nowrap;min-height:44px;box-sizing:border-box}
.journal-viewer.journal-turned .journal-viewer-modes button{min-height:36px;padding:5px 12px;font-size:12px;white-space:nowrap}
.journal-viewer.journal-turned .journal-viewer-pictures{display:flex;align-items:flex-start;justify-content:center;gap:12px;padding:0 8px 4px;overflow:hidden}
.journal-viewer.journal-turned figure{flex:0 1 auto;align-items:center;min-width:0;height:100%;justify-content:flex-start}
.journal-viewer.journal-turned figcaption{line-height:18px;padding:2px 0 4px;white-space:nowrap}
.journal-viewer.journal-turned .journal-frame{flex:none;box-sizing:border-box;max-width:100%;padding:4px;border-width:2px;border-radius:10px;background-size:18px;box-shadow:none}
.journal-viewer.journal-turned .journal-picture{display:block;width:100%;height:100%;flex:none;min-height:0;min-width:0;border:0;background:transparent;border-radius:2px;overflow:hidden}
.journal-viewer.journal-turned .journal-picture img{width:100%;height:100%;object-fit:contain;display:block}

/* V105: compact journal spacing while retaining readable type and touch targets. */
#progress-body.journal-screen{padding-bottom:20px}
.journal-heading{margin:14px 0 16px}.journal-heading h1{margin:6px 0}.journal-heading>p:last-child{margin:6px 0}
.journal-privacy{padding:14px 16px;gap:12px;margin-bottom:12px}.journal-privacy h2{margin-bottom:5px}.journal-privacy p{margin:4px 0}
.journal-top-actions{gap:8px;margin:12px 0}.journal-top-actions>span{margin-left:auto}
.journal-editor{padding:16px}.journal-editor>.journal-frame{max-width:230px;margin:12px auto}
.journal-editor>.journal-placeholder{max-width:100%;padding:10px}
.journal-editor>.journal-placeholder .journal-picture{aspect-ratio:auto;min-height:100px}
.journal-editor>.journal-placeholder .journal-picture p{margin:0;padding:12px;font-size:18px}
.journal-editor>.journal-placeholder .journal-picture p span{font-size:30px}
.journal-photo-actions{margin:8px 0 12px;gap:8px}
.journal-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.journal-editor input,.journal-editor select,.journal-editor textarea{margin:5px 0 10px}
.journal-editor textarea{min-height:70px}
.journal-editor .member-check{margin:4px 0 12px;font-size:13px}
.journal-editor .member-check input{margin:2px 0}
.journal-editor .journal-small{margin:7px 0 0;font-size:12px;line-height:1.5}
.journal-editor-status{margin:6px 0}
.journal-comparison{margin:20px 0 14px;padding-top:16px}
.journal-comparison h2,.journal-collection h2{font-size:25px}
.journal-comparison>p{margin:7px 0;line-height:1.5}
.journal-enlarge{margin:7px 0 0;min-height:44px}
.journal-pair{margin-top:10px;gap:10px}
.journal-pair select{margin:4px 0 8px}
.journal-pair>div>p{margin:7px 0 0;line-height:1.4}
.journal-collection{margin-top:18px}
.journal-gallery{margin-top:12px;gap:16px 14px}
.journal-keepsake h3{margin:8px 0 0;font-size:15px}
.journal-keepsake>p{margin:4px 0;line-height:1.5}
.journal-keepsake>p:empty{display:none}
.journal-card-actions{gap:6px}
.journal-safety{margin-top:18px}
.journal-empty{padding:16px 8px}.journal-empty .journal-frame{width:140px;margin-bottom:16px}.journal-empty h2{margin:12px 0}
@media(max-width:600px){
 .journal-editor{padding:14px}
 .journal-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
 .journal-fields label{font-size:13px}
 .journal-fields input,.journal-fields select{padding-inline:7px;font-size:13px}
 .journal-photo-actions .button{padding-inline:8px}
 .journal-comparison h2,.journal-collection h2{font-size:23px}
 .journal-gallery{gap:14px 12px}
 .journal-keepsake h3{font-size:14px}
 .journal-card-actions button{font-size:12px}
}

/* V106: a small keepsake cover in the three brand colours. */
.journal-hero{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:center;position:relative;isolation:isolate;overflow:hidden;margin:14px 0 12px;padding:20px 18px 0;border:1px solid #e8cbd8;border-radius:22px;background:linear-gradient(115deg,#f8dcc8 0%,#f1ccd9 49%,#dfd1ec 100%);box-shadow:0 5px 20px #87546d0c}
.journal-hero::after{content:'';position:absolute;z-index:-1;width:135px;height:135px;right:-40px;top:-60px;border:18px solid #fff8;border-radius:50%;opacity:.35}
.journal-hero-heart{width:64px;height:70px;object-fit:contain;filter:drop-shadow(0 3px 4px #84586b18);transform:rotate(-8deg)}
.journal-private-badge{display:inline-flex;align-items:center;gap:5px;color:#69475d;font-size:9px;line-height:1.4;letter-spacing:1.1px;font-weight:700}
.journal-private-badge svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}
#progress-body .journal-hero h1{font:clamp(25px,4vw,34px)/1.15 Georgia,serif;color:#634357;margin:6px 0;letter-spacing:-.4px}
.journal-hero-copy>p{font-size:14px;color:#775267;margin:0;line-height:1.45}
.journal-hero-note{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:2px 5px;padding:11px 0 12px;margin-top:1px;border-top:1px solid #ffffff8c;font-size:12px;line-height:1.5;color:#735267}
@media(max-width:380px){.journal-hero{grid-template-columns:49px minmax(0,1fr);gap:10px;padding:16px 14px 0}.journal-hero-heart{width:49px;height:57px}#progress-body .journal-hero h1{font-size:25px}.journal-private-badge{font-size:8px;letter-spacing:.8px}.journal-hero-note{font-size:11px}}
/* Optional journal PIN: explicit setup and a private entry screen. */
.journal-security,.journal-lock-panel{margin:18px 0;padding:18px;border:1px solid #e1cbdc;border-radius:20px;background:linear-gradient(120deg,#f8e5db,#f2dce8,#e6dff1)}
.journal-security h2,.journal-lock-panel h2{font:23px/1.2 Georgia,serif;margin:0;color:#705068}.journal-security p,.journal-lock-panel p{font-size:14px;line-height:1.6;color:#7b6173;margin:8px 0}.journal-security summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:14px;font-weight:600}.journal-security label,.journal-lock-panel label{display:block;font-size:14px;margin-top:12px}.journal-security input,.journal-lock-panel input{display:block;width:100%;box-sizing:border-box;min-height:48px;margin:7px 0 14px;letter-spacing:8px;font-size:22px}.journal-security [hidden],.journal-lock-panel [hidden],#journal-content[hidden]{display:none!important}.journal-lock-panel{text-align:center;padding:24px 20px}.journal-lock-panel>img{width:58px;height:58px;margin-bottom:12px}.journal-lock-panel form{max-width:280px;margin:16px auto}.journal-lock-panel input{text-align:center}.journal-lock-panel>a{font-size:13px;color:#765268}.journal-security .text-link{min-height:44px;font-size:13px}

/* V108: an immediate opaque cover, separate from the journal PIN lock. */
.journal-hide-quick{position:fixed;right:16px;bottom:calc(94px + env(safe-area-inset-bottom,0px));z-index:45;border:1px solid #c5afc6;border-radius:24px;background:#f0e5f3;color:#694c65;box-shadow:0 4px 16px #76536b25;min-height:44px;padding:10px 16px;font:600 14px/1.3 Arial,sans-serif;cursor:pointer}
.journal-shield{position:fixed!important;inset:0!important;margin:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border:0!important;border-radius:0!important;padding:24px!important;box-sizing:border-box;background:#eee3f0!important;color:#71516b;text-align:center}
.journal-shield[open]{display:grid;place-items:center}
.journal-shield::backdrop{background:#eee3f0!important;opacity:1}
.journal-shield>div{max-width:300px}
.journal-shield img{width:70px;height:70px;object-fit:contain;margin-bottom:16px}
.journal-shield h2{font:30px/1.2 Georgia,serif;margin:0 0 12px}
.journal-shield p{font-size:16px;line-height:1.5;margin-bottom:24px}
.journal-shield .button{min-height:48px}
.journal-viewer-head>div:first-child{min-width:0;flex:1}
.journal-viewer-head #journal-viewer-hide{font-size:12px;min-height:44px;padding:8px 12px}
.journal-viewer.journal-turned .journal-viewer-modes{padding-right:164px}
.journal-viewer.journal-turned .journal-viewer-head{gap:6px}
.journal-viewer.journal-turned #journal-viewer-hide{min-height:40px;padding:6px 10px}
@media(max-width:600px){.journal-viewer-head{gap:7px;padding-inline:12px}.journal-viewer-head h2{font-size:19px}.journal-viewer-head .button{padding-inline:10px}}

/* V109: one compact privacy card and a quiet shortcut bar. */
.journal-privacy-bar{display:flex;align-items:center;gap:8px;position:sticky;top:6px;z-index:35;padding:3px 10px;background:#f4eaf3f7;border:1px solid #deccdf;border-radius:14px;margin:8px 0 10px;box-shadow:0 2px 7px #825b7310}
.journal-privacy-bar>span{margin-right:auto;font-size:12px;font-weight:600;color:#886b81}
.journal-privacy-bar button{min-height:40px;border:0;background:transparent;color:#75516c;font:600 13px/1.3 Arial,sans-serif;padding:6px 8px;cursor:pointer}
.journal-privacy-bar button:focus-visible{outline:3px solid #a47c98;outline-offset:1px}
.journal-security{padding:14px 16px;margin:16px 0 0}
.journal-security h2{font-size:23px}
.journal-security>p{font-size:13px;line-height:1.5;margin:5px 0 8px}
.journal-idle-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 4px}
.journal-idle-setting label{font-size:13px;line-height:1.4;margin:0;flex:1}
.journal-idle-setting select{width:auto;max-width:170px;min-height:44px;padding:7px 10px;font-size:13px;border:1px solid #dac7d7;background:#fffaf8;border-radius:12px;color:#76596e}
.journal-security .journal-idle-note{font-size:12px;line-height:1.5;color:#846b7c;margin:5px 0 7px}
.journal-security>.journal-safety{margin-top:0;border-top:1px solid #d9c5d7}
.journal-security summary{min-height:40px;box-sizing:border-box;padding:9px 0;font-size:13px}
.journal-security #journal-lock-description{font-size:13px}
.journal-note-details{margin:0 0 8px;color:#826579;font-size:13px}
.journal-note-details summary{min-height:40px;padding:9px 0;box-sizing:border-box;cursor:pointer}
.journal-note-details textarea{margin:0 0 8px}
.journal-top-actions{margin:8px 0 12px;gap:7px}
.journal-top-actions>span{font-size:12px}
.journal-comparison{margin:16px 0 12px;padding-top:12px}
.journal-comparison .panel-top h2,.journal-collection h2{font-size:23px}
.journal-comparison>p{font-size:13px;margin:5px 0}
.journal-pair{margin-top:8px}
.journal-collection{margin-top:14px}
.journal-gallery{margin-top:10px;gap:12px}
.journal-hero{margin-bottom:8px;padding-top:16px;gap:10px 12px}
.journal-hero-note{padding-block:9px}
.journal-editor>.journal-placeholder .journal-picture{min-height:76px}
.journal-editor>.journal-placeholder .journal-picture p{font-size:16px;padding:9px}
@media(max-width:380px){.journal-privacy-bar{padding-inline:6px;gap:3px}.journal-privacy-bar>span{font-size:11px}.journal-idle-setting{gap:8px}.journal-idle-setting select{max-width:150px;padding-inline:7px}}