:root {
  --bg: #11110f;
  --panel: #181816;
  --panel-2: #22221f;
  --text: #f1eee5;
  --muted: #aaa79e;
  --line: rgba(241, 238, 229, .12);
  --soft: rgba(241, 238, 229, .07);
  --accent: #d8ff61;
  --warm: #ffbe74;
  --danger: #ff8f88;
  --safe: #a9e6c6;
  --radius: 28px;
  --safe-bottom: max(16px, env(safe-area-inset-bottom));
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--bg); color: var(--text); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body { overscroll-behavior-y: none; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }

.app-shell { min-height: 100dvh; background: radial-gradient(circle at 50% -20%, #2b2b24 0, #11110f 44%); }
.topbar { position: fixed; top: 0; left: 0; right: 0; height: 68px; padding: max(10px, env(safe-area-inset-top)) 18px 0; display: flex; align-items: center; justify-content: space-between; z-index: 20; pointer-events: none; }
.brand, .icon-btn { pointer-events: auto; border: 0; background: rgba(17,17,15,.72); backdrop-filter: blur(18px); border: 1px solid var(--line); }
.brand { font-weight: 800; letter-spacing: .18em; border-radius: 999px; padding: 10px 14px 9px 17px; }
.top-actions { display: flex; gap: 8px; }
.icon-btn { width: 40px; height: 40px; border-radius: 50%; font-weight: 700; }

.main-stage { min-height: 100dvh; }
.view { display: none; min-height: 100dvh; padding: 82px 18px 150px; }
.view-active { display: block; }

#discoverView { padding: 0; display: none; }
#discoverView.view-active { display: block; }
.art-card { position: relative; min-height: 100dvh; overflow: hidden; background: #171714; touch-action: pan-y; }
.image-wrap { position: absolute; inset: 0; display: grid; place-items: center; overflow: hidden; background: #1b1b18; }
#artImage { width: 100%; height: 100%; object-fit: contain; opacity: 0; transform: scale(.985); transition: opacity .45s ease, transform .7s cubic-bezier(.2,.8,.2,1); z-index: 2; }
.art-card.loaded #artImage { opacity: 1; transform: scale(1); }
.image-wrap::before { content:""; position:absolute; inset:0; background: radial-gradient(circle at 50% 30%, #303029, #121210 65%); z-index:0; }
.image-skeleton { position:absolute; width:46vw; max-width:260px; aspect-ratio: 3/4; background: linear-gradient(110deg, #22221e 8%, #30302a 18%, #22221e 33%); background-size: 200% 100%; animation: shimmer 1.6s linear infinite; border-radius: 6px; z-index:1; }
.loaded .image-skeleton { display: none; }
@keyframes shimmer { to { background-position-x: -200%; } }
.image-shade { position:absolute; inset:0; z-index:3; pointer-events:none; background: linear-gradient(to bottom, rgba(17,17,15,.12) 0%, rgba(17,17,15,.03) 46%, rgba(17,17,15,.66) 72%, #11110f 96%); }
.source-pill { position:absolute; top: 84px; left:18px; z-index:4; padding:8px 10px; border-radius:999px; font-size:12px; color:#eee9dd; background:rgba(17,17,15,.58); border:1px solid rgba(255,255,255,.13); backdrop-filter:blur(14px); }
.card-copy { position:absolute; z-index:5; left:18px; right:18px; bottom:142px; max-width:760px; }
.eyebrow { color:var(--muted); text-transform:uppercase; letter-spacing:.14em; font-size:11px; font-weight:700; }
h1, h2 { margin: 0; font-weight: 650; letter-spacing: -.04em; }
h1 { margin-top: 8px; font-size: clamp(30px, 7.2vw, 60px); line-height: 1.01; text-wrap: balance; overflow-wrap:anywhere; max-width:18ch; }
h2 { font-size: clamp(32px, 8vw, 56px); line-height: 1; }
.artist { margin: 12px 0 2px; font-size:17px; font-weight:560; }
.meta-line { margin:0; color:var(--muted); font-size:14px; }
.connection-strip { display:flex; gap:7px; overflow-x:auto; margin:14px -18px 0; padding:0 18px 5px; scrollbar-width:none; }
.connection-strip::-webkit-scrollbar { display:none; }
.chip { white-space:nowrap; border:1px solid var(--line); background:rgba(18,18,16,.56); color:#e8e4da; padding:8px 11px; border-radius:999px; font-size:12px; backdrop-filter: blur(12px); }
button.chip { cursor:pointer; }
.story-button { margin-top: 14px; width:100%; max-width:300px; display:flex; justify-content:space-between; align-items:center; border:1px solid rgba(255,255,255,.16); background:rgba(244,240,228,.08); padding:14px 16px; border-radius:17px; font-weight:650; backdrop-filter:blur(18px); }
.gesture-hint { position:absolute; z-index:7; left:18px; right:18px; bottom:111px; display:flex; justify-content:space-between; font-size:9px; letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.46); pointer-events:none; }

.reaction-dock { position: fixed; left: 50%; transform: translateX(-50%); bottom: calc(58px + var(--safe-bottom)); z-index: 22; display:flex; gap:12px; align-items:center; }
.reaction { border:1px solid var(--line); background:rgba(17,17,15,.76); backdrop-filter: blur(20px); border-radius:50%; width:56px; height:56px; font-size:31px; line-height:1; box-shadow:0 12px 40px rgba(0,0,0,.24); }
.reaction-link { width:48px; height:48px; font-size:20px; color:var(--muted); }
.reaction-x:active { border-color:rgba(255,143,136,.6); color:var(--danger); }
.reaction-o:active { border-color:rgba(169,230,198,.6); color:var(--safe); }

.bottom-nav { position:fixed; z-index:21; left:0; right:0; bottom:0; height:calc(54px + var(--safe-bottom)); padding:0 24px var(--safe-bottom); background:linear-gradient(to top, rgba(17,17,15,.97), rgba(17,17,15,.78)); backdrop-filter: blur(18px); display:flex; justify-content:space-around; align-items:center; border-top:1px solid rgba(255,255,255,.05); }
.nav-btn { width:72px; border:0; background:transparent; color:#7e7b73; display:grid; place-items:center; gap:1px; }
.nav-btn span { font-size:18px; }
.nav-btn small { font-size:10px; }
.nav-btn.active { color:#f1eee5; }

.section-head { display:flex; align-items:flex-end; justify-content:space-between; margin: 16px 0 24px; }
.text-btn { appearance:none; border:0; background:transparent; color:var(--text); text-decoration:none; font-weight:650; padding:7px 0; }
.saved-grid { display:grid; gap:14px; grid-template-columns:repeat(2, minmax(0,1fr)); }
.saved-item { background:var(--panel); border:1px solid var(--line); border-radius:19px; overflow:hidden; }
.saved-item img { width:100%; aspect-ratio:4/5; object-fit:cover; display:block; background:#24241f; }
.saved-item-copy { padding:12px; }
.saved-item h3 { margin:0 0 5px; font-size:15px; line-height:1.08; }
.saved-item p { margin:0; color:var(--muted); font-size:12px; }
.empty-state { border:1px dashed var(--line); border-radius:22px; padding:28px; color:var(--muted); line-height:1.6; }

.map-canvas { min-height:520px; border:1px solid var(--line); border-radius:28px; background:radial-gradient(circle at 50% 42%, #26261f 0, #171715 48%, #121210 100%); position:relative; overflow:hidden; }
.map-node { position:absolute; max-width:145px; padding:10px 12px; border-radius:999px; border:1px solid var(--line); background:rgba(24,24,21,.86); backdrop-filter:blur(12px); font-size:12px; text-align:center; transform:translate(-50%,-50%); cursor:pointer; }
.map-node.center { background:var(--text); color:#141411; font-weight:750; border-color:transparent; padding:13px 15px; }
.map-node.user { border-style:dashed; border-color:rgba(216,255,97,.5); }
.map-line { position:absolute; height:1px; transform-origin:0 0; background:rgba(241,238,229,.14); pointer-events:none; }
.map-note { margin:14px 4px; color:var(--muted); font-size:12px; line-height:1.5; }

.sheet { position:fixed; inset:0; z-index:60; pointer-events:none; opacity:0; transition:opacity .2s ease; }
.sheet.open { pointer-events:auto; opacity:1; }
.sheet-backdrop { position:absolute; inset:0; background:rgba(0,0,0,.55); backdrop-filter:blur(7px); }
.sheet-panel { position:absolute; left:0; right:0; bottom:0; max-height:88dvh; overflow:auto; background:#171715; border-radius:28px 28px 0 0; border-top:1px solid var(--line); padding:10px 20px calc(30px + var(--safe-bottom)); transform:translateY(101%); transition: transform .35s cubic-bezier(.2,.85,.2,1); box-shadow:0 -30px 90px rgba(0,0,0,.35); }
.sheet.open .sheet-panel { transform:translateY(0); }
.compact-panel { max-width:640px; margin:0 auto; left:50%; right:auto; width:min(100%,640px); transform:translate(-50%,101%); }
.sheet.open .compact-panel { transform:translate(-50%,0); }
.sheet-grabber { width:38px; height:4px; border-radius:999px; background:#484842; margin:2px auto 8px; }
.sheet-actions { display:flex; justify-content:space-between; align-items:center; }
.lead { font-size:20px; line-height:1.45; color:#e7e2d7; }
.story-hero { margin:8px -20px 20px; }
.story-hero img { width:100%; max-height:54dvh; object-fit:contain; display:block; background:#11110f; }
.story-title { margin:6px 0 10px; font-size:clamp(28px,6.8vw,48px); line-height:1.04; overflow-wrap:anywhere; text-wrap:balance; }
.story-grid { display:grid; gap:10px; margin:24px 0; }
.story-row { display:grid; grid-template-columns:108px 1fr; gap:12px; border-top:1px solid var(--line); padding-top:10px; }
.story-row span:first-child { color:var(--muted); font-size:12px; }
.story-row span:last-child { font-size:14px; line-height:1.45; }
.story-block { margin:26px 0; }
.story-block h3 { font-size:14px; text-transform:uppercase; letter-spacing:.12em; color:var(--muted); }
.story-block p { font-size:17px; line-height:1.65; }
.distribution { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:24px 0; }
.distribution div { background:var(--soft); border:1px solid var(--line); border-radius:18px; padding:16px 10px; text-align:center; }
.distribution strong { display:block; font-size:24px; }
.distribution span { color:var(--muted); font-size:11px; }
.fineprint { color:var(--muted); font-size:13px; line-height:1.55; }
.setting-row { display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid var(--line); padding:18px 0; }
.setting-row select, .field-control { color:var(--text); background:#24241f; border:1px solid var(--line); border-radius:13px; padding:11px 12px; }
.setting-column { display:block; }
.setting-column p { color:var(--muted); line-height:1.5; font-size:13px; }
.inline-actions { display:flex; gap:8px; flex-wrap:wrap; }
.soft-btn, .primary-btn { border:1px solid var(--line); background:var(--soft); color:var(--text); border-radius:14px; padding:12px 14px; font-weight:650; }
.soft-btn.danger { color:var(--danger); }
.field-label { display:block; margin:16px 0 7px; color:var(--muted); font-size:12px; }
.field-control { display:block; width:100%; resize:vertical; }
.primary-btn { width:100%; margin-top:18px; background:var(--text); color:#141411; border-color:transparent; }
.toast { position:fixed; z-index:100; left:50%; bottom:calc(136px + var(--safe-bottom)); transform:translate(-50%,12px); opacity:0; pointer-events:none; background:#f1eee5; color:#171714; border-radius:999px; padding:10px 14px; font-size:12px; font-weight:700; transition:.25s ease; white-space:nowrap; max-width:90vw; overflow:hidden; text-overflow:ellipsis; }
.toast.show { opacity:1; transform:translate(-50%,0); }

@media (min-width: 760px) {
  .topbar { padding-left:28px; padding-right:28px; }
  .art-card { display:grid; grid-template-columns: 1.15fr .85fr; min-height:100dvh; }
  .image-wrap { position:relative; min-height:100dvh; }
  .image-shade { background:linear-gradient(to right, rgba(17,17,15,.04), rgba(17,17,15,.22)); }
  .source-pill { top:88px; left:24px; }
  .card-copy { position:relative; left:auto; right:auto; bottom:auto; align-self:center; padding:40px 7vw 120px 5vw; max-width:680px; }
  h1 { font-size:clamp(54px,6vw,92px); }
  .gesture-hint { left:calc(57.5% + 5vw); right:7vw; bottom:116px; }
  .reaction-dock { left:78%; }
  .saved-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .view:not(#discoverView) { max-width:1180px; margin:0 auto; padding-left:32px; padding-right:32px; }
  .map-canvas { min-height:640px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }
}

/* v4 — deeper knowledge layer */
.inline-strip { margin-left:0; margin-right:0; padding-left:0; }
.muted { color:var(--muted); }
.compact-grid { margin-top:12px; }
.enrichment-loading { border:1px solid var(--line); border-radius:20px; padding:18px; background:var(--soft); }
.loading-lines { display:grid; gap:8px; margin:16px 0; }
.loading-lines i { height:9px; border-radius:999px; background:linear-gradient(90deg,#2a2a25,#3a3a33,#2a2a25); background-size:200% 100%; animation:shimmer 1.5s linear infinite; }
.loading-lines i:nth-child(2){ width:86%; }.loading-lines i:nth-child(3){ width:64%; }
.knowledge-card { margin:22px 0; padding:20px; border:1px solid var(--line); border-radius:22px; background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018)); }
.knowledge-card h3 { margin:7px 0 9px; font-size:23px; letter-spacing:-.025em; }
.knowledge-card p { margin:0 0 15px; font-size:16px; line-height:1.67; }
.knowledge-link { color:var(--text); font-size:13px; font-weight:700; text-decoration:none; border-bottom:1px solid var(--line); padding-bottom:2px; }
.relation-list { display:grid; gap:8px; }
.relation-item { width:100%; border:1px solid var(--line); border-radius:15px; background:var(--soft); color:var(--text); text-align:left; padding:11px 13px; display:grid; grid-template-columns:minmax(92px,.45fr) 1fr; gap:12px; align-items:center; }
.relation-item span { color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.06em; }
.relation-item strong { font-size:14px; font-weight:650; }
.translation-note { margin-top:14px; border-left:2px solid rgba(216,255,97,.5); padding:10px 0 10px 13px; color:var(--muted); font-size:12px; line-height:1.55; }
.translation-note details { margin-top:7px; }
.translation-note summary { cursor:pointer; color:var(--text); }
.translation-note p { font-size:13px; color:var(--muted); margin:9px 0 0; }
.source-stack { padding-top:20px; border-top:1px solid var(--line); }
.source-badges { display:flex; gap:8px; flex-wrap:wrap; margin-top:13px; }
.source-badges a { text-decoration:none; color:var(--text); border:1px solid var(--line); background:var(--soft); border-radius:999px; padding:8px 10px; font-size:12px; }
.saved-source { display:block; color:var(--muted); font-size:9px; text-transform:uppercase; letter-spacing:.07em; margin-bottom:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
@media (min-width:760px){
  .relation-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .knowledge-card { padding:24px; }
}

/* v6 source portals */
.source-portals{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.source-portals a{display:inline-flex;align-items:center;min-height:36px;padding:8px 10px;border:1px solid var(--line,rgba(255,255,255,.14));border-radius:999px;text-decoration:none;color:inherit;font-size:.82rem}.mini-field{display:block;margin:12px 0 5px;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;opacity:.62}.setting-column .field-control{width:100%}

/* v7 — quieter typography, robust wrapping, research + personal commentary */
:where(.card-copy,.sheet-panel,.saved-item-copy,.knowledge-card,.source-tier,.publication-card){min-width:0}
#artTitle{
  font-size:clamp(30px,7.2vw,52px);
  line-height:1.02;
  letter-spacing:-.035em;
  max-width:18ch;
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:auto;
  text-wrap:balance;
}
.card-copy{bottom:150px;}
.artist,.meta-line,.story-row span:last-child,.knowledge-card p,.story-block p,.setting-column p,.source-badges a,.relation-item strong{
  overflow-wrap:anywhere;
  word-break:normal;
}
.story-title{
  font-size:clamp(28px,6.4vw,46px);
  line-height:1.04;
  letter-spacing:-.035em;
  max-width:20ch;
  overflow-wrap:anywhere;
  hyphens:auto;
  text-wrap:balance;
}
.sheet-actions{gap:14px;flex-wrap:wrap;}
.sheet-actions .text-btn{min-width:0;overflow-wrap:anywhere;}
.story-row{grid-template-columns:minmax(86px,104px) minmax(0,1fr);}
.setting-row>span:first-child{flex:0 0 auto;}
.setting-row select{max-width:min(62%,360px);min-width:0;}
.source-badges a,.source-portals a{max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.25;}
.relation-item{grid-template-columns:minmax(84px,.42fr) minmax(0,1fr);}
.personal-note-card{padding:18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));}
.personal-note-card h3{margin:9px 0 7px;font-size:24px;letter-spacing:-.025em;}
.personal-note-input{margin-top:14px;min-height:118px;line-height:1.55;background:#20201d;}
.note-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;}
.note-actions .soft-btn{width:auto;}
.note-status{font-size:11px;color:var(--muted);}
.section-kicker{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:10px;letter-spacing:.09em;text-transform:uppercase;}
.section-kicker span:last-child{text-transform:none;letter-spacing:0;opacity:.75;}
.research-hub{margin-top:34px;padding-top:26px;border-top:1px solid var(--line);}
.research-heading{margin:10px 0 8px;font-size:clamp(25px,5.5vw,34px);letter-spacing:-.03em;text-transform:none;color:var(--text);}
.source-tier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 22px;}
.source-tier{display:flex;flex-direction:column;gap:5px;min-height:126px;padding:15px;border:1px solid var(--line);border-radius:18px;text-decoration:none;color:var(--text);background:var(--soft);transition:transform .18s ease,border-color .18s ease;}
.source-tier:active{transform:scale(.985);}
.source-tier-label{font-size:9px;letter-spacing:.11em;color:var(--muted);}
.source-tier strong{font-size:16px;line-height:1.15;overflow-wrap:anywhere;}
.source-tier small{margin-top:auto;color:var(--muted);font-size:11px;line-height:1.4;}
.primary-source{border-style:solid}.expert-source{border-style:dashed}.academic-source{border-style:double}.archive-source{border-style:dotted}
.mini-section-title{margin:3px 0 10px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;}
.publication-list{display:grid;gap:9px;}
.publication-card{display:grid;gap:5px;padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);text-decoration:none;color:var(--text);}
.publication-card strong{font-size:14px;line-height:1.35;overflow-wrap:anywhere;}
.publication-card span{font-size:12px;color:var(--muted);line-height:1.4;overflow-wrap:anywhere;}
.publication-card small{font-size:10px;color:var(--muted);overflow-wrap:anywhere;}
.research-empty{padding:14px;border:1px dashed var(--line);border-radius:15px;color:var(--muted);font-size:12px;line-height:1.5;}
.research-link-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px;}
.research-link-row a{max-width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--text);font-size:11px;line-height:1.25;overflow-wrap:anywhere;}
.research-link-row .community-link{border-style:dashed;color:#d1cec5;}
.source-warning{margin-top:10px!important;color:var(--muted);font-size:11px!important;line-height:1.5!important;}

@media (max-width:520px){
  .source-tier-grid{grid-template-columns:1fr 1fr;}
  .source-tier{min-height:116px;padding:13px;}
  .story-row{grid-template-columns:82px minmax(0,1fr);gap:10px;}
  .setting-row{align-items:flex-start;flex-direction:column;gap:9px;}
  .setting-row select,.setting-row .field-control{max-width:100%;width:100%;}
  .relation-item{grid-template-columns:1fr;gap:4px;}
  .card-copy{bottom:154px;}
  #artTitle{max-width:20ch;}
}

@media (max-width:360px){
  .source-tier-grid{grid-template-columns:1fr;}
  .gesture-hint{display:none;}
  .card-copy{bottom:145px;}
  #artTitle{font-size:clamp(27px,8vw,36px);}
}

@media (min-width:760px){
  #artTitle{font-size:clamp(38px,4.1vw,62px);line-height:1.01;max-width:15ch;}
  .story-title{font-size:clamp(34px,4vw,50px);max-width:22ch;}
  .card-copy{padding-top:44px;padding-bottom:132px;max-width:620px;}
  .source-tier-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
}


/* v9 — discovery paths, learning selector, popularity lenses */
.journey-strip{display:flex;gap:6px;align-items:center;overflow-x:auto;scrollbar-width:none;margin:10px -18px 0;padding:0 18px 3px;mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%)}
.journey-strip::-webkit-scrollbar{display:none}.journey-label{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);flex:none}.journey-strip button{flex:none;display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:rgba(244,240,228,.78);padding:5px 2px;font-size:10px}.journey-strip button span{opacity:.45}
.learning-selector{margin:22px 0 26px;padding:15px 0 0;border-top:1px solid var(--line)}
.learn-strip{display:flex;gap:7px;overflow-x:auto;margin:12px -20px 0;padding:0 20px 8px;scrollbar-width:none}.learn-strip::-webkit-scrollbar{display:none}
.learn-chip{flex:none;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:9px 12px;font-size:11px;line-height:1.1;white-space:nowrap}.learn-chip.active{background:var(--text);color:#151513;border-color:var(--text)}
.focus-layer{margin-top:10px}.focus-card{border:1px solid var(--line);border-radius:21px;padding:16px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012))}.focus-card h3{margin:10px 0 8px;font-size:clamp(22px,5.5vw,31px);letter-spacing:-.03em}.focus-card>p{margin:0;color:#d6d2c9;font-size:14px!important;line-height:1.6!important}.focus-loading{padding:16px;color:var(--muted);font-size:12px;border:1px dashed var(--line);border-radius:16px}
.focus-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.focus-chips button,.annotation-list button{border:1px solid var(--line);background:var(--soft);color:var(--text);border-radius:999px;padding:8px 10px;font-size:11px}.focus-link-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.focus-link-row a{max-width:100%;border-bottom:1px solid rgba(244,240,228,.25);padding:4px 1px;text-decoration:none;color:var(--muted);font-size:11px;overflow-wrap:anywhere}
.focus-reference{display:grid;gap:4px;margin-top:9px;padding:12px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--text)}.focus-reference strong{font-size:13px;line-height:1.35}.focus-reference span{font-size:11px;color:var(--muted);line-height:1.35}
.annotation-list{display:grid;gap:7px;margin-top:14px}.annotation-list button{display:grid;text-align:left;border-radius:14px}.annotation-list button span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.annotation-list button strong{margin-top:3px;font-size:12px;font-weight:600}
.surprise-card{background:radial-gradient(circle at 88% 5%,rgba(224,194,116,.10),transparent 33%),linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012))}.surprise-path{display:flex;align-items:center;gap:7px;overflow-x:auto;margin:16px -16px 0;padding:0 16px 10px;scrollbar-width:none}.surprise-path>span,.surprise-path button{flex:none;max-width:230px;border:1px solid var(--line);background:var(--soft);color:var(--text);border-radius:999px;padding:9px 11px;font-size:11px;white-space:normal}.surprise-path button{display:inline-flex;gap:7px;align-items:center}.surprise-path button i{font-style:normal;color:var(--muted)}.compact-primary{margin-top:8px;width:auto;padding-inline:16px}
@media (max-width:520px){.learning-selector{margin-top:18px}.focus-card{padding:14px}.learn-strip{margin-left:-20px;margin-right:-20px}.journey-strip{margin-top:8px}.focus-card h3{font-size:23px}}


/* v10 — clean titles + typed cultural relations */
.catalog-title{margin:2px 0 12px;color:var(--muted);font-size:11px}.catalog-title summary{cursor:pointer;list-style:none}.catalog-title summary::-webkit-details-marker{display:none}.catalog-title p{font-size:12px!important;line-height:1.45!important;margin:7px 0 0;color:var(--muted)}
.typed-chip{display:inline-flex!important;align-items:center;gap:7px}.relation-badge{display:inline-flex;align-items:center;min-height:18px;padding:2px 6px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.055);color:#c9c5bb;font-size:8px!important;line-height:1!important;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;vertical-align:middle}
.relation-badge[data-relation-type="personal"]{border-style:dashed}.relation-badge[data-relation-type="contrast"]{border-style:double}.relation-badge[data-relation-type="serendipity"]{opacity:.72}
.journey-strip button{border:1px solid rgba(255,255,255,.07);border-radius:999px!important;padding:5px 7px!important;background:rgba(255,255,255,.025)!important}.journey-strip button b{font-weight:520}.journey-strip .relation-badge{font-size:7px!important;min-height:15px;padding:2px 5px}
.focus-chips button{display:inline-flex!important;align-items:center;gap:7px}.focus-chips button>span:first-child{min-width:0}.focus-chips .relation-badge{font-size:7px!important}
.surprise-path button{align-items:center!important}.surprise-path button>span:not(.relation-badge){max-width:150px;overflow:hidden;text-overflow:ellipsis}.surprise-path .relation-badge{font-size:7px!important}.surprise-origin{font-weight:650}.relation-explainer{display:grid;gap:7px;margin:10px 0 2px}.relation-explainer>span{display:flex;align-items:flex-start;gap:7px;color:var(--muted);font-size:10px;line-height:1.45}.relation-explainer .relation-badge{margin-top:1px;flex:none}
.relation-legend{display:flex;flex-wrap:wrap;align-items:center;gap:5px 9px;margin-top:12px;color:var(--muted);font-size:9px}.compact-legend .relation-badge{font-size:7px!important}.compact-legend>span:not(.relation-badge){margin-left:-5px;margin-right:2px}
.relation-map-intro{display:grid;gap:4px;margin:-8px 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.relation-map-intro strong{font-size:12px}.relation-map-intro span{font-size:10px;line-height:1.45;color:var(--muted)}
.map-node{display:flex;flex-direction:column;align-items:center;gap:4px;white-space:normal}.map-node .relation-badge{font-size:6.5px!important;min-height:14px;padding:2px 4px}.map-node.center{display:block}.map-legend{position:absolute;left:12px;right:12px;bottom:12px;display:flex;flex-wrap:wrap;gap:5px 9px;padding:8px 9px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(17,17,15,.72);backdrop-filter:blur(12px);z-index:4}.map-legend>span{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:7px}.map-legend .relation-badge{font-size:6px!important;min-height:13px;padding:1px 4px}
.map-line.relation-contrast{opacity:.45;background:repeating-linear-gradient(90deg,rgba(241,238,229,.25) 0 4px,transparent 4px 8px)}.map-line.relation-personal{opacity:.5}.map-line.relation-serendipity{opacity:.12}
@media (max-width:520px){h1{font-size:clamp(28px,8.7vw,44px);max-width:19ch}.story-title{font-size:clamp(26px,8vw,38px)}.map-canvas{min-height:570px}.map-node{max-width:118px;padding:8px 9px;font-size:10px}.map-legend{gap:4px 6px}.relation-explainer{margin-top:8px}}


/* v11 — single calm title + artist portfolio + globally distributed museum discovery */
#artTitle{
  max-width:17ch;
  font-size:clamp(27px,6.7vw,47px);
  line-height:1.03;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  text-overflow:ellipsis;
  overflow-wrap:normal;
  word-break:normal;
}
#artArtist{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
  overflow:hidden;
  text-overflow:ellipsis;
}
.story-title{max-width:24ch;font-size:clamp(26px,5.8vw,42px);overflow-wrap:break-word;}
.catalog-title{max-width:760px}.catalog-title p{overflow-wrap:anywhere}
.artist-portfolio,.related-works{padding:18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.012));}
.artist-profile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:9px 0 15px}.artist-profile-head h3,.related-works>h3{margin:0 0 6px;font-size:clamp(22px,5.5vw,30px);letter-spacing:-.03em;text-transform:none;color:var(--text)}.artist-profile-head p{margin:0!important;color:var(--muted);font-size:12px!important;line-height:1.5!important}.compact-more{width:auto;flex:none;padding:9px 11px;font-size:10px}
.linked-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.linked-work-card{display:grid;grid-template-rows:132px 1fr;min-width:0;padding:0;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:rgba(255,255,255,.025);color:var(--text);text-align:left}.linked-image{background:#10100e;overflow:hidden}.linked-image img{width:100%;height:100%;display:block;object-fit:cover}.linked-copy{display:grid;gap:4px;align-content:start;min-width:0;padding:11px}.linked-copy strong{font-size:13px;line-height:1.28;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.linked-copy>span:not(.linked-reason){font-size:10px;color:#d4d0c6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.linked-copy small{font-size:9px;line-height:1.35;color:var(--muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.linked-reason{display:flex!important;align-items:center;gap:4px;min-width:0;color:var(--muted)!important;font-size:8px!important;text-transform:uppercase;letter-spacing:.04em;white-space:normal!important}.linked-reason .relation-badge{flex:none}.related-works .fineprint{margin-top:0}
@media (max-width:420px){#artTitle{font-size:clamp(25px,7.5vw,37px);max-width:18ch}.linked-work-grid{grid-template-columns:1fr 1fr;gap:8px}.linked-work-card{grid-template-rows:112px 1fr}.linked-copy{padding:9px}.artist-profile-head{display:grid}.compact-more{justify-self:start}}
@media (min-width:760px){#artTitle{font-size:clamp(35px,3.7vw,56px);max-width:16ch}.linked-work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.linked-work-card{grid-template-rows:150px 1fr}}

.object-trace details{border-top:1px solid var(--line);padding:11px 0}.object-trace summary{cursor:pointer;color:#ddd8cf;font-size:12px}.trace-list{display:grid;gap:7px;margin-top:10px}.trace-list p{margin:0!important;padding:9px 10px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:11px!important;line-height:1.5!important}

/* v13 — easier detail entry + galleries / cultural spaces */
.image-wrap{cursor:zoom-in;outline:none}
.image-wrap:focus-visible{box-shadow:inset 0 0 0 2px rgba(216,255,97,.72)}
.source-pill{max-width:min(72vw,520px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.image-detail-cue{position:absolute;z-index:6;top:84px;right:18px;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(17,17,15,.52);backdrop-filter:blur(14px);color:rgba(241,238,229,.78);font-size:10px;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;transition:opacity .25s ease,transform .25s ease}
.image-detail-cue b{font-size:14px;line-height:1;font-weight:500}
.image-wrap:hover .image-detail-cue{opacity:1;transform:translateY(2px)}
.story-button{cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.story-button:hover{background:rgba(244,240,228,.13);border-color:rgba(255,255,255,.25)}
.story-button:active{transform:translateY(1px)}
.sheet-panel{max-height:96dvh}
.sheet-actions{position:sticky;top:-10px;z-index:8;margin:0 -4px 6px;padding:10px 4px 8px;background:linear-gradient(to bottom,rgba(23,23,21,.98) 70%,rgba(23,23,21,0));backdrop-filter:blur(10px)}
.external-discovery .source-badges a{max-width:100%;overflow-wrap:anywhere}
@media (max-width:759px){
  .gesture-hint{bottom:108px;gap:10px}.gesture-hint span:nth-child(2){text-align:center}
  .story-title{font-size:clamp(25px,7vw,38px)}
  .sheet-panel{border-radius:22px 22px 0 0;padding-left:18px;padding-right:18px}
}
@media (min-width:760px){
  .image-detail-cue{top:88px;right:24px}
  .sheet-panel{max-height:92dvh}
}


/* v14 — reliable direct detail gestures + calmer section navigation */
.image-wrap{cursor:zoom-in;touch-action:none;outline:none}
.image-wrap:focus-visible{box-shadow:inset 0 0 0 2px rgba(244,240,228,.72)}
.story-intro{min-width:0}
.sheet-actions{position:sticky;top:-10px;z-index:12;padding:10px 0 8px;background:linear-gradient(#171715 76%,rgba(23,23,21,.88),transparent);backdrop-filter:blur(16px)}
.detail-tabs{position:sticky;top:42px;z-index:11;display:flex;gap:6px;overflow-x:auto;margin:14px -20px 8px;padding:8px 20px 10px;background:linear-gradient(#171715 72%,rgba(23,23,21,.92),transparent);scrollbar-width:none}
.detail-tabs::-webkit-scrollbar{display:none}
.detail-tab{flex:none;border:1px solid var(--line);background:#1c1c19;color:var(--muted);border-radius:999px;padding:9px 12px;font-size:11px;white-space:nowrap}
.detail-tab.active{background:var(--text);color:#151513;border-color:var(--text)}
.detail-section{scroll-margin-top:118px;padding-top:18px;border-top:1px solid rgba(255,255,255,.055);min-width:0}
.detail-section:first-of-type{border-top:0}
.institution-card{margin:10px 0 24px;padding:19px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012))}
.institution-card h3{margin:10px 0 8px;font-size:clamp(24px,5.4vw,34px);letter-spacing:-.03em}
@media(max-width:560px){
  .story-hero{margin-bottom:14px}.story-title{font-size:clamp(26px,7vw,39px);max-width:19ch}
  .lead{font-size:17px}.detail-tabs{top:39px}.detail-section{scroll-margin-top:112px}
}

@media(max-width:560px){
  .detail-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible;padding-bottom:10px}
  .detail-tab{width:100%;padding:8px 6px;text-align:center}
}

/* v15 — artist timeline, institution collection, interactive cultural network */
.mini-heading{margin:16px 0 9px;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-weight:800}
.artist-timeline{position:relative;display:grid;gap:0;margin:16px 0 18px;padding-left:6px}
.artist-timeline:before{content:"";position:absolute;left:12px;top:12px;bottom:12px;width:1px;background:linear-gradient(to bottom,rgba(216,255,97,.15),rgba(255,255,255,.18),rgba(216,255,97,.12))}
.timeline-event{position:relative;display:grid;grid-template-columns:62px 1fr;gap:12px;padding:9px 6px 9px 28px;min-width:0}
.timeline-dot{position:absolute;left:2px;top:17px;width:9px;height:9px;border-radius:50%;background:#77776f;border:2px solid #171714;box-shadow:0 0 0 1px rgba(255,255,255,.14)}
.timeline-event.current-work .timeline-dot{background:var(--accent);box-shadow:0 0 0 4px rgba(216,255,97,.09)}
.timeline-event time{font-size:10px;color:var(--muted);padding-top:2px;font-variant-numeric:tabular-nums}
.timeline-event strong{display:block;font-size:12px;line-height:1.35;color:var(--text)}
.timeline-event small{display:block;margin-top:3px;font-size:9px;color:var(--muted)}
.artist-relations{margin:8px 0 18px}.relation-cloud{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.relation-pill{display:grid;gap:4px;min-width:0;padding:10px 11px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);text-align:left;color:var(--text)}
.relation-pill span{font-size:7px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.relation-pill strong{font-size:11px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.portfolio-grid,.institution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.detail-network-block{overflow:hidden}.detail-network-canvas{position:relative;height:430px;max-width:680px;margin:6px auto 0;border-radius:22px;background:radial-gradient(circle at 50% 50%,rgba(216,255,97,.065),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.024),rgba(255,255,255,.008));border:1px solid rgba(255,255,255,.055);overflow:hidden}
.detail-network-lines{position:absolute;inset:9%;width:82%;height:82%;overflow:visible;pointer-events:none}.detail-network-lines line{stroke:rgba(255,255,255,.13);stroke-width:.32;vector-effect:non-scaling-stroke}
.detail-network-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;gap:4px;width:116px;min-height:78px;align-content:center;padding:12px;border-radius:22px;background:var(--text);color:#151512;text-align:center;z-index:3;box-shadow:0 12px 34px rgba(0,0,0,.28)}
.detail-network-center span{font-size:7px;letter-spacing:.13em;font-weight:900;opacity:.55}.detail-network-center strong{font-size:11px;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.detail-network-node{position:absolute;left:var(--nx);top:var(--ny);transform:translate(-50%,-50%);display:grid;gap:3px;width:112px;max-width:24%;padding:9px 9px;border:1px solid var(--line);border-radius:16px;background:rgba(22,22,19,.92);backdrop-filter:blur(10px);color:var(--text);text-align:left;z-index:4;box-shadow:0 8px 22px rgba(0,0,0,.2)}
.detail-network-node:hover{border-color:rgba(216,255,97,.38);transform:translate(-50%,-50%) scale(1.025)}
.detail-network-node small{font-size:6.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-network-node strong{font-size:9.5px;line-height:1.22;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.detail-network-node .relation-badge{justify-self:start;font-size:6px!important;min-height:13px;padding:1px 4px}
.network-hint{text-align:center;margin:10px 0 0!important}
.institution-collection{margin-top:12px}.institution-actions{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 15px}.institution-actions a{display:inline-flex;align-items:center;min-height:34px;padding:8px 10px;border:1px solid var(--line);border-radius:999px;color:var(--text);font-size:9px;text-decoration:none;background:rgba(255,255,255,.025)}
.institution-actions a:hover{border-color:rgba(216,255,97,.36)}
@media (max-width:560px){
  .artist-profile-head{display:grid}.artist-profile-head .compact-more{justify-self:start}.relation-cloud{grid-template-columns:1fr}.portfolio-grid,.institution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-network-canvas{height:390px;margin-inline:-5px}.detail-network-center{width:96px;min-height:68px;padding:10px;border-radius:18px}.detail-network-node{width:92px;padding:7px;border-radius:13px}.detail-network-node strong{font-size:8.5px}.detail-network-node small{font-size:6px}.timeline-event{grid-template-columns:54px 1fr;padding-left:25px}
}
@media (max-width:370px){.detail-network-canvas{height:360px}.detail-network-node{width:82px}.detail-network-center{width:88px}.portfolio-grid,.institution-grid{grid-template-columns:1fr}}


/* v16 — editorial gallery interface + faster perceived image loading */
:root{
  --bg:#f2efe8;--panel:#f8f6f1;--panel-2:#ece8df;--text:#1c1c19;--muted:#77736b;
  --line:rgba(28,28,25,.14);--soft:rgba(28,28,25,.055);--accent:#6e6a59;--warm:#8e663f;
}
html,body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{overscroll-behavior-y:contain}
.app-shell{background:var(--bg)}
.topbar{height:72px;padding-inline:max(18px,calc((100vw - 1500px)/2 + 24px));align-items:center}
.brand,.icon-btn{background:rgba(242,239,232,.82);color:#22211d;border-color:rgba(28,28,25,.14);backdrop-filter:blur(18px) saturate(120%);box-shadow:0 1px 0 rgba(255,255,255,.55)}
.brand{font-size:12px;font-weight:720;letter-spacing:.28em;padding:10px 13px 9px 16px}
.icon-btn{font-size:13px;width:38px;height:38px}
.art-card{background:var(--bg);color:var(--text)}
.image-wrap{background:#e7e3da}
.image-wrap::before{background:linear-gradient(145deg,#e4e0d7,#f7f4ed 58%,#dfdbd1)}
.image-skeleton{background:linear-gradient(105deg,#ddd8ce 10%,#eeeae2 22%,#ddd8ce 36%);background-size:220% 100%;border-radius:2px}
#artImage{object-fit:contain;max-width:100%;max-height:100%;filter:none;transition:opacity .24s ease,transform .5s cubic-bezier(.2,.75,.2,1)}
.image-shade{background:linear-gradient(to bottom,transparent 58%,rgba(242,239,232,.15) 70%,rgba(242,239,232,.96) 93%,#f2efe8 100%)}
.source-pill{top:84px;left:20px;background:rgba(247,244,237,.88);color:#4e4b45;border-color:rgba(28,28,25,.13);box-shadow:0 6px 22px rgba(35,31,24,.06);font-size:9px;letter-spacing:.07em;text-transform:uppercase}
.card-copy{color:var(--text)}
.eyebrow{color:#89857c;font-size:9px;letter-spacing:.18em;font-weight:650}
#artTitle,h1,.story-title{font-family:"Iowan Old Style","Palatino Linotype",Palatino,Baskerville,Georgia,serif;font-weight:400;letter-spacing:-.032em}
#artTitle{font-size:clamp(29px,7.2vw,45px);line-height:1.02;max-width:17ch}
.artist{font-size:14px;font-weight:560;letter-spacing:.01em;margin-top:11px;color:#2d2b27}
.meta-line{font-size:11px;color:#817d74;margin-top:4px;line-height:1.5}
.chip{background:transparent;color:#5c5952;border-color:rgba(28,28,25,.14);font-size:9px;padding:7px 9px;backdrop-filter:none;letter-spacing:.02em}
.story-button{max-width:228px;border:0;border-bottom:1px solid rgba(28,28,25,.34);border-radius:0;background:transparent;color:#24231f;padding:11px 0;font-size:11px;font-weight:650;backdrop-filter:none}
.story-button:hover{background:transparent;border-color:#1c1c19}
.gesture-hint{color:rgba(35,33,29,.42);font-size:7px;bottom:104px}
.reaction{background:rgba(248,246,241,.92);color:#24231f;border-color:rgba(28,28,25,.14);backdrop-filter:blur(16px);box-shadow:0 8px 28px rgba(42,36,27,.12);width:50px;height:50px;font-size:26px}
.reaction-link{width:44px;height:44px;font-size:17px}
.bottom-nav{background:rgba(242,239,232,.88);border-top-color:rgba(28,28,25,.09);backdrop-filter:blur(20px) saturate(120%);height:calc(52px + var(--safe-bottom))}
.nav-btn{color:#918d84}.nav-btn.active{color:#24231f}.nav-btn span{font-size:15px}.nav-btn small{font-size:8px;letter-spacing:.04em}
.toast{background:#24231f;color:#f6f3ec}
.view:not(#discoverView){background:var(--bg)}
.saved-item,.artist-portfolio,.related-works,.institution-card,.source-tier,.knowledge-card,.publication-card{background:rgba(255,255,255,.34)!important;border-color:rgba(28,28,25,.12)!important;box-shadow:none!important}
.saved-item img,.linked-image{background:#e3dfd6}
.sheet-backdrop{background:rgba(28,26,22,.38);backdrop-filter:blur(10px)}
.sheet-panel{background:#f5f2eb;color:#22211d;border-top-color:rgba(28,28,25,.14);box-shadow:0 -24px 70px rgba(39,34,27,.13)}
.sheet-actions{background:linear-gradient(to bottom,rgba(245,242,235,.98) 72%,rgba(245,242,235,0))}
.sheet-grabber{background:#c8c3b9}
.story-hero{background:#e8e4db;padding:18px;margin:8px -20px 24px;min-height:32vh;display:grid;place-items:center}
.story-hero img{background:transparent;max-height:64dvh;box-shadow:0 12px 34px rgba(37,32,25,.12)}
.story-title{color:#1f1e1a;font-size:clamp(31px,7vw,52px);line-height:1.02}
.lead{color:#49463f;font-family:"Iowan Old Style",Georgia,serif;font-size:18px}
.detail-tabs{background:linear-gradient(#f5f2eb 74%,rgba(245,242,235,.95),transparent)}
.detail-tab{background:transparent;color:#79756c;border-color:rgba(28,28,25,.12);font-size:9px;letter-spacing:.04em}.detail-tab.active{background:#24231f;color:#f5f2eb;border-color:#24231f}
.detail-section{border-top-color:rgba(28,28,25,.1)}
.story-row{border-top-color:rgba(28,28,25,.11)}.story-row span:first-child,.fineprint,.muted{color:#77736b!important}
.story-block h3,.section-kicker{color:#79756c}
.field-control,.setting-row select{background:#ebe7de;color:#292823;border-color:rgba(28,28,25,.13)}
.soft-btn{background:#ebe7de;color:#292823;border-color:rgba(28,28,25,.13)}.primary-btn{background:#24231f;color:#f7f4ed}
.map-canvas,.detail-network-canvas{background:radial-gradient(circle at 50% 45%,#f8f5ee,#ebe7dd 62%,#dfdacf)!important;border-color:rgba(28,28,25,.11)!important}
.map-node,.detail-network-node{background:rgba(247,244,237,.92)!important;color:#282722!important;border-color:rgba(28,28,25,.13)!important;box-shadow:0 7px 20px rgba(38,33,25,.07)!important}
.detail-network-center,.map-node.center{background:#25241f!important;color:#f6f3ec!important}
.map-line,.detail-network-lines line{background:rgba(28,28,25,.13);stroke:rgba(28,28,25,.14)!important}
.linked-work-card{background:rgba(255,255,255,.3);color:#22211d;border-color:rgba(28,28,25,.12)}
.linked-copy>span:not(.linked-reason){color:#68645c}.linked-copy small,.linked-reason{color:#858178!important}
.relation-badge{border-color:rgba(28,28,25,.14)!important;color:#716d65!important;background:transparent!important}
.catalog-title summary,.object-trace summary{color:#625f57!important}
.image-error .source-pill::after{content:" · görsel yedeği"}

@media (max-width:759px){
  .art-card{min-height:100dvh;padding-bottom:0}
  .image-wrap{inset:0 0 34%;position:absolute;padding:78px 18px 6px}
  #artImage{width:100%;height:100%;object-fit:contain}
  .image-shade{display:none}
  .source-pill{top:82px;left:18px;max-width:68vw}
  .card-copy{left:22px;right:22px;bottom:118px;max-width:none;padding-top:17px;border-top:1px solid rgba(28,28,25,.11)}
  #artTitle{font-size:clamp(30px,8.6vw,42px);max-width:18ch}
  .connection-strip{margin-top:11px}
  .story-button{margin-top:8px}
  .gesture-hint{display:none}
  .reaction-dock{bottom:calc(56px + var(--safe-bottom));gap:9px}
}

@media (min-width:760px){
  .art-card{grid-template-columns:minmax(0,1.42fr) minmax(360px,.58fr);max-width:1600px;margin:0 auto;background:var(--bg)}
  .image-wrap{min-height:100dvh;padding:96px 4vw 88px;border-right:1px solid rgba(28,28,25,.09);background:#ebe7de}
  #artImage{max-width:min(76vw,1040px);max-height:calc(100dvh - 184px);width:auto;height:auto;box-shadow:0 18px 48px rgba(37,32,25,.10)}
  .image-shade{display:none}
  .source-pill{top:91px;left:calc(4vw + 4px)}
  .card-copy{padding:104px clamp(38px,5vw,84px) 150px clamp(34px,4.2vw,72px);max-width:560px;align-self:end}
  #artTitle{font-size:clamp(42px,4.4vw,68px);max-width:13ch;line-height:.98}
  .artist{font-size:15px;margin-top:17px}.meta-line{font-size:11px}
  .connection-strip{margin-left:0;padding-left:0;margin-right:0;padding-right:0;flex-wrap:wrap;overflow:visible}
  .reaction-dock{left:auto;right:max(42px,calc((100vw - 1500px)/2 + 48px));transform:none;bottom:74px}
  .bottom-nav{left:auto;right:max(32px,calc((100vw - 1500px)/2 + 32px));bottom:14px;width:250px;height:46px;padding:0 8px;border:1px solid rgba(28,28,25,.11);border-radius:999px;box-shadow:0 7px 24px rgba(38,33,25,.08)}
  .nav-btn{width:70px}
}

/* Render off-screen detail sections only when they approach the viewport. */
.detail-section,.linked-work-card,.saved-item{content-visibility:auto;contain-intrinsic-size:1px 420px}
/* v16 light-surface consistency for legacy components */
.personal-note-input{background:#ebe7de!important;color:#292823!important}
.research-link-row .community-link{color:#6f6a61!important}
.focus-card>p{color:#5f5b54!important}
.focus-link-row a{border-bottom-color:rgba(28,28,25,.24)!important;color:#77736b!important}
.map-legend{background:rgba(247,244,237,.9)!important;border-color:rgba(28,28,25,.1)!important;box-shadow:0 7px 24px rgba(38,33,25,.06)!important}
.journey-strip button{color:#5d5951!important;border-color:rgba(28,28,25,.1)!important;background:rgba(255,255,255,.28)!important}
.timeline-dot{background:#8b867b!important;border-color:#f5f2eb!important;box-shadow:0 0 0 1px rgba(28,28,25,.14)!important}
.relation-pill,.institution-actions a{background:rgba(255,255,255,.28)!important;color:#292823!important;border-color:rgba(28,28,25,.12)!important}
.source-badges a,.source-portals a{color:#292823!important;border-color:rgba(28,28,25,.14)!important}


/* v17 exhibition mode */
.icon-btn.active{background:rgba(27,27,23,.14);border-color:rgba(27,27,23,.24)}
.exhibition-hud{position:fixed;left:50%;bottom:calc(16px + var(--safe-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:999px;background:rgba(17,16,14,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#f5f2eb;box-shadow:0 14px 42px rgba(0,0,0,.22);z-index:70}
.exhibition-status{font-size:12px;letter-spacing:.03em;white-space:nowrap;opacity:.95}
.hud-btn{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#f5f2eb;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:650}
body.exhibition-mode{background:#0e0d0b}
body.exhibition-mode .topbar,body.exhibition-mode .bottom-nav,body.exhibition-mode .reaction-dock,body.exhibition-mode .gesture-hint{opacity:0;pointer-events:none;transform:translateY(-8px)}
body.exhibition-mode .main-stage{padding-top:0}
body.exhibition-mode #discoverView{min-height:100dvh}
body.exhibition-mode .art-card{display:block;max-width:none;margin:0;min-height:100dvh;background:#0e0d0b;color:#f5f2eb}
body.exhibition-mode .image-wrap{position:absolute;inset:0;height:100dvh;border-radius:0;background:#0d0c0a}
body.exhibition-mode .image-wrap img{width:100%;height:100%;object-fit:contain;filter:saturate(.96) contrast(1.02)}
body.exhibition-mode .image-skeleton{display:none}
body.exhibition-mode .image-shade{background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.28) 24%,rgba(0,0,0,0) 54%)}
body.exhibition-mode .source-pill{top:20px;right:20px;left:auto;background:rgba(18,17,15,.55);border-color:rgba(255,255,255,.15);color:#f3efe8}
body.exhibition-mode .card-copy{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:34px 22px calc(94px + var(--safe-bottom));align-self:end;max-width:min(900px,90vw);background:linear-gradient(to top,rgba(0,0,0,.64),rgba(0,0,0,.36),rgba(0,0,0,0));color:#f5f2eb}
body.exhibition-mode .card-copy .eyebrow,body.exhibition-mode .artist,body.exhibition-mode .meta-line{color:rgba(245,242,235,.84)}
body.exhibition-mode #artTitle{color:#fff;max-width:18ch;font-size:clamp(34px,5vw,76px);text-shadow:0 2px 18px rgba(0,0,0,.32)}
body.exhibition-mode .connection-strip,body.exhibition-mode .journey-strip,body.exhibition-mode .story-button{display:none!important}
body.exhibition-mode .sheet.open .sheet-panel{max-height:96dvh}
@media (min-width:900px){body.exhibition-mode .card-copy{padding-left:42px;padding-right:42px;padding-bottom:calc(110px + var(--safe-bottom));}}


/* v18 exhibition options */
body.exhibition-mode.exhibition-fit-natural .image-wrap{overflow:auto;display:grid;place-items:center}
body.exhibition-mode.exhibition-fit-natural .image-wrap img{width:auto;height:auto;max-width:none;max-height:none;object-fit:unset}
body.exhibition-mode.exhibition-fit-contain .image-wrap img{width:100%;height:100%;object-fit:contain}
body.exhibition-mode.hud-hidden .exhibition-hud{opacity:0;transform:translateX(-50%) translateY(12px);pointer-events:none}
.exhibition-hud{transition:opacity .24s ease,transform .24s ease}


/* v19 digital exhibition player */
.hud-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.hud-help{font-size:10px;opacity:.62;white-space:nowrap}
body.exhibition-info-hidden .card-copy,body.exhibition-info-hidden .source-pill{opacity:0;transform:translateY(12px);pointer-events:none}
body.exhibition-mode .card-copy,body.exhibition-mode .source-pill{transition:opacity .5s ease,transform .5s ease}
body.exhibition-mode .image-wrap{transition:background-color .55s ease}
body.exhibition-mode .exhibition-transition-ghost{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:4;opacity:1;transition:opacity .85s cubic-bezier(.2,.7,.2,1);pointer-events:none;background:#0e0d0b}
body.exhibition-mode.exhibition-fit-natural .exhibition-transition-ghost{object-fit:none}
body.exhibition-mode .exhibition-transition-ghost.fade-out{opacity:0}
body.exhibition-mode .art-card.copy-transition .card-copy{opacity:.15;transform:translateY(8px)}
body.exhibition-mode .art-card.fade-to-black::after{content:"";position:absolute;inset:0;background:#050505;z-index:5;opacity:1;pointer-events:none;transition:opacity .42s ease}
body.exhibition-mode .art-card::after{content:"";position:absolute;inset:0;background:#050505;z-index:5;opacity:0;pointer-events:none;transition:opacity .42s ease}
body.exhibition-mode .hud-btn:focus-visible,body.exhibition-mode .icon-btn:focus-visible,body.exhibition-mode button:focus-visible{outline:2px solid rgba(255,255,255,.95);outline-offset:4px}
@media (max-width:760px){.hud-help{display:none}.exhibition-hud{max-width:calc(100vw - 24px)}}
@media (min-width:1200px){body.exhibition-mode .exhibition-hud{padding:12px 18px}.hud-help{font-size:11px}.exhibition-status{font-size:13px}}

/* ===== v20 cultural discovery system ===== */
.evidence-badge{display:inline-flex;align-items:center;max-width:100%;margin-left:6px;padding:3px 7px;border:1px solid rgba(31,30,26,.12);border-radius:999px;font-size:9px!important;line-height:1.15;letter-spacing:.02em;text-transform:none!important;color:#746f66;background:rgba(255,255,255,.38);vertical-align:middle;white-space:normal}
.evidence-güçlü{border-color:rgba(45,92,64,.2);color:#365f47;background:rgba(80,130,95,.07)}
.evidence-kişisel{border-color:rgba(103,79,135,.2);color:#66517e;background:rgba(103,79,135,.07)}
.evidence-keşif,.evidence-yorumlayıcı{border-style:dashed;color:#826e4e;background:rgba(155,125,73,.07)}
.importance-grid,.reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.importance-grid article,.reading-grid article{border-top:1px solid rgba(28,28,25,.12);padding:13px 2px 4px;min-width:0}
.importance-grid strong,.reading-grid strong{display:block;font-family:"Iowan Old Style","Palatino Linotype",Palatino,Baskerville,Georgia,serif;font-size:18px;font-weight:400;color:#26241f}
.importance-grid p,.reading-grid p{font-size:13px;line-height:1.55;color:#666158;margin:7px 0 9px}
.spacetime-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:14px}
.time-map,.world-mini{position:relative;min-height:150px;border:1px solid rgba(28,28,25,.1);background:rgba(255,255,255,.34);padding:18px;border-radius:4px;overflow:hidden}
.time-axis{position:relative;height:48px;margin:20px 4px 16px;border-top:1px solid rgba(28,28,25,.25)}
.time-axis span{position:absolute;top:-22px;font-size:9px;color:#8a857b;transform:translateX(-50%)}
.time-axis span:nth-child(1){left:0;transform:none}.time-axis span:nth-child(2){left:50%}.time-axis span:nth-child(3){left:75%}.time-axis span:nth-child(4){right:0;left:auto;transform:none}
.time-axis i{position:absolute;top:-6px;width:11px;height:11px;background:#24221d;border:3px solid #f5f2eb;border-radius:50%;box-shadow:0 0 0 1px #24221d}
.time-map>strong,.world-mini>strong{display:block;font-family:"Iowan Old Style",Palatino,Georgia,serif;font-size:20px;font-weight:400}.time-map>small{display:block;color:#787268;margin-top:5px}
.world-mini{background:linear-gradient(165deg,#e8e5dd,#f5f2eb);display:flex;flex-direction:column;justify-content:flex-end}
.world-mini:before{content:"";position:absolute;inset:18px 16px 50px;border:1px solid rgba(30,30,26,.1);border-radius:48% 44% 45% 49%;background:radial-gradient(ellipse at 30% 40%,rgba(50,48,42,.05) 0 18%,transparent 19%),radial-gradient(ellipse at 68% 45%,rgba(50,48,42,.05) 0 22%,transparent 23%),radial-gradient(ellipse at 84% 67%,rgba(50,48,42,.05) 0 10%,transparent 11%)}
.world-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:#24221d;box-shadow:0 0 0 5px rgba(36,34,29,.12);transform:translate(-50%,-50%);z-index:2}.world-mini a{font-size:11px;margin-top:7px;color:#5f5a50}
.route-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}.route-grid button{min-width:0;text-align:left;border:1px solid rgba(28,28,25,.1);background:rgba(255,255,255,.3);padding:12px;border-radius:4px;color:#282620}.route-grid strong{display:block;font-size:12px}.route-grid>button>span:not(.relation-badge):not(.evidence-badge){display:block;font-family:"Iowan Old Style",Palatino,Georgia,serif;font-size:17px;line-height:1.15;margin:7px 0 10px;overflow-wrap:anywhere}
.story-compare{margin-top:10px}.compare-panel{max-height:96dvh}.compare-content{padding-bottom:30px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.compare-art{min-width:0}.compare-label{font-size:10px;letter-spacing:.14em;color:#858077;margin-bottom:8px}.compare-image{height:min(48dvh,520px);background:#e7e3da;display:grid;place-items:center;overflow:hidden}.compare-image img{width:100%;height:100%;object-fit:contain}.compare-art h3{font-family:"Iowan Old Style",Palatino,Georgia,serif;font-size:clamp(22px,4vw,36px);font-weight:400;line-height:1.05;margin:12px 0 6px}.compare-art p{margin:0 0 5px}.compare-art small{display:block;color:#7c776e;line-height:1.4}.compare-art a{display:inline-block;margin-top:10px;font-size:11px;color:#615c52}.compare-analysis{border-top:1px solid rgba(28,28,25,.15);padding-top:20px}.compare-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.compare-metrics div{border:1px solid rgba(28,28,25,.1);padding:12px}.compare-metrics strong{display:block;font-family:"Iowan Old Style",Palatino,Georgia,serif;font-size:26px;font-weight:400}.compare-metrics span{font-size:10px;color:#7a756c}.compare-common{display:flex;gap:6px;flex-wrap:wrap}.compare-common span{border:1px solid rgba(28,28,25,.1);padding:5px 8px;border-radius:999px;font-size:10px}.compare-analysis li{font-size:13px;line-height:1.5;margin:5px 0}.compare-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.portfolio-arc{margin:18px 0}.portfolio-phases{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.portfolio-phases>div{border-top:1px solid rgba(28,28,25,.12);padding:10px 0}.portfolio-phases span{display:block;text-transform:uppercase;letter-spacing:.11em;font-size:9px;color:#8a857c}.portfolio-phases strong{display:block;font-family:"Iowan Old Style",Palatino,Georgia,serif;font-size:20px;font-weight:400;margin:4px 0}.portfolio-phases small{display:block;line-height:1.45;color:#777168}
.journal-summary{margin-bottom:22px}.journal-card{border-top:1px solid rgba(28,28,25,.18);border-bottom:1px solid rgba(28,28,25,.1);padding:18px 0}.journal-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.journal-metrics div{padding:12px;background:rgba(255,255,255,.32)}.journal-metrics strong{display:block;font-family:"Iowan Old Style",Palatino,Georgia,serif;font-size:28px;font-weight:400}.journal-metrics span,.journal-row>span{font-size:10px;color:#807a71}.journal-row{margin-top:12px}.journal-row>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.journal-row b{font-size:10px;font-weight:500;border:1px solid rgba(28,28,25,.1);border-radius:999px;padding:5px 8px}.journal-row p{font-family:"Iowan Old Style",Palatino,Georgia,serif;font-size:18px;margin:5px 0}
.detail-network-node .evidence-badge,.map-node .evidence-badge{display:block;margin:4px 0 0;font-size:7px!important;max-width:110px;overflow:hidden}.linked-reason .evidence-badge{margin-left:4px}
@media(max-width:760px){.importance-grid,.reading-grid,.spacetime-grid,.compare-grid{grid-template-columns:1fr}.route-grid{grid-template-columns:1fr 1fr}.portfolio-phases{grid-template-columns:1fr}.journal-metrics{grid-template-columns:1fr 1fr}.compare-image{height:40dvh}.evidence-badge{font-size:8px!important}.world-mini{min-height:170px}}
.artist-link{border:0;background:transparent;padding:0;text-align:left;cursor:pointer;color:inherit}.artist-link:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}

/* v21 canonical map context */
.map-context-note{display:block;margin-top:7px;color:var(--muted);font-size:10px;letter-spacing:.04em}

/* v22 mobile app shell — cream, quiet, music-app simplicity */
.mobile-primary-actions,.mobile-secondary-actions{display:none}
@media (max-width:759px){
  :root{--mobile-cream:#f3efe6;--mobile-cream-2:#ebe5d9;--mobile-ink:#1f1d19;--mobile-muted:#7a746a;--mobile-line:rgba(31,29,25,.10)}
  body{background:var(--mobile-cream);color:var(--mobile-ink)}
  .app-shell{background:var(--mobile-cream);min-height:100dvh}
  .topbar{height:58px;padding:max(8px,env(safe-area-inset-top)) 16px 0;background:linear-gradient(to bottom,rgba(243,239,230,.98),rgba(243,239,230,.86),rgba(243,239,230,0));pointer-events:none}
  .topbar .brand,.topbar #settingsBtn{pointer-events:auto}
  .topbar #whyBtn,.topbar #compareBtn,.topbar #exhibitionBtn{display:none!important}
  .brand{font-size:18px;letter-spacing:.03em;color:var(--mobile-ink)}
  .icon-btn{width:36px;height:36px;border-color:var(--mobile-line);background:rgba(255,255,255,.34);color:var(--mobile-ink);box-shadow:none}
  .main-stage{min-height:100dvh;padding-bottom:calc(72px + var(--safe-bottom))}
  .art-card{display:block;min-height:auto;background:var(--mobile-cream);color:var(--mobile-ink);padding:66px 0 18px;overflow:visible}
  .image-wrap{position:relative;inset:auto;height:min(57dvh,540px);min-height:330px;margin:0 14px;border-radius:22px;overflow:hidden;background:var(--mobile-cream-2);box-shadow:inset 0 0 0 1px rgba(31,29,25,.055)}
  .image-wrap img{width:100%;height:100%;object-fit:contain;padding:10px;box-sizing:border-box;background:transparent}
  .image-shade{display:none}
  .source-pill{top:12px;left:12px;right:auto;max-width:72%;padding:7px 10px;border:0;background:rgba(243,239,230,.90);color:#554f46;font-size:9px;letter-spacing:.02em;box-shadow:0 3px 14px rgba(35,30,24,.08)}
  .card-copy{position:relative;inset:auto;max-width:none;padding:18px 20px 4px;background:transparent;color:var(--mobile-ink);display:block}
  .card-copy .eyebrow{font-size:9px;letter-spacing:.13em;color:var(--mobile-muted);margin-bottom:8px}
  #artTitle{font-size:clamp(29px,8.5vw,42px);line-height:1.01;max-width:18ch;color:var(--mobile-ink);margin:0 0 7px}
  .artist-link{font-size:15px;color:#4b463f;text-decoration:none;margin:0 0 3px}
  .meta-line{font-size:12px;line-height:1.45;color:var(--mobile-muted);margin:0 0 14px;max-width:36ch}
  .connection-strip{display:flex;overflow-x:auto;gap:7px;margin:2px -20px 12px;padding:0 20px 4px;scrollbar-width:none}
  .connection-strip::-webkit-scrollbar{display:none}
  .chip{flex:0 0 auto;background:rgba(255,255,255,.38);border-color:var(--mobile-line);color:#5a544a;border-radius:999px;font-size:10px;padding:7px 9px}
  .journey-strip{margin:8px 0 10px}
  .story-button{max-width:none;width:100%;height:48px;margin:8px 0 10px;padding:0 16px;border:0;border-radius:14px;background:#24211c;color:#f7f3eb;font-size:13px;font-weight:650;display:flex;align-items:center;justify-content:space-between}
  .story-button:hover{background:#24211c;border:0}
  .mobile-primary-actions{display:flex;justify-content:center;gap:34px;padding:6px 0 12px}
  .mobile-circle-action{display:grid;justify-items:center;gap:5px;border:0;background:transparent;color:var(--mobile-ink);min-width:50px;padding:0}
  .mobile-circle-action>span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(31,29,25,.14);background:rgba(255,255,255,.30);font-size:23px;font-weight:400}
  .mobile-circle-action small{font-size:9px;color:var(--mobile-muted);font-weight:550;letter-spacing:.02em}
  .mobile-secondary-actions{display:flex;gap:8px;overflow-x:auto;padding:0 0 2px;scrollbar-width:none}
  .mobile-secondary-actions::-webkit-scrollbar{display:none}
  .mobile-secondary-actions button{flex:0 0 auto;border:1px solid var(--mobile-line);background:rgba(255,255,255,.30);color:#514b43;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:600}
  .reaction-dock{display:none!important}
  .gesture-hint{display:none!important}
  .bottom-nav{height:calc(62px + var(--safe-bottom));padding:4px 14px var(--safe-bottom);background:rgba(243,239,230,.94);border-top:1px solid var(--mobile-line);backdrop-filter:blur(22px) saturate(120%);box-shadow:0 -8px 26px rgba(54,46,37,.05)}
  .nav-btn{color:#888176;gap:2px;min-width:72px}
  .nav-btn span{font-size:19px}.nav-btn small{font-size:9px;font-weight:600}
  .nav-btn.active{color:#211e1a}
  .sheet-panel{background:#f6f2ea;color:#24211d;border-radius:24px 24px 0 0;border-top-color:var(--mobile-line);box-shadow:0 -20px 55px rgba(45,38,30,.12)}
  .sheet-actions{background:linear-gradient(to bottom,rgba(246,242,234,.99) 74%,rgba(246,242,234,0))}
  .sheet-backdrop{background:rgba(40,35,29,.26);backdrop-filter:blur(8px)}
  /* Mobile exhibition is intentionally transient: controls wake on touch, then disappear. */
  body.exhibition-mode .exhibition-hud{left:12px;right:12px;bottom:calc(12px + var(--safe-bottom));transform:none;max-width:none;width:auto;justify-content:space-between;border-radius:18px;padding:9px 10px;background:rgba(24,22,18,.68)}
  body.exhibition-mode.hud-hidden .exhibition-hud{transform:translateY(12px);opacity:0}
  .exhibition-hud .hud-copy{flex:1;min-width:0}.exhibition-status{font-size:10px}.hud-help{display:none!important}.hud-btn{padding:8px 11px;font-size:10px}
  body.exhibition-mode .card-copy{padding:26px 18px calc(74px + var(--safe-bottom));max-width:92vw}
  body.exhibition-mode #artTitle{font-size:clamp(30px,9vw,48px)}
}
@media (max-width:759px){
  .mobile-circle-action.saved>span{background:#24211c;color:#f7f3eb;border-color:#24211c}
}