.diary-entry-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;margin:9px 0 2px}
.diary-header-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto!important}
.diary-header-actions #diaryOpenTags{width:auto;height:30px;padding:0 11px;border:1px solid #e2e2df;border-radius:999px;background:#fff;color:#777;font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.diary-header-actions #diaryAdd{width:36px;height:36px}
.diary-entry-tags button,.diary-selected-tags button,.diary-known-tags button{border:1px solid #e3e3e0;background:#f7f7f5;color:#666;border-radius:999px;font:500 8px/1.2 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;letter-spacing:.02em}
.diary-entry-tags button{min-height:24px;padding:5px 9px}
.diary-entry-tags button:hover{background:#ededeb;color:#222}
.diary-tag-editor{width:min(100%,860px);margin:0 auto 10px;padding:11px 0;border-bottom:1px solid #ededed}
.diary-tag-editor-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.diary-tag-editor-title span{font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:#92928f}
.diary-tag-editor-title button{border:0;background:transparent;color:#777;font-size:8px;padding:4px 0}
.diary-selected-tags,.diary-known-tags{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}
.diary-selected-tags:empty{display:none}.diary-selected-tags::-webkit-scrollbar,.diary-known-tags::-webkit-scrollbar{display:none}
.diary-selected-tags button,.diary-known-tags button{flex:0 0 auto;min-height:25px;padding:5px 9px}
.diary-selected-tags button{background:#262625;border-color:#262625;color:#fff}
.diary-known-tags{margin-top:7px}.diary-known-tags button.selected{background:#e9e9e6;color:#222}
.diary-tag-input-row{display:grid!important;grid-template-columns:1fr auto;gap:6px;margin-top:8px}
.diary-tag-input-row input{min-width:0;height:34px;border:1px solid #e1e1de;border-radius:0;background:#fafafa;padding:0 10px;outline:0;font-size:10px}
.diary-tag-input-row button{height:34px!important;border:0!important;border-radius:0!important;background:#333332!important;color:#fff!important;padding:0 14px!important;font-size:8px!important}
.diary-tag-editor>small{display:block;min-height:13px;margin-top:6px;color:#999;font-size:7px}
.diary-tag-page{position:absolute;inset:0;z-index:18;background:#fff;overflow-y:auto;padding-bottom:24px}
.diary-tag-page[hidden]{display:none}.diary-tag-page>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:13px;min-height:72px;padding:8px 2px 12px;background:rgba(255,255,255,.96);border-bottom:1px solid #ececea}
.diary-tag-page>header>button{width:34px;height:34px;border:1px solid #e4e4e1;border-radius:50%;background:#fff;color:#555;display:grid;place-items:center}
.diary-tag-page>header svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}
.diary-tag-page header small{display:block;margin-bottom:3px;font-size:7px;letter-spacing:.16em;color:#999}
.diary-tag-page header strong{font:500 19px/1.2 Georgia,"Songti SC",serif}
#diaryTagCount{margin:14px 2px 2px;font-size:8px;letter-spacing:.12em;color:#999}
.diary-tag-result{padding:15px 2px 16px;border-bottom:1px solid #ececea}
.diary-tag-index{display:grid;grid-template-columns:1fr;gap:0;margin-top:7px;border-top:1px solid #ececea}
.diary-tag-index button{min-height:52px;border:0;border-bottom:1px solid #ececea;background:#fff;color:#333;display:flex;align-items:center;justify-content:space-between;padding:0 3px;text-align:left}
.diary-tag-index button span{font:500 13px/1.2 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
.diary-tag-index button small{font-size:8px;letter-spacing:.1em;color:#aaa}
.diary-tag-result time{display:block;margin-bottom:7px;font-size:8px;letter-spacing:.09em;color:#999}
.diary-tag-result p{margin:0;white-space:pre-wrap;font-size:11px;line-height:1.7;color:#242424}
.diary-tag-result-media{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:10px}
.diary-tag-result-media img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#f2f2f0}
.diary-transcript{margin:6px 0 0;padding:9px 11px;border-left:2px solid #d7d7d3;background:#f7f7f5;color:#666;font-size:9px;line-height:1.65;white-space:pre-wrap}
.diary-transcript:before{content:"TRANSCRIPT";display:block;margin-bottom:4px;font-size:7px;letter-spacing:.14em;color:#999}
@media(max-width:430px){.diary-tag-page{padding-left:2px;padding-right:2px}.diary-tag-editor{margin-bottom:8px}}
.diary-month-picker{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:22px;background:rgba(242,242,239,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.diary-month-picker[hidden]{display:none}
.diary-month-picker-card{width:min(100%,330px);padding:18px;background:#fff;border:1px solid #e5e5e1;border-radius:22px;box-shadow:0 20px 60px rgba(30,30,28,.12)}
.diary-month-picker-card header{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;margin-bottom:14px}
.diary-month-picker-card header strong{text-align:center;font:500 24px/1.1 Georgia,"Times New Roman",serif;color:#2b2b2a}
.diary-month-picker-card header button{width:38px;height:38px;border:0;border-radius:50%;background:#f5f5f3;color:#555;font-size:24px;font-weight:300}
.diary-month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.diary-month-grid button{height:42px;border:1px solid transparent;border-radius:12px;background:#f6f6f4;color:#777;font:500 9px/1 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;letter-spacing:.1em}
.diary-month-grid button.selected{background:#292928;color:#fff}
.diary-month-picker-card footer{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}
.diary-month-picker-card footer button{height:38px;border:1px solid #e2e2df;border-radius:999px;background:#fff;color:#777;font-size:9px;letter-spacing:.06em}
.diary-month-picker-card footer button:first-child{background:#ededeb;border-color:#ededeb;color:#333}
.diary-trash-result>button{margin-top:11px;height:30px;padding:0 14px;border:1px solid #dededb;border-radius:999px;background:#f5f5f3;color:#555;font-size:8px;letter-spacing:.08em;text-transform:uppercase}
