.bookmark-header-tools{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}
header .bookmark-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;width:146px;padding:7px 9px;border:1px solid #a78a53;border-radius:6px;background:#ffffff08;color:#f3e6c9;font:12px/1.3 Arial,sans-serif;cursor:pointer}
header .bookmark-trigger svg{width:20px;height:20px;flex-shrink:0;fill:#d1b580;stroke:#e4cf9e;stroke-width:1;filter:drop-shadow(0 1px 2px #0006)}
header .bookmark-trigger:hover{background:#ffffff16;border-color:#e4cf9e;color:#fff8e5}
header .bookmark-trigger:focus-visible{outline:3px solid #e4cf9e;outline-offset:3px}
dialog.bookmark-dialog{box-sizing:border-box;width:460px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);margin:auto;padding:25px;border:1px solid #b99a63;border-top:3px solid #b99a63;border-radius:10px;background:#fcf8ee;color:#342b27;box-shadow:0 20px 80px #24130d55;font:16px/1.6 Arial,sans-serif;overflow:auto}
dialog.bookmark-dialog::backdrop{background:#211614a6;backdrop-filter:blur(3px)}
.bookmark-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px}
.bookmark-heading h2{margin:0;color:#4c2c2b;font:27px/1.2 Georgia,serif}
.bookmark-close{flex-shrink:0;width:44px;height:44px;border:0;background:transparent;color:#4c2c2b;font:28px/1 Arial,sans-serif;cursor:pointer}
.bookmark-instruction{margin:0 0 14px;font-size:18px;line-height:1.6}
.bookmark-note{margin:0 0 22px;color:#716455;font-size:14px;line-height:1.5}
.bookmark-done{display:block;min-height:44px;min-width:115px;margin-left:auto;padding:10px 20px;border:1px solid #4c2c2b;border-radius:5px;background:#4c2c2b;color:#fcf8ee;font:15px/1.4 Arial,sans-serif;cursor:pointer}
.bookmark-done:hover{background:#65403a}.bookmark-close:hover{background:#ece2cf;border-radius:5px}
.bookmark-dialog button:focus-visible{outline:3px solid #795a32;outline-offset:3px}
@media(max-width:760px){header .bookmark-trigger{width:100px;gap:5px;padding:5px;font-size:11px}header .bookmark-trigger svg{width:17px;height:17px}.bookmark-header-tools{gap:3px}dialog.bookmark-dialog{padding:19px}.bookmark-heading h2{font-size:24px}}
@media(max-width:380px){.topbar:has(.bookmark-header-tools) .brand{gap:8px;font-size:19px}}