.personal-graph{--graph-dot:#6e6a64;--graph-dim:#dbd7ce;--graph-accent:#82364b;color:var(--ink,#292820);max-width:1400px;margin:auto;padding:54px 5vw 80px}.graph-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.graph-heading h1{letter-spacing:-.04em;margin:10px 0;font-family:Georgia,serif;font-size:clamp(2.6rem,5vw,4.5rem);font-weight:400}.personal-graph p{color:var(--secondary,#706b63);line-height:1.6}.personal-graph button,.personal-graph input,.personal-graph select,.personal-graph summary,.personal-graph a{min-height:44px}.personal-graph button,.personal-graph input,.personal-graph select{font:inherit;border:1px solid var(--hairline,#d8d4cb);color:inherit;background:0 0;border-radius:6px;padding:10px 14px}.personal-graph button{cursor:pointer}.personal-graph button:disabled{opacity:.45;cursor:default}.personal-graph button[aria-pressed=true]{background:var(--graph-accent);color:#fff}.personal-graph :focus-visible{outline:2px solid var(--graph-accent);outline-offset:3px}.personal-graph a{color:var(--graph-accent);align-items:center;display:inline-flex}.graph-toolbar{flex-wrap:wrap;align-items:end;gap:12px;margin-top:30px;display:flex}.personal-graph label{gap:7px;font-size:.85rem;display:grid}.graph-toolbar label:first-child{flex:1;min-width:200px}.graph-history-note,.graph-caption{max-width:95ch;font-size:.8rem}.graph-metrics{border-bottom:1px solid var(--hairline,#d8d4cb);flex-wrap:wrap;gap:24px;padding:18px 0;font-size:.85rem;display:flex}.graph-metrics span:last-child{color:var(--secondary,#706b63);margin-left:auto}.personal-graph-world,.graph-empty{width:100%;height:clamp(520px,78svh,960px);position:relative;overflow:hidden}.personal-graph-canvas{position:absolute;inset:0}.personal-graph-canvas canvas{cursor:grab;touch-action:pan-y;width:100%;height:100%;display:block}.personal-graph-canvas canvas:active{cursor:grabbing}.graph-label{pointer-events:none;color:var(--ink,#292820);font-size:.9rem;position:absolute;top:18px;left:20px;right:20px}.graph-rotate-hint{color:var(--secondary,#706b63);pointer-events:none;font-size:.75rem;position:absolute;bottom:18px;left:20px}.graph-pick{background:var(--canvas,#f8f6f1);border:1px solid var(--hairline,#d8d4cb);z-index:2;gap:6px;max-width:320px;max-height:70%;padding:16px;display:grid;position:absolute;top:12px;right:12px;overflow:auto}.graph-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.graph-empty>span{color:var(--graph-accent);font-size:72px}.graph-empty p{max-width:45ch}.graph-fallback{text-align:center;position:absolute;inset:30%}.graph-reading{border-top:1px solid var(--hairline,#d8d4cb);grid-template-columns:1fr 1fr;gap:44px;padding-top:22px;display:grid}.personal-graph h2{letter-spacing:-.025em;font:400 1.7rem Georgia,serif}.personal-graph h3{margin-top:28px;font-size:1rem}.personal-graph ul{margin:0;padding:0;list-style:none}.personal-graph li{padding:8px 0}.personal-graph small{color:var(--secondary,#706b63);font-size:.76rem;line-height:1.6;display:block}.graph-list h2{align-items:center;gap:12px;display:flex}.graph-list ul{max-height:510px;overflow:auto}.graph-list li{border-bottom:1px solid var(--hairline,#d8d4cb);padding:0}.graph-list li button{text-align:left;border:0;border-radius:0;align-items:center;gap:14px;width:100%;display:flex}.graph-list li button span:nth-child(2){flex:1}.graph-list li button[aria-pressed=true]{background:color-mix(in srgb,var(--graph-accent) 9%,transparent);color:var(--ink,#292820)}.graph-list-dot{background:var(--graph-dot);border-radius:50%;flex-shrink:0;width:5px;height:5px}.graph-list button[aria-pressed=true] .graph-list-dot{background:var(--graph-accent)}.graph-detail{min-width:0}.graph-detail-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.graph-detail ul button{text-align:left;border:0;padding-left:0}.graph-check{align-items:center;display:flex!important}.graph-check input{width:20px}.graph-pagination{align-items:center;gap:12px;margin-top:12px;display:flex}.personal-graph summary{cursor:pointer;padding:14px 0;font-size:.9rem;display:list-item}.personal-graph details{border-top:1px solid var(--hairline,#d8d4cb)}.graph-trail,.graph-development{border-top:1px solid var(--hairline,#d8d4cb);margin-top:52px;padding-top:25px}.graph-development{max-width:900px}.graph-development li span{display:block}.graph-window{padding:0 0 24px}.personal-graph .eyebrow{letter-spacing:.13em;text-transform:uppercase;font-size:.72rem}.graph-detail details ul,.graph-development details ul{max-height:420px;overflow:auto}:root[data-theme=dark] .personal-graph{--graph-dot:#b2aca2;--graph-dim:#43423e;--graph-accent:#d696a3}@media (prefers-color-scheme:dark){:root:not([data-theme=day]):not([data-theme=light]) .personal-graph{--graph-dot:#b2aca2;--graph-dim:#43423e;--graph-accent:#d696a3}}@media (max-width:760px){.personal-graph{padding:30px 6vw 60px}.personal-graph-world,.graph-empty{height:380px;margin-top:18px}.graph-reading{grid-template-columns:1fr;gap:24px}.graph-detail{border-top:1px solid var(--hairline,#d8d4cb);padding-top:20px}.graph-metrics{gap:12px}.graph-metrics span:last-child{width:100%;margin-left:0}.graph-heading{align-items:start}.graph-heading>button{margin-top:8px}.graph-toolbar{gap:10px}.graph-toolbar label:first-child{flex-basis:100%;width:100%}.graph-list ul{max-height:300px}}@media (prefers-reduced-motion:reduce){.personal-graph *{scroll-behavior:auto;transition:none;animation:none}}@media (max-width:760px){.graph-detail:has(.graph-detail-heading){z-index:20;background:var(--canvas,#faf8f3);border-radius:16px 16px 0 0;max-height:55svh;padding:20px 6vw;position:fixed;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 -6px 30px #0002}.graph-detail:has(.graph-detail-heading) .graph-detail-heading{background:var(--canvas,#faf8f3);z-index:1;padding-top:12px;position:sticky;top:-20px}}.personal-graph{background:var(--canvas,#faf8f3);max-width:none;min-height:85svh;padding:24px 4vw 36px;position:relative}.graph-heading{z-index:3;min-height:74px;position:relative}.graph-heading h1{margin:3px 0;font-size:clamp(1.6rem,3vw,2.35rem)}.graph-heading .eyebrow{margin:0 0 6px;font-size:.65rem}.graph-actions{align-items:center;gap:8px;display:flex}.graph-actions button{border-color:#0000;font-size:.85rem}.graph-actions button:hover{border-color:var(--hairline)}.graph-metrics{z-index:2;color:var(--secondary);border:0;gap:18px;padding:8px 0;font-size:.75rem;position:relative}.graph-metrics strong{font-weight:400}.personal-graph-world,.graph-empty,.graph-loading-environment{height:clamp(460px,69svh,900px);margin:0}.personal-graph-world{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--graph-dot) 4%,transparent),transparent 65%)}.personal-graph-canvas canvas{touch-action:none}.graph-caption{max-width:80ch;margin:6px 0 18px;font-size:.72rem}.graph-reading{display:contents}.graph-list:not([hidden]){background:var(--canvas,#faf8f3);border:1px solid var(--hairline);z-index:5;border-radius:10px;width:min(360px,85vw);max-height:65svh;padding:18px;position:absolute;top:122px;left:4vw;overflow:auto;box-shadow:0 12px 36px #0000000c}.graph-list h2{font-size:1.1rem}.graph-list input{width:100%;min-width:0}.graph-list ul{max-height:46svh}.graph-detail:not([hidden]){background:var(--canvas,#faf8f3);border:1px solid var(--hairline);z-index:4;border-radius:10px;width:min(350px,35vw);max-height:66svh;padding:20px;position:absolute;top:120px;right:4vw;overflow:auto;box-shadow:0 12px 36px #0000000c}.graph-detail h2{margin-top:0;font-size:1.35rem}.graph-detail p{font-size:.85rem}.graph-detail-heading button{padding:8px;font-size:.75rem}.graph-groups{max-width:600px}.graph-groups>ul{max-height:45svh;overflow:auto}.graph-groups li>button{margin:3px;font-size:.8rem}.graph-groups li>strong{font:400 1.1rem Georgia,serif;display:block}.graph-loading-environment{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.graph-loading-orbit{border:1px dashed var(--hairline,#ddd);opacity:.55;pointer-events:none;border-radius:50%;width:220px;height:220px;position:absolute;transform:rotateX(65deg)}.graph-loading-environment p{margin:0;font-size:.9rem}.graph-loading-environment small{margin-top:10px}.graph-retry{justify-content:center;gap:20px;padding:24px;display:flex}.graph-history-controls{border-bottom:1px solid var(--hairline);padding:12px 0}.graph-history-controls .graph-toolbar{margin-top:0}.graph-history-controls .graph-toolbar label:first-child{flex:0}.graph-zoom{gap:5px;display:flex;position:absolute;bottom:12px;right:12px}.graph-zoom button{background:var(--canvas,#faf8f3);min-width:44px;font-size:1rem}.graph-label{background:var(--canvas,#faf8f3);border:1px solid var(--hairline);border-radius:5px;max-width:70%;padding:8px 12px;top:12px;right:auto}.graph-label small{margin-top:3px}.graph-fallback{font-size:.9rem;inset:25% 12%}@media (max-width:760px){.personal-graph{padding:18px 5vw 28px}.graph-heading{align-items:center;gap:12px}.graph-heading h1{font-size:1.65rem}.graph-actions{gap:0}.graph-actions button{padding:9px 7px;font-size:.72rem}.graph-metrics{gap:12px;min-height:48px;font-size:.7rem}.graph-metrics span:last-child{width:auto;margin-left:0}.personal-graph-world,.graph-empty,.graph-loading-environment{height:65svh;min-height:410px}.graph-list:not([hidden]){width:90vw;max-height:58svh;top:122px;left:5vw}.graph-detail:not([hidden]){width:100%;max-height:52svh;padding:20px 6vw max(20px,env(safe-area-inset-bottom));z-index:20;border-radius:18px 18px 0 0;position:fixed;inset:auto 0 0}.graph-caption{font-size:.65rem}.graph-rotate-hint{font-size:.65rem;bottom:66px;left:12px}.graph-history-controls .graph-toolbar label:first-child{flex-basis:auto;width:auto}.graph-zoom{bottom:10px}.graph-label{font-size:.8rem}}.graph-timeline{max-width:520px;margin-bottom:12px}.graph-timeline input{accent-color:var(--graph-accent);border:0;width:100%;padding:0}.graph-actions button{white-space:nowrap}@media (max-width:760px){.graph-has-selection .personal-graph-world{height:22svh;min-height:180px}.graph-detail:not([hidden]){max-height:45svh}.graph-has-selection .graph-rotate-hint{display:none}}.graph-stage{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;display:grid;position:relative}.graph-has-selection .graph-stage{grid-template-columns:minmax(0,1fr) minmax(300px,380px)}.graph-stage .graph-detail:not([hidden]){overscroll-behavior:contain;background:var(--canvas,#faf8f3);border-radius:12px;width:100%;max-height:69svh;padding:0;position:relative;inset:auto;overflow:auto}.graph-story-top{z-index:2;background:var(--canvas,#faf8f3);border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;display:flex;position:sticky;top:0}.graph-story-top .eyebrow{color:var(--secondary);font-size:.6rem}.graph-story-top button{border:0;padding:8px;font-size:.72rem}.graph-artwork-image{background:color-mix(in srgb,var(--graph-dot) 6%,transparent);min-width:0;margin:0;display:block;position:relative;overflow:hidden}.graph-artwork-image>img,.graph-artwork-image>.rights-placeholder{object-fit:contain;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:112px;display:flex}.graph-artwork-image>.rights-placeholder>span{color:var(--secondary);font-size:1.6rem}.graph-artwork-image figcaption{color:var(--secondary);text-align:left;overflow-wrap:anywhere;padding:5px 8px;font-size:.58rem;line-height:1.35}.graph-artwork-hero>img,.graph-artwork-hero>.rights-placeholder{object-fit:contain;height:220px;max-height:30svh;padding:12px}.graph-artwork-hero figcaption{padding:3px 18px 10px}.graph-story-body{padding:20px}.graph-story-body h2{overflow-wrap:anywhere;margin:0 0 8px;font-size:1.75rem;line-height:1.12}.graph-story-body h2:focus{outline:none}.graph-story-body .graph-story-artist{margin:0;font-size:.86rem}.graph-story-body .graph-story-museum{margin:8px 0 0;font-size:.74rem}.graph-story-facts{border-block:1px solid var(--hairline);gap:25px;margin-top:20px;padding:15px 0;font-size:.9rem;display:flex}.graph-story-facts strong{font-weight:500}.graph-story-facts small{margin-top:3px;font-size:.65rem}.graph-story-body h3{align-items:center;gap:12px;margin:25px 0 16px;font-size:.95rem;font-weight:500;display:flex}.graph-story-body h3 small{font-weight:400}.graph-connections-story li{border-bottom:1px solid var(--hairline);margin-bottom:20px;padding:0 0 20px}.graph-connections-story h3{margin-bottom:18px}.graph-relationship-pair{grid-template-columns:minmax(0,.6fr) 24px minmax(0,1fr);align-items:start;gap:8px;display:grid}.graph-relationship-pair>span{height:112px;color:var(--graph-accent);place-items:center;display:grid}.graph-detail .graph-relationship-pair button{text-align:left;border:0;border-radius:5px;width:100%;min-width:0;padding:0}.graph-relationship-pair button strong{overflow-wrap:anywhere;margin:9px 0 3px;font:400 1.03rem/1.25 Georgia,serif;display:block}.graph-relationship-pair button small{font-size:.68rem}.graph-relationship-pair button:hover strong{text-underline-offset:3px;text-decoration:underline}.graph-story-body blockquote{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);margin:8px 0 12px;font:400 1.07rem/1.6 Georgia,serif}.graph-story-body .eyebrow{letter-spacing:.11em;margin:18px 0 0;font-size:.57rem}.graph-edge-focus{border-left:2px solid var(--graph-accent);padding-left:12px!important}.graph-encounter-story>div{padding-bottom:18px}.graph-encounter-story{margin-bottom:20px}.graph-story-body details{margin-top:12px}.graph-story-body details summary{font-size:.78rem}.graph-story-body .graph-open-artwork{margin-top:15px;font-size:.8rem}.graph-story-body .graph-history-note{font-size:.7rem}.graph-artwork-preview{z-index:6;filter:drop-shadow(0 10px 24px #0002);width:198px;animation:.12s ease-out graph-preview-in;position:absolute}.personal-graph .graph-preview-card{text-align:left;background:var(--canvas,#faf8f3);border:1px solid var(--hairline);width:100%;color:var(--ink);border-radius:9px;padding:0;overflow:hidden}.graph-preview-card>.graph-artwork-image>img,.graph-preview-card>.graph-artwork-image>.rights-placeholder{height:142px;padding:8px}.graph-preview-card>span{padding:12px;display:block}.graph-preview-card strong{font:400 1.05rem/1.2 Georgia,serif;display:block}.graph-preview-card small{margin-top:5px;font-size:.68rem}.graph-preview-action{color:var(--graph-accent);justify-content:space-between;margin-top:12px;font-size:.67rem;display:flex}.graph-preview-pinned{top:55px;left:20px}.graph-journey{scrollbar-width:thin;align-items:center;gap:10px;max-width:100%;margin:4px 0 16px;padding-bottom:4px;display:flex;overflow:auto}.graph-journey>span{flex-shrink:0;align-items:center;gap:8px;display:flex}.graph-journey>.eyebrow{margin-right:2px;font-size:.58rem}.graph-journey button{text-align:left;border:0;align-items:center;gap:7px;max-width:150px;padding:3px;font-size:.68rem;display:flex}.graph-journey button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.graph-journey button[aria-current=step]{color:var(--graph-accent)}.graph-journey .graph-artwork-image{border-radius:3px;flex-shrink:0;width:30px}.graph-journey .graph-artwork-image>img,.graph-journey .graph-artwork-image>.rights-placeholder{object-fit:cover;height:34px}.graph-journey .graph-artwork-image small,.graph-journey figcaption{display:none}.graph-has-selection .graph-rotate-hint{max-width:none}.graph-key-hint{opacity:.75}.graph-detail{animation:.18s ease-out graph-preview-in}@keyframes graph-preview-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1050px) and (min-width:761px){.graph-has-selection .graph-stage{grid-template-columns:minmax(0,1fr) 320px;gap:15px}.graph-story-body{padding:16px}.graph-key-hint{display:none}.graph-has-selection .graph-rotate-hint{bottom:66px}}@media (max-width:760px){.graph-has-selection .graph-stage{display:block}.graph-stage .graph-detail:not([hidden]){z-index:20;width:100%;max-height:51svh;padding-bottom:env(safe-area-inset-bottom);border-radius:18px 18px 0 0;position:fixed;inset:auto 0 0;box-shadow:0 -10px 40px #0002}.graph-has-selection .personal-graph-world{height:22svh;min-height:150px}.graph-artwork-hero>img,.graph-artwork-hero>.rights-placeholder{height:190px;max-height:28svh}.graph-story-body{padding:18px 6vw}.graph-story-top{padding-inline:6vw}.graph-journey{gap:6px;margin-bottom:6px}.graph-journey button{max-width:110px}.graph-journey>.eyebrow{display:none}.graph-has-selection .graph-heading{gap:8px;min-height:44px}.graph-has-selection .graph-heading h1{font-size:1.15rem}.graph-has-selection .graph-heading .eyebrow{display:none}.graph-has-selection .graph-metrics{gap:5px 12px;min-height:32px;padding:4px 0}body:has(.site-header) .graph-heading{scroll-margin-top:90px}body:has(.museum-bottom-nav) .graph-stage .graph-detail:not([hidden]){bottom:calc(64px + env(safe-area-inset-bottom));max-height:calc(51svh - 64px - env(safe-area-inset-bottom));padding-bottom:0}.graph-artwork-preview{width:auto;bottom:74px;right:12px;top:auto!important;left:12px!important}.personal-graph .graph-preview-card{grid-template-columns:92px minmax(0,1fr);align-items:center;display:grid}.graph-preview-card>.graph-artwork-image>img,.graph-preview-card>.graph-artwork-image>.rights-placeholder{height:105px;padding:6px}.graph-preview-card .graph-preview-action{margin-top:8px}.graph-key-hint{display:none}.graph-relationship-pair{grid-template-columns:minmax(0,.6fr) 28px minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.personal-graph *{transition:none!important;animation:none!important}}.graph-path input[type=search]{width:100%;min-width:0}.graph-path ul[aria-label=Path\ destinations]{max-height:240px;overflow:auto}.graph-path ul[aria-label=Path\ destinations] li{border-bottom:1px solid var(--hairline);padding:0}.graph-path ul[aria-label=Path\ destinations] button{text-align:left;width:100%;padding:10px;font-size:.8rem}.graph-path ul[aria-label=Path\ destinations] button[aria-pressed=true]{background:color-mix(in srgb,var(--graph-accent) 12%,transparent);color:var(--ink)}.graph-path .graph-pagination{flex-wrap:wrap;gap:6px}.graph-path .graph-pagination button{font-size:.7rem}.graph-path-result ol{padding-left:24px}.graph-path-result li button{text-align:left;overflow-wrap:anywhere;max-width:100%;font-size:.8rem}.graph-public-thoughts{border-top:1px solid var(--hairline);margin-top:20px}.graph-public-thoughts a{font-size:.8rem}.personal-graph{--graph-star:#853345}.graph-history-controls{max-width:none;margin:8px 0 4px;padding:10px 0 4px}.graph-time-heading{align-items:center;gap:16px;display:flex}.graph-time-heading output{margin-left:auto;font:400 1rem Georgia,serif}.graph-time-heading button{padding:6px 10px;font-size:.75rem}.graph-time-heading .eyebrow{color:var(--secondary)}.graph-timeline{max-width:none;margin:0}.graph-timeline input{cursor:ew-resize;touch-action:pan-y;height:44px;min-height:44px}.graph-time-endpoints{color:var(--secondary);justify-content:space-between;gap:12px;margin-top:6px;font-size:.7rem;display:flex}.graph-time-options{border:0!important}.personal-graph .graph-time-options>summary{min-height:32px;color:var(--secondary);padding:8px 0;font-size:.7rem}.graph-time-empty{text-align:center;pointer-events:none;position:absolute;inset:35% 10% auto}.graph-time-empty p{font:400 1.2rem Georgia,serif}.graph-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.graph-development[aria-busy=true]{opacity:.65}:root[data-theme=dark] .personal-graph{--graph-star:#fff4d8}@media (prefers-color-scheme:dark){:root:not([data-theme=day]):not([data-theme=light]) .personal-graph{--graph-star:#fff4d8}}@media (max-width:760px){.graph-time-heading{gap:8px}.graph-time-heading .eyebrow{font-size:.58rem}.graph-time-heading output{font-size:.85rem}.graph-time-endpoints{font-size:.6rem}.graph-time-endpoints>span:nth-child(2){text-align:center;max-width:170px}.personal-graph-world,.graph-empty,.graph-loading-environment{height:48svh;min-height:310px}.graph-has-selection .graph-time-options,.graph-has-selection .graph-time-endpoints{display:none}.graph-has-selection .graph-history-controls{margin:0;padding:0}.graph-has-selection .graph-time-heading{height:32px}.graph-has-selection .graph-time-heading button{min-height:30px}.graph-has-selection .graph-timeline input{height:36px;min-height:36px}.graph-has-selection .personal-graph-world{height:18svh;min-height:130px}}@media (min-width:761px){.personal-graph-world,.graph-empty,.graph-loading-environment{height:clamp(350px,52svh,650px)}}@media (max-width:760px){.graph-zoom{top:10px;bottom:auto}.graph-label{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 175px);overflow:hidden}.graph-has-selection .graph-time-heading{height:44px}.graph-has-selection .graph-time-heading button,.graph-has-selection .graph-timeline input{height:44px;min-height:44px}}.personal-graph-world{border:1px solid var(--hairline);background:color-mix(in srgb,var(--graph-dot) 4%,var(--canvas,#faf8f3));border-radius:24px}.graph-thumbnail-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.graph-thumbnail{visibility:hidden;pointer-events:none;margin:0;transition:opacity .15s;position:absolute;top:0;left:0}.graph-thumbnail-image{aspect-ratio:1;background:var(--canvas,#faf8f3);width:100%;box-shadow:0 0 0 2px var(--canvas,#faf8f3),0 3px 12px #0002;border-radius:50%;place-items:center;display:grid;overflow:hidden}.graph-thumbnail-image>img,.graph-thumbnail-image>.artwork-image-fallback,.graph-thumbnail-image>.artwork-photo-empty{object-fit:cover;width:100%;height:100%;min-height:0}.graph-thumbnail-image .artwork-photo-empty{border-radius:50%;width:100%;height:100%;min-height:0}.graph-thumbnail-image .artwork-unavailable-mark{opacity:.5;width:48%;max-height:48%}.graph-thumbnail[data-active=true] .graph-thumbnail-image{box-shadow:0 0 0 3px var(--graph-accent),0 4px 18px #0002}.graph-thumbnail[data-new=true] .graph-thumbnail-image{box-shadow:0 0 0 4px color-mix(in srgb,var(--graph-accent) 45%,transparent),0 0 20px color-mix(in srgb,var(--graph-accent) 30%,transparent)}.graph-thumbnail figcaption{text-align:center;background:var(--canvas,#faf8f3);overflow-wrap:anywhere;border-radius:4px;width:max-content;max-width:110px;padding:3px;font-size:9px;line-height:1.2;position:absolute;left:50%;transform:translate(-50%)}.graph-history-player{border:1px solid var(--hairline);background:color-mix(in srgb,var(--graph-dot) 3%,var(--canvas,#faf8f3));border-radius:18px;padding:16px 18px 8px}.graph-time-heading .eyebrow{align-items:center;gap:8px;display:flex}.graph-time-heading svg{width:18px;height:18px}.personal-graph .graph-time-instruction{margin:6px 0 12px;font-size:.78rem}.graph-history-scrubber{align-items:center;gap:18px;display:flex}.personal-graph .graph-history-play{background:var(--graph-accent);width:48px;min-width:48px;height:48px;color:var(--canvas,#fff);border:0;border-radius:50%;place-items:center;display:grid}.graph-history-play svg{width:20px;height:20px}.graph-history-track{flex:1;min-width:0;padding-top:24px;position:relative}.graph-history-activity{pointer-events:none;height:32px;position:absolute;top:0;left:14px;right:14px}.graph-history-activity span{background:var(--hairline);border-radius:3px;width:4px;position:absolute;bottom:0;transform:translate(-50%)}.graph-history-activity .visited{background:color-mix(in srgb,var(--graph-accent) 55%,var(--canvas))}.graph-timeline input[type=range]{-webkit-appearance:none;appearance:none;outline-offset:2px;background:0 0;height:44px;margin:0}.graph-timeline input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--graph-accent) var(--history-progress),var(--hairline) var(--history-progress));border-radius:6px;height:6px}.graph-timeline input[type=range]::-moz-range-track{background:var(--hairline);border-radius:6px;height:6px}.graph-timeline input[type=range]::-moz-range-progress{background:var(--graph-accent);border-radius:6px;height:6px}.graph-timeline input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--graph-accent);border:4px solid var(--canvas,#faf8f3);width:28px;height:28px;box-shadow:0 0 0 1px var(--graph-accent),0 2px 6px #0002;cursor:grab;border-radius:50%;margin-top:-11px}.graph-timeline input[type=range]::-moz-range-thumb{background:var(--graph-accent);border:4px solid var(--canvas,#faf8f3);width:20px;height:20px;box-shadow:0 0 0 1px var(--graph-accent);cursor:grab;border-radius:50%}.graph-timeline input:active::-webkit-slider-thumb{cursor:grabbing}.graph-history-track .graph-time-endpoints{margin-top:0}.graph-history-steps{color:var(--secondary);justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:.7rem;display:flex}.graph-history-steps button{border:0;align-items:center;gap:4px;padding:6px;display:flex}.graph-history-steps>span{text-align:center}.graph-time-heading button{border-radius:20px}@media (max-width:760px){.graph-history-player{padding:12px 12px 4px}.graph-time-heading{flex-wrap:wrap;gap:4px 12px}.graph-time-heading .eyebrow{flex-basis:100%}.graph-time-heading output{margin-left:0;margin-right:auto;font-size:1rem}.graph-history-scrubber{gap:12px}.graph-time-endpoints{font-size:.65rem}.graph-history-steps>span{max-width:130px;line-height:1.4}.graph-time-instruction{max-width:31ch}.graph-has-selection .graph-history-player{display:none}.graph-rotate-hint{max-width:calc(100% - 24px);bottom:16px}.graph-thumbnail figcaption{max-width:84px;font-size:8px}}@media (prefers-reduced-motion:reduce){.graph-thumbnail{transition:none}}.graph-thumbnail-edges{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.graph-thumbnail-edges line{stroke:var(--graph-dot);stroke-width:1.5px;transition:opacity .15s}.graph-thumbnail-edges line[data-active=true]{stroke:var(--graph-accent);stroke-width:2px}.personal-graph .graph-thumbnail-image>.artwork-image-fallback{padding:0;display:block}.graph-thumbnail-image>.artwork-image-fallback>.artwork-photo-empty{width:100%;height:100%}.graph-thumbnail-budget{max-width:55%;color:var(--secondary);pointer-events:none;font-size:.68rem;line-height:1.4;position:absolute;top:14px;left:14px}.personal-graph .graph-photo-credits{color:var(--secondary);overflow-wrap:anywhere;margin:8px 0;font-size:.75rem;line-height:1.5}.graph-artwork-image>.mw-cover,.graph-artwork-image>.artwork-photo-empty{width:100%;height:112px}.graph-preview-card>.graph-artwork-image>.mw-cover,.graph-preview-card>.graph-artwork-image>.artwork-photo-empty{height:142px}.graph-artwork-image .artwork-image-fallback{padding:0}.graph-artwork-image .mw-cover img{object-fit:contain}.graph-thumbnail-image .artwork-image-fallback{padding:0}.graph-thumbnail-image .mw-cover-compact{object-fit:cover;width:100%;height:100%}@media (max-width:700px){.personal-graph .graph-preview-card>.graph-artwork-image>.mw-cover,.personal-graph .graph-preview-card>.graph-artwork-image>.artwork-photo-empty{height:105px}.graph-preview-card .mw-cover-badge{max-width:calc(100% - 4px);padding:1px 3px;font-size:9px;bottom:2px;left:2px}}
