/* Mint chocolate: shared working surfaces, not decorative text backgrounds. */
body{background:var(--bg)}
.brand-mark{background:var(--mint);color:var(--chocolate);box-shadow:0 4px 0 #775c5514;transform:rotate(-4deg);border:1px solid #b9d3c9}
.primary-button{background:var(--accent);color:var(--button-text);box-shadow:0 3px 0 #775c5520;border-radius:14px;min-height:44px}
.primary-button:hover:not(:disabled){filter:brightness(1.06)}
.unlock-page{background:var(--bg)}
.summary-card.warm,.summary-card.cool,.summary-card.soft{background:var(--card)}
/* The reference card's blush is a companion to mint, not a text color. */
:root:not([data-theme="dark"]) .summary-card.warm{background:var(--pink)}
:root:not([data-theme="dark"]) .summary-card.cool{background:var(--cream)}
:root:not([data-theme="dark"]) .summary-card.soft{background:color-mix(in srgb,var(--mint) 55%,var(--cream))}
:root:not([data-theme="dark"]) .nav-item.active{background:var(--pink);color:#59423c}
:root:not([data-theme="dark"]) .nav-item.active .nav-icon{color:#775c55}
:root:not([data-theme="dark"]) .mobile-nav .active{background:var(--pink);color:#59423c;border-radius:14px}
.record-card .record-stripe{background:var(--mint)!important}
.record-card.action .record-stripe,.record-card.sand .record-stripe{background:var(--pink)!important}
.record-card.dialogue .record-stripe{background:#b7a19a!important}
.nav-item.active .nav-icon,.source-card.active>i,.pagination button.active{color:var(--button-text)}
.sync-pill i{background:#b9d5c9;box-shadow:0 0 0 4px #d5eae34d}
.record-select input:checked+span:after,.group-select input:checked+span:after,.group-select input:indeterminate+span:after{color:var(--button-text)}
/* Quiet stationery details; no pattern underneath writing or body copy. */
.diary-page .diary-top{border-bottom:3px double #775c5530}
.diary-top,.topbar{position:relative}
.diary-top::after,.topbar::after{content:"";position:absolute;left:0;right:0;bottom:-17px;height:18px;background:url('/lace-trim-v2.png') center center/192px 64px repeat-x;pointer-events:none;opacity:.95}
.content-head h2::after{content:"୨୧";display:inline-block;margin-left:10px;vertical-align:middle;color:var(--ribbon);font:400 29px Georgia,serif;pointer-events:none}
.diary-page .diary-heading h2{display:flex;align-items:center;gap:10px}
.diary-page .diary-paper{position:relative}
.diary-page .diary-card-actions .read-entry{background:var(--pink);color:#59423c}
@media(max-width:620px){.diary-page .diary-heading h2{gap:4px}}
.diary-page .diary-paper{border-color:#c3cec2;border-top:5px double #c7b3a9;box-shadow:0 5px 0 #775c550b}
.diary-page .diary-paper.brother .diary-avatar{background:var(--pink);color:#674c45}
.diary-page .diary-avatar{background:var(--mint);color:#674c45}
.diary-page .diary-paper h3{color:var(--text)}
.diary-page .diary-dialog{border-top:6px double #bfa89e}
.diary-page .diary-heading h2 span{color:var(--ribbon);font-size:29px;margin-left:8px;font-family:Georgia,serif;font-weight:400}
.diary-page .comment-section{border-top:3px double #c7b3a9}
.diary-page .comment-item.brother{border-left-color:#d9aeb1}
.diary-page .author-tabs{border:1px solid #bcd4ca;background:color-mix(in srgb,var(--cream) 46%,var(--mint))}
.diary-page .author-tabs .selected{background:var(--pink);color:#674c45;box-shadow:0 2px 0 #775c551a}
.diary-page .diary-tools input{background:var(--card)}
.diary-page .diary-autonomy-status{width:fit-content;max-width:100%;margin:4px 0 16px;padding:9px 13px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--pink) 28%,var(--card));color:var(--muted);font-size:13px;line-height:1.6}
.diary-page .diary-modal-head h2{display:flex;align-items:center;gap:10px}
.ribbon-mark{color:var(--ribbon);font-family:Georgia,serif;font-weight:400;font-size:26px;line-height:1}
:root[data-theme="dark"] .diary-page .author-tabs{background:#58443c;border-color:var(--line)}
:root[data-theme="dark"] .diary-page .author-tabs button{color:var(--muted)}
:root[data-theme="dark"] .diary-page .author-tabs .selected{background:var(--mint);color:#59423c}
:root[data-theme="dark"] .diary-page .diary-paper{border-color:var(--line);border-top-color:#b39a8c}
.record-details>p,.record-main>p.expanded{font-size:16px;line-height:1.85;color:var(--text)}
.editor-form textarea,.editor-form input,.editor-form select,.unlock-card input{font-size:16px}
.editor-form label,.unlock-card label,.nav-item,.card-actions button,.list-toolbar button,.select-page{font-size:14px}
.card-actions button,.list-toolbar button{min-height:38px}
.compact-head strong{font-size:16px}.compact-head time,.record-meta,.compact-preview{font-size:12px!important}
.mobile-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
.mobile-nav a{color:var(--muted);text-decoration:none;display:grid;place-content:center;gap:3px;font-size:12px;text-align:center}
.mobile-nav button{font-size:12px}.mobile-nav a.active{color:var(--accent-deep);font-weight:750}
.diary-link{text-decoration:none}.nav-item.diary-link{display:flex}
.diary-top-actions{display:flex;gap:8px;align-items:center}
.diary-page #diary-notifications{position:relative;display:flex;align-items:center;gap:5px;width:auto;min-width:44px;padding:8px 12px;background:var(--cream);color:var(--chocolate);border:1px solid var(--line);border-radius:14px;font-size:14px}
.diary-page .notification-count{min-width:20px;padding:2px 5px;border-radius:20px;background:var(--pink);color:#59423c;font-size:12px;font-weight:700}
.diary-page .notification-item{display:grid;gap:7px;width:100%;text-align:left;padding:16px;margin-top:10px;border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--text)}
.diary-page .notification-item.unread{border-left:4px solid var(--pink)}
.notification-item span{font-size:15px;line-height:1.6;overflow-wrap:anywhere}.notification-item small{color:var(--muted);font-size:12px}
@media(max-width:620px){.diary-top{gap:8px;padding:20px 14px}.diary-brand{gap:6px}.diary-brand h1{font-size:17px}.diary-top .brand-mark{display:none}.bell-label{display:none}.diary-page #diary-notifications{padding:8px}.diary-top-actions{gap:4px}}
:focus-visible{outline:3px solid var(--accent-deep);outline-offset:3px}
@media(max-width:430px){.compact-head strong{font-size:15px}.list-toolbar-actions button,.select-page{font-size:12px}}