body.librarian-dashboard{min-height:100vh;background:radial-gradient(ellipse at 50% 0%,#f8f4e9 0%,#eee8d8 62%,#e7e2d1 100%);color:#514a3d}
.librarian-wrap{width:min(900px,calc(100% - 32px));margin:0 auto;padding:26px 0 34px}
.librarian-back{display:inline-block;color:#526b4e;text-decoration:none;font:13px Lora,serif}
.librarian-back:hover{text-decoration:underline}
.librarian-heading{text-align:center;padding:28px 12px 24px}
.librarian-flourish{font:42px Georgia,serif;color:#72856a;line-height:1}
.librarian-heading .eyebrow{margin:12px 0 7px}
.librarian-heading h1{margin:0;color:#344b36;font:500 clamp(34px,7vw,54px)/1.1 "Playfair Display",serif}
.librarian-subtitle{margin:10px 0 0;color:#817968;font:14px/1.7 Lora,serif}
.librarian-panel{background:#fbf8ef;border:1px solid #d9cdb7;box-shadow:0 18px 55px #3d4b3415;padding:clamp(22px,5vw,42px);margin:0 auto 22px;max-width:790px}
.librarian-panel h2{margin:0 0 8px;color:#405b42;font:500 clamp(26px,5vw,34px)/1.2 "Playfair Display",serif}
.librarian-copy{color:#817968;font:13px/1.75 Lora,serif;margin:8px 0 20px}
.librarian-login-form{display:grid;gap:14px;max-width:500px}
.librarian-login-form label{display:grid;gap:7px;color:#52634a;font:12px Lora,serif}
.librarian-login-form input{width:100%;padding:13px 14px;border:1px solid #d9cdb7;background:#fffdf8;color:#514a3d;font:14px Lora,serif;outline-color:#72856a}
.librarian-login-form .primary-button{margin-top:5px;max-width:250px}
.librarian-status{min-height:1.5em;color:#817968;font:11px/1.6 Lora,serif;margin:14px 0 0}
.librarian-status.error{color:#9a493d}
.inbox-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.inbox-topline .quiet-button{white-space:nowrap}
.inbox-summary{display:flex;gap:12px;margin:22px 0}
.inbox-summary>div{flex:1;display:grid;gap:3px;padding:13px 16px;background:#eee8d9;border:1px solid #d9cdb7}
.inbox-summary strong{color:#405b42;font:600 26px "Playfair Display",serif}
.inbox-summary span{color:#817968;font:11px Lora,serif}
.inbox-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid #d9cdb7}
.inbox-filters{display:flex;gap:6px;flex-wrap:wrap}
.inbox-filter{border:1px solid #d1c7b2;border-radius:20px;padding:8px 13px;background:transparent;color:#52634a;font:11px Lora,serif;cursor:pointer}
.inbox-filter.active{background:#405b42;color:#fffaf0;border-color:#405b42}
.letter-list{display:grid;gap:12px;margin-top:16px}
.reader-letter{padding:17px;background:#f3eee2;border:1px solid #d9cdb7}
.reader-letter.is-read{opacity:.76}
.reader-letter-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#52634a;font:12px Lora,serif}
.reader-letter-head time{color:#998d77;font-size:10px}
.reader-letter>p{white-space:pre-wrap;overflow-wrap:anywhere;color:#514a3d;font:13px/1.8 Lora,serif;margin:12px 0}
.letter-actions{display:flex;gap:8px;flex-wrap:wrap}
.letter-actions .quiet-button{font-size:10px;padding:7px 11px}
.inbox-footnote{text-align:center;color:#998d77;font:10px/1.6 Lora,serif;margin:20px 0 0}
.librarian-footer{text-align:center;color:#998d77;font:11px/1.8 Lora,serif;padding:10px}
[hidden]{display:none!important}
@media(max-width:560px){.librarian-wrap{width:min(100% - 22px,900px);padding-top:18px}.librarian-heading{padding:24px 8px 20px}.inbox-topline{flex-direction:column}.inbox-summary{gap:8px}.inbox-summary>div{padding:11px}.librarian-panel{padding:22px 17px}.librarian-login-form .primary-button{max-width:none}}

.librarian-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 18px;padding-bottom:14px;border-bottom:1px solid #d9cdb7}.librarian-tab{border:1px solid #d1c7b2;border-radius:22px;padding:9px 16px;background:transparent;color:#52634a;font:12px Lora,serif;cursor:pointer}.librarian-tab.active{background:#405b42;color:#fffaf0;border-color:#405b42}.admin-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.admin-section-heading h2{margin-bottom:4px}.admin-add{width:auto;padding:11px 16px}.admin-list{display:grid;gap:10px;margin-top:16px}.admin-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background:#f3eee2;border:1px solid #d9cdb7}.admin-item strong{display:block;color:#405b42;font:15px 'Playfair Display',serif}.admin-item small{display:block;color:#998d77;font:10px Lora,serif;margin-top:5px}.admin-item-actions{display:flex;gap:7px;flex-wrap:wrap}.admin-item-actions button,.admin-editor-actions button{width:auto;margin:0;padding:9px 12px}.admin-editor{margin-top:20px;padding:22px;background:#f3eee2;border:1px solid #d9cdb7}.admin-editor h3{margin:0 0 15px;color:#405b42;font:24px 'Playfair Display',serif}.admin-editor label{display:block;margin:13px 0;color:#52634a;font:12px Lora,serif}.admin-editor input:not([type=checkbox]),.admin-editor textarea{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid #d5c9b2;background:#fffdf7;color:#403a30;font:13px Lora,serif}.admin-editor input[type=file]{padding:8px}.admin-editor label small{display:block;color:#998d77;font-size:10px;margin-top:5px}.admin-editor .admin-check{display:flex;align-items:center;gap:9px}.admin-editor-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.frame-preview-list{display:flex;gap:9px;flex-wrap:wrap}.frame-preview{width:76px;height:100px;object-fit:cover;border:2px solid #d1c7b2}.frame-preview-wrap{position:relative;cursor:grab}.frame-preview-wrap small{display:block;text-align:center;color:#817968;font:10px Lora,serif}.frame-preview-wrap button{position:absolute;right:-5px;top:-6px;border:0;border-radius:50%;background:#405b42;color:white;width:21px;height:21px;cursor:pointer}@media(max-width:560px){.admin-item{align-items:flex-start;flex-direction:column}.admin-item-actions{width:100%}.admin-item-actions button{flex:1}}
