.diary-menu{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:transparent;padding:0;box-shadow:none}.diary-menu button{background:#fff;box-shadow:var(--shadow);min-height:76px;font-size:25px}.diary-menu button span{display:block;font-size:12px;line-height:1.2;margin-top:5px}.diary-menu .active{background:var(--hot)}.entry-kind{display:flex;gap:6px;margin:15px 0 5px}.entry-kind button{flex:1;border:0;background:#fff;padding:10px 4px;border-radius:13px;font-size:13px;font-weight:800;box-shadow:var(--shadow)}.entry-kind .active{background:#233765;color:#fff}.photo-add{display:flex;align-items:center;gap:14px;background:#fff;border-radius:19px;padding:17px;box-shadow:var(--shadow);font-size:31px}.photo-add span{display:block}.photo-add b,.photo-add small{display:block;font-size:14px}.photo-add small{font-weight:400;margin-top:4px}.photo-add input{position:absolute;opacity:0;pointer-events:none}.diary-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.diary-photo{position:relative;border-radius:17px;overflow:hidden;background:#fff;box-shadow:var(--shadow);aspect-ratio:1}.diary-photo img{width:100%;height:100%;object-fit:cover}.diary-photo button{position:absolute;right:7px;top:7px;width:31px;height:31px;border:0;border-radius:50%;background:#fff;color:var(--hot);font-size:18px}.diary-private{font-size:14px}
.diary-list-filter { margin: 18px 0 12px; padding: 13px; border-radius: 18px; background: #fff5fb; box-shadow: var(--shadow); }
.diary-list-filter small { display: block; margin-bottom: 9px; color: #77546a; font-weight: 800; }
.diary-list-filter div { display: grid; grid-template-columns: 1.2fr repeat(4,1fr); gap: 6px; margin-bottom: 8px; }
.diary-list-filter button { border: 2px solid #f3c5df; border-radius: 13px; background: #fff; color: var(--ink); padding: 9px 5px; font-weight: 800; }
.diary-list-filter > button { width: calc(50% - 4px); }
.diary-list-filter > button:last-child { margin-left: 4px; }
.diary-list-filter button.selected { background: #ffe0ef; color: var(--hot); }
.page-draft-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: -4px 2px 12px; }
.page-draft-row small { color: #77546a; line-height: 1.35; }
.page-draft-row button { flex: 0 0 auto; border: 0; background: transparent; color: var(--hot); padding: 7px 0; font-weight: 800; }
.page-starter-prompts { margin: 10px 0 12px; }
.page-starter-prompts small { display: block; margin: 0 2px 8px; color: #77546a; font-weight: 800; }
.page-starter-prompts div { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.page-starter-prompts button { border: 2px solid #f3c5df; border-radius: 14px; background: #fff6fb; color: var(--ink); padding: 10px 7px; font-weight: 800; }
.page-entry-search { margin: 10px 0 12px; }
.page-entry-search div { display: flex; gap: 7px; }
.page-entry-search input { min-width: 0; flex: 1; border: 2px solid #e9c5df; border-radius: 15px; background: #fff; padding: 11px 12px; font: inherit; color: var(--ink); }
.page-entry-search button { border: 0; border-radius: 14px; background: #ffe5f1; color: var(--hot); padding: 9px 12px; font-weight: 800; }
.page-entry-search small { display: block; margin: 6px 3px 0; color: #77546a; }
.entries [data-diary-entry][hidden] { display: none; }
.photo-gallery-tools { display: flex; gap: 8px; margin: 12px 0; }
.photo-gallery-tools input { min-width: 0; flex: 1; border: 2px solid #e8c8de; border-radius: 15px; background: #fff; padding: 11px; font: inherit; color: var(--ink); }
.photo-gallery-tools button,.favorite-photo { border: 2px solid #efbfd8; border-radius: 15px; background: #fff5fa; color: var(--hot); padding: 10px; font-weight: 800; }
.photo-gallery-tools button.selected,.favorite-photo.selected { background: #ffddec; }
.diary-photo .open-diary-photo { position: relative; inset: auto; width: 100%; height: 100%; border-radius: 0; display: flex; }
.open-diary-photo i { position: absolute; left: 8px; top: 8px; width: 29px; height: 29px; display: grid; place-items: center; border-radius: 50%; background: #fff; color: var(--hot); font-style: normal; }
.favorite-photo { width: 100%; margin: 12px 0 0; }
.new-diary-details { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 10px 0; }
.new-diary-details>input,.new-diary-details label { min-width: 0; }
.new-diary-details>input,.new-diary-details label input,.diary-list-tools select { width: 100%; border: 2px solid #e8c8de; border-radius: 14px; background: #fff; padding: 10px; color: var(--ink); font: inherit; box-sizing: border-box; }
.new-diary-details label span { display: block; margin: 0 3px 4px; color: #77546a; font-size: 12px; font-weight: 800; }
.diary-list-tools { display: flex; align-items: center; justify-content: space-between; gap: 9px; margin: 12px 0 8px; padding: 10px; border-radius: 16px; background: #fff4fa; }
.diary-list-tools span { color: #77546a; font-size: 13px; font-weight: 800; }
.diary-list-tools select { width: auto; flex: 1; max-width: 210px; }
@media (max-width: 390px) { .new-diary-details { grid-template-columns: 1fr; } }
.new-diary-tags,.diary-entry-tags { display: grid; gap: 6px; margin: 8px 0 12px; color: #77546a; font-size: 13px; font-weight: 800; }
.new-diary-tags input,.diary-entry-tags input,#diaryTagFilter { min-width: 0; border: 2px solid #e8c8de; border-radius: 14px; background: #fff; padding: 10px; color: var(--ink); font: inherit; }
.diary-list-tools { flex-wrap: wrap; }
#diaryTagFilter { flex-basis: 100%; }
.diary-entry-tags-list { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.diary-entry-tags-list span { border-radius: 999px; background: #f2eaff; color: #66517d; padding: 4px 8px; font-size: 12px; font-weight: 800; }
.page-diary-details { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 12px 0 8px; }
.page-diary-details input,.page-diary-tags input { width: 100%; min-width: 0; box-sizing: border-box; border: 2px solid #e8c8de; border-radius: 14px; background: #fff; padding: 10px; color: var(--ink); font: inherit; }
.page-diary-details label span,.page-diary-tags>span { display: block; margin: 0 3px 5px; color: #77546a; font-size: 13px; font-weight: 800; }
.page-diary-tags { display: block; margin-bottom: 10px; }
@media (max-width: 390px) { .page-diary-details { grid-template-columns: 1fr; } }
.page-saved-tools { display: grid; grid-template-columns: 1fr auto; gap: 8px; margin: 18px 0 9px; }
.page-saved-tools input,.page-saved-tools select { min-width: 0; border: 2px solid #e8c8de; border-radius: 14px; background: #fff; padding: 10px; color: var(--ink); font: inherit; }
.page-search-empty { margin-top: 9px; }
@media (max-width: 390px) { .page-saved-tools { grid-template-columns: 1fr; } }
.diary-tag-cloud { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0; }
.diary-tag-cloud>button { display: grid; gap: 3px; border: 2px solid #ead1e3; border-radius: 17px; background: #fff; padding: 10px 13px; color: var(--ink); text-align: left; box-shadow: var(--shadow); }
.diary-tag-cloud>button span { color: var(--hot); font-weight: 900; }
.diary-tag-cloud>button small { color: #77677e; }
.diary-tag-heading { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin: 18px 0 8px; }
.diary-tag-heading h2 { margin: 0; color: var(--ink); }
.diary-tag-heading>div { display: flex; gap: 6px; }
.diary-tag-heading button { border: 0; border-radius: 12px; background: #f2eaff; color: #645175; padding: 8px 10px; font-weight: 800; }
.diary-tag-heading #deleteDiaryTag { background: #fff0f5; color: #a22d61; }
.diary-entry-folder { display: grid; gap: 6px; margin: 8px 0 12px; color: #77546a; font-size: 13px; font-weight: 800; }
.diary-entry-folder select { width: 100%; border: 2px solid #e8c8de; border-radius: 14px; background: #fff; padding: 10px; color: var(--ink); font: inherit; }
.diary-folder-chip { background: #ffeaf3 !important; color: #a02963 !important; }
.diary-folder-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin: 14px 0; }
.diary-folder-grid>button { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 3px 8px; border: 0; border-radius: 18px; background: #fff; padding: 13px; color: var(--ink); text-align: left; box-shadow: var(--shadow); }
.diary-folder-grid>button span { grid-row: 1 / 3; font-size: 28px; }
.diary-folder-grid>button small { color: #77677e; }
.diary-folder-heading { margin: 18px 0 8px; }
.diary-folder-heading h2 { margin: 0 0 8px; }
.diary-folder-heading>div { display: flex; gap: 7px; }
.diary-folder-heading button { border: 0; border-radius: 12px; background: #f2eaff; color: #645175; padding: 9px 10px; font-weight: 800; }
.diary-folder-heading #deleteDiaryFolder { background: #fff0f5; color: #a22d61; }
.folder-list-tools, .folder-entry-tools { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin: 14px 0; }
.folder-list-tools label, .folder-entry-tools label { display: grid; gap: 5px; color: #77546a; font-size: 13px; font-weight: 800; }
.folder-list-tools input, .folder-list-tools select, .folder-entry-tools input, .folder-entry-tools select { min-width: 0; width: 100%; border: 2px solid #e8c8de; border-radius: 14px; background: #fff; padding: 10px; color: var(--ink); font: inherit; }
.diary-folder-grid>button.selected { outline: 3px solid #ef7eb2; background: #fff3f8; }
.folder-bulk-bar { margin: 10px 0 12px; }
.folder-bulk-bar>button, .folder-bulk-bar div button { border: 0; border-radius: 13px; background: #f2eaff; color: #645175; padding: 10px 12px; font-weight: 800; }
.folder-bulk-bar>div { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; border-radius: 17px; background: #fff3f8; padding: 10px; }
.folder-bulk-bar>div[hidden] { display: none; }
.folder-bulk-bar span { color: #9b2860; font-size: 14px; font-weight: 900; }
.folder-bulk-bar select { flex: 1; min-width: 130px; border: 2px solid #e8c8de; border-radius: 12px; background: #fff; padding: 9px; color: var(--ink); font: inherit; }
.folder-bulk-bar button:disabled { opacity: .45; }
.folder-bulk-bar #removeFolderEntries { background: #fff0f5; color: #a22d61; }
.folder-select-entry { display: grid; grid-template-columns: auto 1fr; gap: 11px; align-items: start; margin: 9px 0; border: 2px solid #efd7e6; border-radius: 18px; background: #fff; padding: 13px; box-shadow: var(--shadow); }
.folder-select-entry input { width: 22px; height: 22px; accent-color: var(--hot); }
.folder-select-entry span { min-width: 0; }
.folder-select-entry small, .folder-select-entry strong { display: block; }
.folder-select-entry small { color: #876779; }
.folder-select-entry p { margin: 7px 0 0; color: var(--ink); overflow-wrap: anywhere; }
.diary-overview-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin: 12px 0 18px; }
.diary-overview-stats div { display: grid; place-items: center; gap: 3px; min-width: 0; border-radius: 18px; background: linear-gradient(145deg,#fff,#fff1f7); padding: 13px 5px; box-shadow: var(--shadow); text-align: center; }
.diary-overview-stats b { color: var(--hot); font-size: 24px; }
.diary-overview-stats span { color: #685777; font-size: 12px; font-weight: 800; }
.diary-overview-block { margin: 18px 0; }
.diary-overview-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.diary-overview-heading h2 { margin: 0; color: var(--ink); font-size: 20px; }
.diary-overview-heading button { border: 0; border-radius: 12px; background: #f2eaff; color: #645175; padding: 8px 10px; font-weight: 800; }
.diary-overview-folders { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.diary-overview-folders>button { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 2px 8px; border: 0; border-radius: 17px; background: #fff; padding: 12px; color: var(--ink); text-align: left; box-shadow: var(--shadow); }
.diary-overview-folders>button span { grid-row: 1 / 3; font-size: 25px; }
.diary-overview-folders>button small { color: #77677e; }
@media (max-width: 390px) { .folder-list-tools, .folder-entry-tools { grid-template-columns: 1fr; } }
.new-diary-folder-picker { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 8px; margin: 8px 0 12px; }
.new-diary-folder-picker label { min-width: 0; color: #77546a; font-size: 13px; font-weight: 800; }
.new-diary-folder-picker label span { display: block; margin: 0 3px 5px; }
.new-diary-folder-picker select { width: 100%; border: 2px solid #e8c8de; border-radius: 14px; background: #fff; padding: 10px; color: var(--ink); font: inherit; }
.new-diary-folder-picker button { border: 0; border-radius: 14px; background: #f2eaff; color: #645175; padding: 11px 10px; font-weight: 800; }
.photo-gallery-tools { flex-wrap: wrap; }
.photo-gallery-tools input { flex-basis: 100%; }
.photo-gallery-tools select { flex: 1; min-width: 135px; border: 2px solid #e8c8de; border-radius: 15px; background: #fff; padding: 10px; color: var(--ink); font: inherit; }
.diary-photo.chosen { outline: 4px solid var(--hot); outline-offset: -4px; }
.diary-photo .select-photo { background: var(--hot); color: #fff; font-weight: 900; }
.photo-date-label { display: grid; gap: 7px; margin-top: 12px; }
.photo-date-label input { border: 2px solid #e8c8de; border-radius: 14px; padding: 11px; background: #fff; color: var(--ink); font: inherit; }
.photo-mood { margin-top: 14px; }
.photo-mood>div { display: flex; gap: 8px; margin-top: 8px; }
.photo-mood button { flex: 1; border: 2px solid #efd3e4; border-radius: 14px; background: #fff7fb; padding: 9px 4px; font-size: 22px; }
.photo-mood button.selected { background: #ffddec; border-color: var(--hot); }
.photo-extra-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 9px; }
.photo-extra-actions button { border: 0; border-radius: 14px; background: #f4eafd; color: var(--ink); padding: 11px 7px; font-weight: 800; }
.photo-album-label { display: grid; gap: 7px; margin-top: 12px; }
.photo-album-label select { border: 2px solid #e8c8de; border-radius: 14px; padding: 11px; background: #fff; color: var(--ink); font: inherit; }
.photo-note-prompts { margin-top: 14px; }
.photo-note-prompts small { color: #77546a; font-weight: 800; }
.photo-note-prompts>div { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 7px; }
.photo-note-prompts button { border: 0; border-radius: 14px; background: #fff0f7; color: var(--ink); padding: 9px; font-weight: 750; }

/* Bildtexter är personligt innehåll och ska alltid gå att läsa i sin helhet. */
#photo-gallery .open-diary-photo { height: auto; }
#photo-gallery .open-diary-photo small {
  height: auto;
  min-height: 36px;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
  line-height: 1.35;
}