/* Story Hearth: story picker and pin sheet, shared by every page (see hub.js) */
.sh-pick{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font:inherit;color:var(--ink);text-align:left;cursor:pointer}
.sh-pick-l{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.sh-pick b{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:15px}
.sh-pick-n{font-size:12px;color:var(--gold);white-space:nowrap}
.sh-car{color:var(--muted)}
.sh-sheet{position:fixed;inset:0;z-index:30}
.sh-back{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.sh-panel{position:absolute;left:0;right:0;bottom:0;max-height:82vh;overflow-y:auto;overscroll-behavior:contain;background:var(--bg);border-top:1px solid var(--line);border-radius:16px 16px 0 0;padding:6px 16px calc(20px + env(safe-area-inset-bottom,0px));max-width:720px;margin:0 auto;box-sizing:border-box}
.sh-grab{width:40px;height:4px;border-radius:2px;background:var(--line);margin:4px auto 8px}
.sh-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.sh-head b{font-family:var(--display);font-size:22px}
.sh-done{background:var(--gold);color:var(--gold-ink);border:0;border-radius:8px;padding:7px 14px;font:inherit;font-weight:700;cursor:pointer}
.sh-hint{margin:4px 0 12px;color:var(--muted);font-size:14px}
.sh-top{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px}
.sh-opt{display:grid;gap:1px;text-align:left;background:transparent;border:1px solid var(--line);border-radius:10px;padding:9px 12px;font:inherit;color:var(--ink);cursor:pointer}
.sh-opt small{font-size:12px;color:var(--muted)}
.sh-opt[aria-pressed="true"]{border-color:var(--gold);background:rgba(214,168,74,.12)}
.sh-opt:disabled{opacity:.5;cursor:default}
.sh-shelf{margin-top:14px}
.sh-shelf-h .sh-opt{width:100%;border:0;padding:6px 0;background:transparent}
.sh-shelf-h .sh-opt[aria-pressed="true"]{color:var(--gold);background:transparent}
.sh-shelf-h b{font-family:var(--display);font-size:18px}
.sh-shelf-h > b{display:block;padding:6px 0}
.sh-row{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding:4px 0}
.sh-row .sh-series,.sh-name{flex:1;min-width:0;border:0;padding:9px 0;background:transparent;font-size:15px}
.sh-row .sh-series[aria-pressed="true"]{color:var(--gold);background:transparent}
.sh-pin{background:transparent;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;color:var(--muted);cursor:pointer;white-space:nowrap}
.sh-pin[aria-pressed="true"]{border-color:var(--gold);color:var(--gold)}
.sh-shelfname{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:30px 0 -14px}