:root{color-scheme:light;--bg:#f7f4ef;--panel:#fffcf7;--ink:#342d44;--muted:#766f7f;--accent:#514774;--soft:#ece6f4;--line:#e6dfd8;--gold:#b88f53;--danger:#ab4054;--shadow:0 12px 40px #33204409}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);line-height:1.55;font-size:16px;background:var(--bg)}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button,.button{min-height:46px;border:1px solid var(--line);border-radius:14px;padding:10px 17px;background:var(--panel);color:var(--ink);cursor:pointer;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover,.button:hover{filter:brightness(.97)}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}input,select,textarea{display:block;width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);font-size:16px}textarea{resize:vertical}label{display:block;font-size:14px;font-weight:600;margin:16px 0 7px}label input,label select{margin-top:7px}input[type=date],input[type=month]{min-width:0}a{color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(32px,6vw,44px);line-height:1.16;font-weight:400;letter-spacing:-1px;margin-bottom:12px}h2{font-family:Georgia,"Times New Roman",serif;font-size:25px;line-height:1.25;font-weight:400;margin-bottom:12px}h3{font-size:18px}p{color:var(--muted)}em{font-weight:400;color:var(--accent)}.eyebrow{display:block;font-size:10px;font-weight:750;letter-spacing:2px;color:var(--muted);margin-bottom:12px}.primary{background:var(--accent);color:var(--bg);border-color:transparent}.secondary{background:var(--soft);border-color:transparent;color:var(--accent)}.danger{color:var(--danger)}.wide{width:100%;margin-top:16px}.compact{padding:8px 14px}.text-button{border:0;background:transparent;padding:6px 0;color:var(--accent);font-size:14px;min-height:44px}.icon-button{padding:5px;min-width:44px;font-size:25px;border:0;background:transparent}.fine{font-size:12px;color:var(--muted);line-height:1.6}.center{text-align:center}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.message{color:var(--danger);font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.boot{min-height:100dvh;display:grid;align-content:center;justify-items:center;padding:24px}.boot img{width:72px;border-radius:19px;margin-bottom:20px}.login{min-height:100dvh;display:grid;place-items:center;padding:40px 24px;background:radial-gradient(ellipse at top,#e9e1f0,var(--bg) 65%)}.login-card{max-width:380px;width:100%;text-align:center}.login-icon{width:92px;height:92px;border-radius:24px;box-shadow:0 18px 45px #3d2b4320;margin-bottom:26px}.login-card h1{font-size:42px}.login-card form{text-align:left;margin:28px 0 24px}.login-card .eyebrow{font-size:9px}.topbar{max-width:900px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 24px 18px;padding-top:max(24px,env(safe-area-inset-top))}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-family:Georgia,serif;font-size:23px}.brand img{width:44px;height:44px;border-radius:13px}.brand small{display:block;font:8px/1.5 system-ui;letter-spacing:1.4px;color:var(--muted);margin-top:3px}.avatar{border-radius:50%;width:44px;height:44px;min-height:44px;padding:0;background:var(--soft);color:var(--accent)}.app-main{max-width:850px;margin:auto;padding:18px 24px 125px}.greeting{padding:8px 0 15px}.greeting p{font-size:14px}.today-card{position:relative;overflow:hidden;background:var(--soft);border-radius:24px;padding:27px;margin:8px 0 23px;box-shadow:var(--shadow)}.today-card .eyebrow{color:var(--accent)}.today-card h2{font-size:29px;position:relative;z-index:1}.today-card p{max-width:240px;font-size:14px;position:relative;z-index:1}.today-card button{position:relative;z-index:1;margin-top:4px}.card-decoration{position:absolute;right:-20px;top:20px;font:180px Georgia;color:var(--gold);opacity:.2;transform:rotate(10deg)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;padding:5px 0 22px}.stats b{display:block;font:28px Georgia;color:var(--accent)}.stats span{font-size:11px;color:var(--muted)}.stats>div+div{border-left:1px solid var(--line)}.prompt-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:23px}.prompt-card p{font:22px/1.5 Georgia;color:var(--ink);margin-bottom:5px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 0 16px}.section-heading h2,.section-heading h1{margin:0}.section-heading .eyebrow{margin-bottom:8px}.entry-list{display:grid;gap:12px}.entry-card{background:var(--panel);border:1px solid var(--line);border-radius:19px;padding:19px;text-align:left;display:block;width:100%;font-weight:400;box-shadow:var(--shadow);overflow:hidden}.entry-card h3{margin:10px 0 7px;font:22px Georgia;color:var(--ink);overflow-wrap:anywhere}.entry-card p{font-size:14px;margin:0;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.entry-meta{display:flex;align-items:center;gap:10px;justify-content:space-between;color:var(--muted);font-size:11px}.entry-foot{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:12px}.tag,.badge{border-radius:7px;background:var(--soft);padding:3px 7px;color:var(--accent);font-size:10px;font-weight:600}.entry-thumb{height:130px;width:100%;object-fit:cover;border-radius:10px;margin-top:14px}.empty{padding:30px 20px;text-align:center;background:var(--panel);border:1px dashed var(--line);border-radius:20px}.empty strong{display:block;font:23px Georgia;margin-bottom:9px}.empty p{font-size:14px;margin:0}.app-footer{text-align:center;font-size:11px;color:var(--muted);margin-top:34px}.app-footer a{display:block;margin-top:5px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;background:var(--panel);border-top:1px solid var(--line);padding:8px 12px max(10px,env(safe-area-inset-bottom));z-index:5;box-shadow:0 -5px 25px #33204406}.bottom-nav button{flex:1;max-width:180px;background:transparent;border:0;border-radius:12px;flex-direction:column;gap:1px;color:var(--muted);font-size:10px;min-height:57px;padding:5px}.bottom-nav span{font-size:23px;line-height:1.1;font-weight:400}.bottom-nav .active{color:var(--accent);background:var(--soft)}.filter-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:9px}.filter-row label{font-size:11px;min-width:0}.filter-row input,.filter-row select{padding:10px 7px;font-size:13px}.chips{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0 5px}.chips button{font-size:12px;padding:9px 12px;border-radius:30px;min-height:40px;font-weight:500}.chips .selected{background:var(--accent);color:var(--bg);border-color:var(--accent)}.results-row{margin:10px 0}.results-row p{margin:0}.calendar-panel{background:var(--panel);border:1px solid var(--line);border-radius:23px;padding:14px;margin-top:24px}.calendar-heading{display:flex;align-items:center;justify-content:space-between}.calendar-heading h2{font-size:22px;margin:0}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.calendar-week{margin:12px 0;color:var(--muted);text-align:center;font-size:10px}.calendar-grid button{min-width:0;border:0;background:transparent;padding:8px 0;border-radius:13px;min-height:45px;position:relative;font-size:14px}.calendar-grid .has-entry:after{content:'';position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:var(--gold)}.calendar-grid .today{box-shadow:inset 0 0 0 1px var(--accent)}.calendar-grid .selected{background:var(--accent);color:var(--bg)}.calendar-panel>.fine{margin:15px 0 3px;font-size:10px}.insight-card{border:1px solid var(--line);border-radius:20px;padding:22px;margin-top:28px;background:var(--panel)}.mood-summary>div{display:grid;grid-template-columns:90px 1fr 28px;gap:12px;align-items:center;font-size:12px;margin:13px 0}.mood-summary .bar{height:8px;background:var(--soft);border-radius:9px;overflow:hidden}.mood-summary .bar i{display:block;height:100%;background:var(--gold);border-radius:9px}.moments-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}.moment{border:0;display:block;padding:0;text-align:left;overflow:hidden;border-radius:18px;background:var(--panel)}.moment img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.moment span{display:block;padding:11px;font-size:11px;font-weight:400}.moment b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}dialog{padding:0;border:0;color:var(--ink);background:var(--bg)}dialog::backdrop{background:#20182b88;backdrop-filter:blur(4px)}.full-dialog{margin:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;inset:0}.dialog-shell{max-width:780px;margin:auto;min-height:100%}.dialog-head{position:sticky;top:0;background:var(--bg);padding:13px 18px;padding-top:max(13px,env(safe-area-inset-top));border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px;z-index:2}.dialog-head>span{font-size:10px;color:var(--muted)}.editor-content,.reader-content{padding:26px 24px 30px}.editor-content .row:first-child{align-items:flex-end}.date-field{margin:0;font-size:11px;max-width:180px}.favorite-button{border:0;background:transparent;font-size:12px;padding:8px 0;color:var(--gold)}.title-input{padding:24px 0 17px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;font:30px/1.3 Georgia;margin:12px 0}.mood-picker{border:0;margin:24px 0 14px;padding:0}.mood-picker legend{font-size:12px;color:var(--muted)}.mood-picker .chips{margin-top:10px}.mood-picker button{font-size:11px;padding:8px 11px}.body-input{border:0;border-radius:0;padding:12px 0;background:transparent;line-height:1.9;min-height:290px;font-size:17px;resize:vertical}.upload-button{display:inline-flex;align-items:center;color:var(--accent);cursor:pointer;min-height:44px;margin:0;font-size:13px}.upload-button input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.upload-button:focus-within{outline:3px solid var(--gold)}.editor-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.photo-item img{width:100%;height:155px;object-fit:cover;border-radius:14px}.photo-item input{font-size:12px;padding:8px;min-height:40px}.photo-item button{font-size:11px;margin-top:5px;min-height:40px}.reader-content h1{font-size:38px;margin:20px 0}.reader-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.95;font-size:18px;margin:30px 0}.reader-tags{display:flex;gap:6px;flex-wrap:wrap}.reader-photo{margin:24px 0}.reader-photo button{padding:0;border:0;display:block;width:100%;background:transparent}.reader-photo img{max-width:100%;width:100%;max-height:560px;object-fit:contain;border-radius:16px}.reader-photo figcaption{font-size:13px;text-align:center;margin-top:7px;color:var(--muted)}.reader-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:0 24px 40px;padding-bottom:env(safe-area-inset-bottom)}.sheet-dialog{width:min(540px,calc(100% - 26px));max-height:90dvh;border-radius:25px;margin:auto}.sheet{padding:25px;overflow:auto}.sheet .section-heading{margin:0 0 18px}.sheet details{border-top:1px solid var(--line);padding:18px 0}.sheet summary{cursor:pointer;font-weight:600;min-height:28px}.sheet details form{padding-top:4px}.profile{background:var(--soft);border-radius:16px;padding:18px;margin-bottom:16px;overflow-wrap:anywhere}.profile strong{display:block;font:23px Georgia}.profile small{color:var(--muted)}.update-link{display:block;text-align:center;font-size:12px;margin-top:25px}.photo-dialog{background:#17131e;color:#fff;max-width:100%;max-height:100dvh;width:100%;height:100dvh;margin:0;display:none;align-content:center;justify-items:center;padding:60px 18px 35px}.photo-dialog[open]{display:grid}.photo-dialog img{max-width:100%;max-height:70dvh;object-fit:contain}.photo-close{position:absolute;right:18px;top:15px;background:transparent;color:#fff;border:0;font-size:30px}.photo-dialog p{color:#e0d9e9;margin:12px 0;text-align:center}.photo-dialog .button{color:#342d44;background:#f7f4ef}.photo-dialog .photo-close{color:white}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);border-radius:14px;padding:13px 20px;max-width:calc(100% - 30px);width:max-content;font-size:13px;z-index:40;box-shadow:var(--shadow)}#offlineBanner{position:fixed;top:0;left:0;right:0;padding:7px 10px;background:#a84357;color:#fff;text-align:center;font-size:12px;z-index:60}#printSheet{display:none}@media(min-width:650px){.today-card{padding:35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.today-card p{max-width:320px}.today-card .card-decoration{right:25px;top:-20px}.entry-list{grid-template-columns:repeat(2,minmax(0,1fr))}.moments-grid{grid-template-columns:repeat(3,1fr)}.editor-photos{grid-template-columns:repeat(3,1fr)}.greeting{padding-top:22px}.app-main{padding-top:25px}.body-input{min-height:380px}}@media(max-width:360px){.topbar{padding-left:18px;padding-right:18px}.app-main{padding-left:18px;padding-right:18px}.brand small{font-size:7px}.today-card{padding:23px}.dialog-head{padding-left:12px;padding-right:12px}.dialog-head>span{font-size:9px}.editor-content{padding-left:18px;padding-right:18px}.filter-row{gap:5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}@media print{body>*{display:none!important}body>#printSheet{display:block!important;color:#111;background:white;padding:20px;font:15px/1.8 Georgia}#printSheet h1{font-size:30px;color:#111}#printSheet .reader-body{font-size:15px;white-space:pre-wrap}#printSheet .reader-photo button{border:0;padding:0;background:transparent}#printSheet img{max-width:100%;max-height:450px;object-fit:contain}#printSheet .reader-photo{break-inside:avoid}#printSheet .reader-tags{display:none}#printSheet p,#printSheet span{color:#444}}

.pdf-selection{display:flex;align-items:center;gap:10px;font-size:13px;margin:18px 0 4px}.pdf-selection input{width:22px;height:22px;min-height:0;margin:0}.export-controls{margin-bottom:20px;flex-wrap:wrap}.editor-content>details{margin:18px 0}.editor-content>details summary{padding:12px 0;cursor:pointer;font-weight:650}

.check{display:flex;align-items:center;gap:10px}.check input{width:22px!important;height:22px;min-height:22px;margin:0}#vaultGate{min-height:75vh}#recoveryKeyText{min-height:100px;word-break:break-all}#consentFingerprint{overflow-wrap:anywhere}.migration-progress{white-space:pre-wrap}

/* Daybook 1.1.2: calmer app chrome and distraction-free writing. */
.topbar{position:relative;max-width:900px;padding-bottom:12px}.app-main{padding-top:8px}.avatar{box-shadow:0 3px 12px #3320440d;border:1px solid var(--line)}
#profileMenu{position:absolute;top:max(80px,calc(env(safe-area-inset-top) + 65px));right:max(18px,calc((100vw - 850px)/2));width:min(330px,calc(100vw - 36px));padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:0 16px 50px #20182b26;z-index:12}
#profileMenu>button{width:100%;justify-content:flex-start;border:0;margin:2px 0;background:transparent}#profileMenu>button:hover{background:var(--soft)}#profileMenu #privacyBar{position:static;display:flex;flex-wrap:wrap;padding:12px 5px;margin:8px 0 0;border-top:1px solid var(--line);gap:8px;background:transparent;box-shadow:none}#profileMenu #privacyBar button{min-height:42px;padding:8px 10px;font-size:12px}#profileMenu #privacyBar span{flex-basis:100%;font-size:12px}
#rediscoverMemory{width:100%;margin:0 0 20px;justify-content:space-between;background:var(--panel)}.entry-card{transition:transform .15s,box-shadow .15s}.entry-card:active{transform:scale(.985)}.entry-meta{gap:8px;flex-wrap:wrap}.reader-tags .tag{min-height:40px;padding:8px 12px;font-size:12px;border:0;border-radius:24px}.reader-content{max-width:700px;margin:auto}.reader-body{font-family:Georgia,serif;font-size:19px}
#editor .dialog-head{gap:6px}#editor .dialog-head button{min-height:42px;padding:8px 12px;font-size:13px}#editor .dialog-head .icon-button{min-width:42px;padding:5px;font-size:24px}.focus-writing .editor-content>.row,.focus-writing .mood-picker,.focus-writing .editor-content>label,.focus-writing .editor-content>details,.focus-writing .upload-button,.focus-writing .editor-photos,.focus-writing #writingTemplate,.focus-writing #entryTags{display:none}.focus-writing .body-input{min-height:65dvh;font-family:Georgia,serif;font-size:20px}.focus-writing .title-input{margin-top:0}.sheet details{margin-top:18px}.sheet details>summary{min-height:46px;display:flex;align-items:center;cursor:pointer}.sheet .check{display:flex;gap:10px;align-items:flex-start}.sheet .check input{width:20px;min-height:20px;height:20px;flex-shrink:0;margin:2px 0}.sheet #previewImport{margin-top:16px}.sheet #logout{margin-top:24px}#offlineBanner{font-size:12px;padding:9px 14px;max-width:100%;line-height:1.4}.bottom-nav{backdrop-filter:blur(18px)}
@media(max-width:440px){.topbar{padding-left:18px;padding-right:18px}.app-main{padding-left:18px;padding-right:18px}.dialog-head{padding-left:12px;padding-right:12px}#editor .dialog-head>span{max-width:72px;font-size:10px}#editor .dialog-head button{padding-left:9px;padding-right:9px}.reader-content,.editor-content{padding-left:20px;padding-right:20px}.reader-content h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.focus-writing .editor-content>.section-heading,.focus-writing .editor-content>p.fine{display:none}.sheet details>summary:after{content:'⌄';margin-left:auto;font-size:18px;color:var(--muted)}.sheet details[open]>summary:after{content:'⌃'}

/* Palette and display mode are applied before styles by appearance.js. */
:root{--on-accent:#fff}.primary{color:var(--on-accent)}.calendar-grid .selected,.chips .selected{color:var(--on-accent)}.mood-summary .bar i{background:var(--accent)}.sheet .check input{accent-color:var(--accent)}:root[data-theme=dark] .danger{background:#452a32;color:#ffbacb;border-color:#75424f}:root #pwaInstallBanner,:root #pwaInstallDialog{background:var(--panel);color:var(--ink);border-color:var(--line)}:root #pwaInstallBanner p,:root #pwaInstallBanner .pwa-dismiss{color:var(--muted)}:root #pwaInstallBanner button:not(.pwa-later):not(.pwa-dismiss),:root #pwaInstallDialog button{background:var(--accent);color:var(--on-accent)}:root #pwaInstallBanner .pwa-later{color:var(--accent);border-color:var(--line)}#privatePanel{background:var(--bg)}.private-sheet,#privateSettingsDialog,#syncConflictDialog{background:var(--panel);color:var(--ink);border-color:var(--line)}.private-sheet input:not([type=checkbox]){background:var(--panel);color:var(--ink);border-color:var(--line)}#privacyBar{color:var(--ink);background:var(--soft)}
#profileMenu #menuAccount{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:14px 16px;margin-bottom:12px;border-radius:14px;background:var(--accent);color:var(--on-accent);font-size:14px;font-weight:750;text-align:left}#profileMenu #menuAccount svg{flex-shrink:0}#profileMenu>button:not(.primary):not(.danger){background:var(--soft);border:1px solid var(--line)}#settings details>summary{padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:var(--soft);min-height:46px;list-style:none}#settings details>summary::-webkit-details-marker{display:none}#settings details[open]>summary{margin-bottom:18px}.appearance-settings{padding:16px;border:1px solid var(--line);border-radius:16px;margin:24px 0!important}.appearance-settings>label{margin:0 0 20px}.appearance-settings .fine{margin-bottom:0}
.palette-options{padding:0;margin:0 0 17px;border:0;min-width:0}.palette-options legend{font-size:12px;font-weight:650;margin-bottom:12px}.palette-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.palette-choice{position:relative;display:block;margin:0;cursor:pointer;min-width:0}.palette-choice input[type=radio]{position:absolute;width:1px;height:1px;min-height:0;margin:0;padding:0;opacity:0;pointer-events:none}.palette-tile{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:9px;position:relative;min-height:82px;padding:12px 5px;border:1px solid var(--line);border-radius:13px;background:var(--panel);font-size:11px;text-align:center}.palette-dot{width:27px;height:27px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0001}.palette-choice input:checked+.palette-tile{border:2px solid var(--accent);padding:11px 4px;background:var(--soft);color:var(--ink)}.palette-choice input:checked+.palette-tile:after{content:'✓';position:absolute;top:4px;right:7px;color:var(--accent);font-size:12px;font-weight:800}.palette-choice input:focus-visible+.palette-tile{outline:3px solid var(--accent);outline-offset:3px}.appearance-settings .small{margin-bottom:0}

@media(max-width:350px){.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-tile{min-height:76px}}
.login{background:radial-gradient(ellipse at top,var(--soft),var(--bg) 65%)}.login-card .check input{accent-color:var(--accent)}

#settings .appearance-settings{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}#offlineBanner{top:auto;bottom:calc(82px + env(safe-area-inset-bottom));left:16px;right:16px;max-width:700px;margin:auto;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);box-shadow:0 6px 24px #0002;pointer-events:none;line-height:1.45}
:root[data-theme=dark]{--danger:#ffb5c7;--gold:#e3bc7d;--shadow:0 12px 40px #0002}

#profileMenu #menuLogout{background:var(--soft);border:1px solid var(--line);color:var(--danger);border-radius:12px}

.recovery-dialog{max-width:560px;width:calc(100% - 28px);padding:24px;border-radius:20px}.recovery-dialog .card{margin:14px 0}.recovery-dialog button{min-height:44px}#draftStatus{white-space:normal;line-height:1.3;font-size:.78rem;max-width:190px}@media(max-width:480px){#draftStatus{max-width:115px}}

.journal-pagination{margin:24px 0 12px;padding:18px 12px;border:1px solid var(--line);border-radius:18px;background:var(--paper,var(--soft))}.journal-pagination[hidden]{display:none}.pagination-pages{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin-bottom:14px}.pagination-pages button{min-width:44px;min-height:44px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--ink)}.pagination-pages button[aria-current="page"]{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:700}.pagination-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.pagination-actions button{min-height:44px;padding:9px 12px}.pagination-actions button:disabled{opacity:.45;cursor:default}.pagination-actions .fine{margin:0;text-align:center}.pagination-gap{padding:0 2px}#resultCount{scroll-margin-top:95px}@media(max-width:360px){.journal-pagination{padding:14px 8px}.pagination-actions button{padding:9px 8px;font-size:.8rem}.pagination-actions .fine{font-size:.72rem}.pagination-pages{gap:5px}}

.journal-readiness{margin:12px auto;padding:12px 16px;max-width:960px;border:1px solid var(--line,#ded9e9);border-radius:16px;background:var(--card,#fff)}.journal-readiness p{margin:4px 0;font-size:13px;overflow-wrap:anywhere}.journal-readiness .row{flex-wrap:wrap}.journal-readiness button{font-size:12px;min-height:36px}#syncConflictItems pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:280px;overflow:auto}@media print{.journal-readiness{display:none!important}}

/* Journal welcome dialog button spacing hotfix */
#journalOfflineWelcome .sheet{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:18px;row-gap:14px}
#journalOfflineWelcome .sheet>h2,#journalOfflineWelcome .sheet>p{grid-column:1/-1}
#journalOfflineWelcome .sheet>button{margin:0;min-height:44px;white-space:normal;justify-self:start;max-width:100%}
@media(max-width:600px){#journalOfflineWelcome .sheet{grid-template-columns:minmax(0,1fr)}#journalOfflineWelcome .sheet>button{width:100%;justify-self:stretch}}

/* Journal export controls and conflict review layout. */
#settings label:has(> input[type="checkbox"]){display:flex;align-items:center;gap:10px;line-height:1.5}
#settings label>input[type="checkbox"]{display:block;width:20px!important;height:20px;min-width:20px;min-height:20px;max-width:20px;max-height:20px;flex:0 0 20px;margin:0;padding:0;accent-color:var(--accent)}
#exportPdf,#settings a.button[href*="export.php?format=zip"]{display:flex;width:100%;margin-top:12px;text-align:center;white-space:normal}
#settings .row:has(> a[href*="export.php"]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
#settings .row:has(> a[href*="export.php"])>.button{min-width:0;white-space:normal;text-align:center;padding:12px}
#syncConflictDialog{width:min(620px,calc(100% - 28px));max-width:calc(100% - 28px);max-height:90vh;max-height:90dvh;margin:auto;border:1px solid var(--line);border-radius:24px;overflow:auto;box-shadow:0 18px 60px #20182b30;font:inherit}
#syncConflictDialog .private-sheet{padding:24px;min-width:0}
#syncConflictDialog h2{font-family:inherit;font-size:23px;font-weight:700;line-height:1.3;letter-spacing:0;overflow-wrap:anywhere;margin-bottom:14px}
#syncConflictDialog p{font-size:14px;line-height:1.65;overflow-wrap:anywhere}
#syncConflictItems>section{border:1px solid var(--line);border-radius:16px;padding:16px;margin:18px 0;background:var(--bg);min-width:0}
#syncConflictItems h3{font-size:16px;margin:0 0 12px;text-transform:capitalize}
#syncConflictItems details{margin:10px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
#syncConflictItems summary{padding:12px;min-height:44px;background:var(--soft);font-weight:600;cursor:pointer;overflow-wrap:anywhere}
#syncConflictItems pre{margin:0;padding:14px;font:13px/1.6 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto}
#syncConflictItems button,#syncConflictClose{display:flex;width:100%;min-height:46px;margin-top:10px;white-space:normal;text-align:center;overflow-wrap:anywhere}
#syncConflictItems button[data-choice="mine"]{background:var(--accent);color:var(--bg);border-color:transparent}
#syncConflictItems button[data-choice="server"]{background:var(--soft);color:var(--accent);border-color:transparent}
#syncConflictClose{background:transparent;color:var(--accent);margin-top:16px}
@media(max-width:440px){#syncConflictDialog .private-sheet{padding:18px}#syncConflictDialog h2{font-size:21px}#syncConflictItems>section{padding:12px}#settings .row:has(> a[href*="export.php"]){gap:8px}#settings .row:has(> a[href*="export.php"])>.button{font-size:14px}}
