/* A focused collection, reading canvas, and editor. Locally served, no UI framework. */
body.anchor-chat #overlay-root #anchorLockPanel.anchor-lock-panel.lock-panel.lock-panel--bottom-sheet { background:#f8f9fc; border:1px solid #e3e7ee; box-shadow:0 20px 64px #14223724; border-radius:24px; width:min(620px,calc(100vw - 32px)) !important; max-width:620px !important; left:calc(50% - 310px) !important; right:auto !important; margin:0 !important; top:8px !important; bottom:auto !important; height:calc(var(--vvh, 100dvh) - 16px) !important; max-height:calc(var(--vvh, 100dvh) - 16px) !important; transform:none !important; color:#1c293c; }
#anchorLockPanel .lock-panel__handle { display:none; }
#anchorLockPanel .lock-panel__header { min-height:68px; padding:14px 22px; box-sizing:border-box; background:#fff; border-bottom:1px solid #e8ecf2; }
#anchorLockPanel .lock-panel__title { font-size:18px; font-weight:650; letter-spacing:.01em; }
#anchorLockPanel .lock-panel__header .icon-btn { width:40px; height:40px; border-radius:12px; }
#anchorLockPanel #anchorLockContentScroll { padding:22px; }
.lock-collection-intro > p { margin:0 0 6px; font-size:25px; font-weight:650; letter-spacing:-.03em; }
.lock-collection-intro > span { font-size:13px; line-height:1.7; color:#6a7587; }
.lock-collection-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:18px 0 12px; }
#anchorLockPanel #anchorLockLoadStatus { padding:0; margin:0; font-size:12px; color:#728096; }
#anchorLockRetry { border:0; background:transparent; color:#4269ba; padding:8px; cursor:pointer; }
#anchorLockPanel .anchor-lock-panel-cards { display:grid; gap:12px; }
#anchorLockPanel .anchor-lock-card { background:#fff; border:1px solid #e2e7ef; border-radius:16px; padding:18px; box-shadow:0 2px 4px #17243b03; transition:border-color .16s ease, box-shadow .16s ease; }
#anchorLockPanel .anchor-lock-card:hover { border-color:#8aa5dd; box-shadow:0 4px 12px #2c4d8710; }
.lock-card-label { font-size:10px; font-weight:600; letter-spacing:.07em; color:#5574a6; }
.lock-card-title { font-size:16px; font-weight:650; line-height:1.6; margin:6px 0; overflow-wrap:anywhere; }
#anchorLockPanel .anchor-lock-card-text { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:13px; line-height:1.7; color:#6d788b; }
#anchorLockPanel .anchor-lock-card-hint { margin:12px 0 0; font-size:11px; color:#8a94a4; }
.lock-collection-footer { flex:0 0 auto; padding:16px 22px max(18px,env(safe-area-inset-bottom)); background:#fff; border-top:1px solid #e8ecf2; }
.lock-collection-footer > button, #anchorLockPanel .lock-panel__add-save, #anchorLockPanel .lock-detail__edit-save { border:0; border-radius:12px; min-height:46px; padding:10px 20px; color:#fff; background:#355fb0; font-size:14px; font-weight:600; cursor:pointer; }
.lock-collection-footer > button { width:100%; }
.lock-collection-footer > span { display:block; text-align:center; margin-top:10px; color:#8993a3; font-size:11px; }
#anchorLockPanel[data-view="list"] .lock-panel__input-section { display:none !important; }
#anchorLockPanel:not([data-view="list"]) .lock-collection-footer, #anchorLockPanel:not([data-view="list"]) .lock-collection-intro, #anchorLockPanel:not([data-view="list"]) .lock-collection-meta { display:none; }
#anchorLockPanel[data-view="create"] #anchorLockContentScroll { display:none !important; }
#anchorLockPanel[data-view="create"] .lock-panel__input-section { display:flex !important; flex-direction:column; flex:1 1 auto; min-height:0; padding:22px; background:#fff; }
#anchorLockPanel[data-view="create"] #anchorLockAddInput { flex:1 1 auto; min-height:100px; height:auto !important; max-height:none; border:1px solid #dfe5ee; border-radius:14px; padding:16px; resize:none; line-height:1.85; background:#fbfcff; }
#anchorLockPanel .lock-panel__add-actions { flex:0 0 auto; padding-top:12px; }
#anchorLockPanel .lock-panel__add-cancel, #anchorLockPanel .lock-detail__edit-cancel { min-height:44px; padding:10px 18px; border-radius:12px; color:#657289; }
#anchorLockPanel[data-view="detail"] #anchorLockContentScroll { background:#fff; }
#anchorLockPanel .lock-detail-content { border:0; background:transparent; box-shadow:none; padding:0; }
#anchorLockPanel .lock-detail-content::before { display:none; }
#anchorLockPanel #anchorLockDetailBody { font-size:16px; line-height:1.9; color:#28374c; padding:0 0 24px; }
#anchorLockPanel .lock-detail__tag { font-size:11px; color:#7d8ba0; margin:0 0 18px; }
#anchorLockPanel .lock-detail__copy-link { display:inline-block; min-height:42px; padding:10px 16px; border:1px solid #dfe6f0; border-radius:10px; background:#f8faff; margin:4px 8px 8px 0; color:#385f9f; }
#anchorLockPanel[data-view="edit"] #anchorLockContentScroll { display:flex !important; flex-direction:column; overflow:hidden !important; }
#anchorLockPanel[data-view="edit"] #anchorLockDetailWrap, #anchorLockPanel[data-view="edit"] .lock-detail-content, #anchorLockPanel[data-view="edit"] #anchorLockDetailEditWrap { flex:1 1 auto; min-height:0 !important; display:flex; flex-direction:column; }
#anchorLockPanel[data-view="edit"] #anchorLockDetailEdit { flex:1 1 auto; min-height:100px; height:auto; border:1px solid #dce4ef; border-radius:12px; background:#fff; padding:14px; resize:none; line-height:1.85; }
#anchorLockPanel .lock-detail__edit-actions { background:transparent; flex:0 0 auto; }
#anchorLockSaveStatus, #anchorLockEditStatus { font-size:12px; line-height:1.6; color:#a04435; margin:8px 0 0; flex:0 0 auto; }
#anchorLockPanel .lock-reading-actions {display:none;flex:0 0 auto;padding:14px 22px max(14px,env(safe-area-inset-bottom));gap:12px;border-top:1px solid #e5eaf2;background:#fff;}
#anchorLockPanel[data-view="detail"] .lock-reading-actions {display:flex;}
#anchorLockPanel .lock-reading-actions button {flex:1;min-height:44px;position:static !important;float:none !important;margin:0 !important;border:1px solid #dbe4f1;border-radius:12px;background:#f3f7fd;color:#3c609b;font-size:14px;cursor:pointer;}
#anchorLockPanel .lock-reading-actions button:first-child {background:#355fb0;color:#fff;border-color:#355fb0;}
@media(max-width:650px){body.anchor-chat #overlay-root #anchorLockPanel.anchor-lock-panel.lock-panel.lock-panel--bottom-sheet { width:calc(100vw - 16px) !important; max-width:calc(100vw - 16px) !important; left:8px !important; right:8px !important; margin:0 !important; } #anchorLockPanel #anchorLockContentScroll {padding:18px;} }
html[data-theme="dark"] #overlay-root #anchorLockPanel {background:#19212e;color:#e3eaf5;border-color:#354156;}
html[data-theme="dark"] #anchorLockPanel .lock-panel__header, html[data-theme="dark"] .lock-collection-footer, html[data-theme="dark"] #anchorLockPanel .anchor-lock-card, html[data-theme="dark"] #anchorLockPanel[data-view="detail"] #anchorLockContentScroll, html[data-theme="dark"] #anchorLockPanel[data-view="create"] .lock-panel__input-section {background:#202b3b;border-color:#354156;}
html[data-theme="dark"] #anchorLockPanel #anchorLockDetailBody {color:#d6e1f0;}
html[data-theme="dark"] #anchorLockPanel #anchorLockAddInput, html[data-theme="dark"] #anchorLockPanel #anchorLockDetailEdit {background:#182230;color:#e3eaf5;border-color:#3c4b62;}