/* A personal, browser-local library, shared by worlds and authored pages. */
#pins-dialog {
  --pins-cream:#faf7ef; --pins-paper:#fffdf8; --pins-ink:#14312e;
  --pins-muted:#657970; --pins-teal:#08766c; --pins-orange:#ff8b17;
  box-sizing:border-box; width:min(1060px,calc(100% - 48px)); max-width:none;
  max-height:min(88dvh,800px); margin:auto; padding:0; border:1px solid #ffffff80;
  border-radius:26px; background:var(--pins-paper); color:var(--pins-ink);
  font-family:'DM Sans',ui-sans-serif,system-ui,sans-serif;
  box-shadow:0 35px 110px #04241b55; overflow:hidden;
}
#pins-dialog::backdrop { background:#062d28b3; backdrop-filter:blur(8px); }
#pins-dialog[open] { display:flex; animation:pins-arrive .2s ease-out; }
#pins-dialog *,#pins-dialog *::before,#pins-dialog *::after { box-sizing:border-box; }
#pins-dialog [hidden] { display:none !important; }
#pins-dialog .icon { display:block; width:20px; height:20px; flex:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; fill:none; }
#pins-dialog :is(button,input,select) { font:inherit; }
#pins-dialog button { cursor:pointer; border:0; }
#pins-dialog :is(button,a,input,select):focus-visible { outline:3px solid var(--pins-orange); outline-offset:3px; }
#pins-dialog .pins-shell { display:flex; flex-direction:column; width:100%; min-width:0; min-height:0; max-height:min(88dvh,800px); overflow:hidden; }
#pins-dialog .pins-header { flex:none; display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:start; gap:24px; padding:27px 28px 24px; background:linear-gradient(115deg,#faf4e8,#edf3e9); }
#pins-dialog .pins-heading { min-width:0; align-self:center; }
#pins-dialog .pins-kicker { margin:0 0 9px; color:var(--pins-teal); font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
#pins-dialog .pins-heading h2 { margin:0; font:900 clamp(30px,3.7vw,46px)/1.08 'Nunito',ui-sans-serif,system-ui,sans-serif; letter-spacing:-.045em; color:var(--pins-ink); }
#pins-dialog .pins-heading h2 span { color:var(--pins-orange); }
#pins-dialog .pins-heading h2:focus { outline:none; }
#pins-dialog .pins-total { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; min-width:75px; min-height:84px; padding:8px 14px 16px; background:#ffd7a4; color:var(--pins-ink); clip-path:polygon(0 0,100% 0,100% 100%,50% 87%,0 100%); transform:rotate(5deg); }
#pins-dialog .pins-total strong { font:900 30px/1 'Nunito',sans-serif; letter-spacing:-.04em; }
#pins-dialog .pins-total span { font-size:10px; font-weight:700; }
#pins-dialog .pins-close { flex:none; display:grid; place-items:center; width:44px; height:44px; border-radius:50%; color:var(--pins-ink); background:#fffdf8; transition:background .15s; }
#pins-dialog .pins-close:hover { background:#f7dcc7; }
#pins-dialog .pins-workspace { display:grid; grid-template-columns:175px minmax(0,1fr); flex:1; min-height:0; overflow:hidden; }
#pins-dialog.pins-is-empty .pins-workspace { grid-template-columns:minmax(0,1fr); }
#pins-dialog .pins-sidebar { min-width:0; padding:25px 14px 20px 22px; background:var(--pins-cream); overflow-y:auto; }
#pins-dialog .pins-sidebar-title { margin:0 0 14px 9px; font-size:11px; font-weight:700; color:var(--pins-muted); }
#pins-dialog .pins-filters { display:flex; flex-direction:column; gap:6px; }
#pins-dialog .pins-filter { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:44px; padding:11px 12px; border-radius:13px; background:transparent; color:#4f6b60; font-size:12px; font-weight:700; text-align:left; white-space:nowrap; }
#pins-dialog .pins-filter:hover { background:#e4ece1; }
#pins-dialog .pins-filter[aria-pressed=true] { background:var(--pins-teal); color:white; }
#pins-dialog .pins-filter em { display:grid; place-items:center; min-width:23px; height:23px; padding:0 4px; border-radius:50%; background:#ffffff70; color:var(--pins-ink); font-style:normal; font-size:10px; }
#pins-dialog .pins-main { display:flex; flex-direction:column; min-width:0; min-height:0; }
#pins-dialog .pins-toolbar { display:flex; align-items:flex-end; gap:12px; padding:22px 24px 0; flex:none; }
#pins-dialog .pins-search { flex:1; min-width:0; display:flex; align-items:center; gap:10px; padding:0 13px; height:46px; border:1px solid #dce4d9; border-radius:13px; background:#fff; color:var(--pins-teal); cursor:text; }
#pins-dialog .pins-search .icon { width:17px; height:17px; }
#pins-dialog .pins-search:focus-within { outline:2px solid #87bda9; outline-offset:2px; }
#pins-dialog .pins-search input { min-width:0; width:100%; height:100%; padding:0; border:0; border-radius:0; outline:none; background:transparent; color:var(--pins-ink); font-size:13px; }
#pins-dialog .pins-search input::placeholder { color:#7c8a82; }
#pins-dialog .pins-sort { display:flex; flex-direction:column; gap:5px; width:150px; flex:none; }
#pins-dialog .pins-sort > span { font-size:10px; font-weight:700; color:var(--pins-muted); }
#pins-dialog .pins-sort select { width:100%; min-height:46px; border:1px solid #dce4d9; border-radius:13px; padding:8px; background:#fff; color:var(--pins-ink); font-size:12px; }
#pins-dialog .pins-result-status { flex:none; margin:12px 24px 0; color:var(--pins-muted); font-size:11px; }
#pins-dialog .pins-results { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#b4c9bd transparent; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-content:start; grid-auto-rows:min-content; gap:13px; padding:15px 24px 24px; }
#pins-dialog .pins-card { position:relative; min-width:0; border:1px solid #e2e8df; border-radius:15px; background:white; overflow:hidden; transition:background .15s,border-color .15s; }
#pins-dialog .pins-card:hover { background:#f6f8f1; border-color:#a9cdbb; }
#pins-dialog .pins-card:focus-within { outline:2px solid var(--pins-orange); outline-offset:2px; }
#pins-dialog .pins-open { width:100%; min-height:172px; display:grid; grid-template-columns:100px minmax(0,1fr); align-items:stretch; padding:0; text-align:left; background:transparent; color:var(--pins-ink); }
#pins-dialog .pins-open:focus-visible { outline-offset:-4px; }
#pins-dialog .pins-visual { position:relative; display:grid; place-items:center; min-height:100%; background:#dcece3; color:var(--pins-teal); }
#pins-dialog .pins-visual.has-photo { background-size:contain; background-repeat:no-repeat; background-position:center; }
#pins-dialog .pins-visual:not(.has-photo)::before { content:''; position:absolute; width:49px; height:71px; border:1px solid #ffffffb3; border-radius:10px; transform:rotate(-9deg); }
#pins-dialog .pins-visual .icon { width:34px; height:34px; position:relative; }
#pins-dialog .pins-visual.kind-artikel { background-color:#f7dcc7; }
#pins-dialog .pins-visual.kind-rasse { background-color:#e1e8d6; }
#pins-dialog .pins-visual.kind-guide { background-color:#fbeacb; }
#pins-dialog .pins-visual.kind-tool { background-color:#d1e9e1; }
#pins-dialog .pins-card-copy { display:flex; flex-direction:column; align-items:flex-start; gap:8px; min-width:0; padding:17px 14px 52px; }
#pins-dialog .pins-card-type { font-size:9px; color:var(--pins-teal); font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
#pins-dialog .pins-card-title { font:900 18px/1.17 'Nunito',sans-serif; color:var(--pins-ink); letter-spacing:-.025em; overflow-wrap:anywhere; }
#pins-dialog .pins-card-sub { font-size:10px; line-height:1.4; color:var(--pins-muted); }
#pins-dialog .pins-card-date { font-size:10px; line-height:1.4; color:var(--pins-muted); }
#pins-dialog .pins-card--featured { grid-column:1/-1; background:#f4f8ef; }
#pins-dialog .pins-card--featured .pins-open { grid-template-columns:190px minmax(0,1fr); min-height:195px; }
#pins-dialog .pins-card--featured .pins-card-copy { padding:23px 30px 48px; }
#pins-dialog .pins-card--featured .pins-card-title { font-size:28px; max-width:470px; }
#pins-dialog .pins-latest { color:var(--pins-teal); font-size:10px; font-weight:700; }
#pins-dialog .pins-remove { position:absolute; bottom:8px; right:8px; width:44px; height:44px; display:grid; place-items:center; border-radius:50%; background:#fffdf8ed; color:#526f61; }
#pins-dialog .pins-remove:hover { background:#ffe1c6; color:#7c3e1b; }
#pins-dialog .pins-remove:focus-visible { outline-offset:-3px; }
#pins-dialog .pins-remove .icon { width:16px; height:16px; }
#pins-dialog .pins-empty { grid-column:1/-1; text-align:center; justify-self:center; align-self:center; width:min(100%,480px); padding:35px 16px; }
#pins-dialog .pins-empty-art { position:relative; display:grid; place-items:center; width:130px; height:112px; margin:0 auto 23px; }
#pins-dialog .pins-empty-art::before,#pins-dialog .pins-empty-art::after { content:''; position:absolute; width:63px; height:85px; border-radius:15px; background:#f7dcc7; transform:translateX(-25px) rotate(-14deg); }
#pins-dialog .pins-empty-art::after { background:#cfe6db; transform:translateX(26px) rotate(12deg); }
#pins-dialog .pins-empty-icon { z-index:1; display:grid; place-items:center; width:67px; height:88px; border-radius:15px; background:var(--pins-teal); color:#fffdf8; transform:rotate(-3deg); }
#pins-dialog .pins-empty-icon .icon { width:30px; height:30px; }
#pins-dialog .pins-empty h3 { margin:0 0 11px; color:var(--pins-ink); font:900 28px/1.15 'Nunito',sans-serif; letter-spacing:-.035em; }
#pins-dialog .pins-empty p { max-width:350px; margin:0 auto 20px; color:var(--pins-muted); font-size:13px; line-height:1.7; }
#pins-dialog .pins-empty :is(button,a) { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:11px 20px; border-radius:99px; color:white; background:var(--pins-teal); font-size:12px; font-weight:700; text-decoration:none; }
#pins-dialog .pins-footer { flex:none; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:15px 24px; background:#edf3e9; }
#pins-dialog .pins-footer p { margin:0; font-size:11px; line-height:1.5; overflow-wrap:anywhere; }
#pins-dialog #pins-undo { flex:none; min-height:40px; padding:9px 15px; border-radius:99px; background:var(--pins-teal); color:white; font-size:12px; font-weight:700; }
@keyframes pins-arrive { from { opacity:0; transform:translateY(12px) scale(.985); } to { opacity:1; transform:translateY(0) scale(1); } }
[data-open-pins] { position:relative; }
.pin-count {
  position:absolute; top:-4px; right:-3px; display:grid; place-items:center;
  min-width:18px; height:18px; padding:0 4px; border:2px solid #faf7ef;
  border-radius:99px; background:#ff8b17; color:#24362e; font-size:9px; font-weight:800; line-height:1;
}
.pin-count[hidden],.dock-pin-count[hidden] { display:none!important; }
.preview-pin {
  display:inline-flex; align-items:center; justify-content:center; gap:7px;
  border:0; border-radius:99px; padding:9px 13px; background:#e9f2ec;
  color:#08766c; font:800 11px 'DM Sans',ui-sans-serif,system-ui,sans-serif; white-space:nowrap; cursor:pointer;
}
.preview-pin .icon { width:16px; height:16px; }
.preview-pin[aria-pressed=true] { background:#fff0d6; color:#995b0a; }
.cats-page-pin-actions {
  --cats-pin-top:calc(var(--site-header-height,76px) + 14px);
  position:relative; z-index:1; box-sizing:border-box;
  display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap;
  width:min(calc(100% - 48px),1500px); align-self:center;
  gap:8px; margin:0 0 calc(18px - var(--cats-pin-top)); padding:var(--cats-pin-top) 0 0;
}
.cats-page-pin-actions[hidden] { display:none!important; }
.cats-page-pin-actions button {
  display:inline-flex; align-items:center; justify-content:center; gap:7px;
  min-height:36px; padding:8px 13px; border:1px solid #d9e5d9; border-radius:99px;
  background:#fffdf8; color:#356b5d; font:700 11px 'DM Sans',ui-sans-serif,system-ui,sans-serif;
  cursor:pointer;
}
.cats-page-pin-actions button:hover { background:#edf4eb; border-color:#bad2c1; }
.cats-page-pin-actions .cats-pin-page[aria-pressed=true] { background:#fff0d6; color:#995b0a; border-color:#e5bc79; }
.cats-page-pin-actions button:focus-visible { outline:3px solid #ff8b17; outline-offset:3px; }
.cats-page-pin-actions svg { width:15px; height:15px; }
.cats-pins-toast {
  position:fixed; z-index:160; left:50%; bottom:28px; transform:translate(-50%,12px);
  max-width:calc(100vw - 30px); padding:12px 18px; border-radius:99px;
  background:#084a45; color:white; box-shadow:0 12px 38px #16392e33;
  font:700 12px/1.5 'DM Sans',ui-sans-serif,system-ui,sans-serif; text-align:center;
  opacity:0; pointer-events:none; transition:opacity .15s,transform .15s;
}
.cats-pins-toast.show { opacity:1; transform:translate(-50%,0); }
@media(max-width:720px) {
 #pins-dialog { width:calc(100% - 16px); max-height:calc(100dvh - 20px); border-radius:20px; }
 #pins-dialog .pins-shell { max-height:calc(100dvh - 20px); }
 #pins-dialog .pins-header { gap:13px; padding:21px 16px 18px; }
 #pins-dialog .pins-heading h2 { font-size:32px; }
 #pins-dialog .pins-kicker { max-width:180px; line-height:1.5; font-size:9px; }
 #pins-dialog .pins-total { min-width:52px; min-height:67px; padding-inline:7px; }
 #pins-dialog .pins-total strong { font-size:24px; }
 #pins-dialog .pins-workspace { display:flex; flex-direction:column; }
 #pins-dialog .pins-sidebar { flex:none; padding:8px 15px; overflow:visible; }
 #pins-dialog .pins-sidebar-title { display:none; }
 #pins-dialog .pins-filters { flex-direction:row; overflow-x:auto; padding:3px; scrollbar-width:thin; }
 #pins-dialog .pins-filter { flex:none; padding:8px 10px; border-radius:99px; }
 #pins-dialog .pins-main { flex:1; }
 #pins-dialog .pins-toolbar { padding:13px 16px 0; gap:9px; flex-wrap:wrap; }
 #pins-dialog .pins-search { flex-basis:100%; }
 #pins-dialog .pins-search input { font-size:16px; }
 #pins-dialog .pins-sort { width:100%; flex-direction:row; align-items:center; justify-content:space-between; }
 #pins-dialog .pins-sort select { width:auto; max-width:75%; min-height:40px; font-size:12px; }
 #pins-dialog .pins-result-status { margin:9px 16px 0; }
 #pins-dialog .pins-results { grid-template-columns:minmax(0,1fr); padding:12px 16px 18px; gap:11px; }
 #pins-dialog .pins-open,#pins-dialog .pins-card--featured .pins-open { grid-template-columns:94px minmax(0,1fr); min-height:154px; }
 #pins-dialog .pins-card-copy,#pins-dialog .pins-card--featured .pins-card-copy { padding:16px 12px 49px; }
 #pins-dialog .pins-card-title,#pins-dialog .pins-card--featured .pins-card-title { font-size:19px; }
 #pins-dialog .pins-card--featured { grid-column:auto; }
 #pins-dialog .pins-footer { padding:12px 16px; gap:10px; }
 #pins-dialog .pins-empty { padding:24px 7px; }
 #pins-dialog .pins-empty h3 { font-size:25px; }
 .cats-page-pin-actions { width:calc(100% - 32px); --cats-pin-top:calc(var(--site-header-height,60px) + 12px); }
}
@media(max-width:360px) {
 #pins-dialog .pins-heading h2 { font-size:28px; }
 #pins-dialog .pins-header { gap:8px; padding-inline:13px; }
 #pins-dialog .pins-total { min-width:42px; }
 #pins-dialog .pins-kicker { font-size:8px; }
}
@media(max-height:500px) {
 #pins-dialog { max-height:calc(100dvh - 12px); }
 #pins-dialog .pins-shell { max-height:calc(100dvh - 12px); }
 #pins-dialog .pins-header { padding-block:10px; gap:12px; align-items:center; }
 #pins-dialog .pins-heading h2 { font-size:29px; }
 #pins-dialog .pins-kicker { display:none; }
 #pins-dialog .pins-total { flex-direction:row; min-height:40px; min-width:65px; padding:6px 10px; gap:5px; clip-path:none; border-radius:12px; transform:none; }
 #pins-dialog .pins-total strong { font-size:22px; }
 #pins-dialog .pins-toolbar { padding-top:10px; flex-wrap:nowrap; }
 #pins-dialog .pins-search { flex-basis:auto; }
 #pins-dialog .pins-sort { width:145px; flex-direction:column; gap:0; }
 #pins-dialog .pins-sort > span { display:none; }
 #pins-dialog .pins-sort select { width:100%; max-width:none; }
 #pins-dialog .pins-footer { padding-block:8px; }
 #pins-dialog .pins-empty-art { height:80px; margin-bottom:15px; }
}
@media(prefers-reduced-motion:reduce) { #pins-dialog[open] { animation:none; } #pins-dialog *,#pins-dialog *::before,#pins-dialog *::after { transition:none; } }