.memex-map{--memex-portrait-magenta:#ef55dc;align-self:start;min-width:0}.memex-stage{min-width:0}.memex-atmosphere{pointer-events:none;position:absolute;inset:0;overflow:hidden}.memex-atmosphere>span{background:radial-gradient(ellipse, var(--memex-cluster-colour), transparent 72%);width:40%;height:35%;opacity:var(--memex-cluster-opacity);position:absolute;transform:translate(-50%,-50%)}.memex-atmosphere>span[data-active]{opacity:.1}.memex-map[data-renderer=ready][data-motion=running] .memex-atmosphere>span{transition:opacity .25s ease-out}.memex-scene{aspect-ratio:1000/640;touch-action:pan-y;isolation:isolate;background:radial-gradient(at 22% 35%,#a8adb60b,#0000 35%),radial-gradient(at 57% 68%,#a8adb606,#0000 30%);width:100%;position:relative}.memex-canvas,.memex-static{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.memex-node-controls{position:absolute;inset:0}.memex-node-control{cursor:pointer;background:0 0;border:0;border-radius:50%;width:24px;height:24px;padding:0;position:absolute;transform:translate(-50%,-50%)}.memex-canvas{opacity:0}[data-renderer=ready] .memex-canvas{opacity:1}[data-renderer=ready] .memex-static{visibility:hidden}.memex-static-halo{fill:var(--memex-portrait-magenta);opacity:.13}.memex-shelf-labels{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 16px;margin-top:20px;display:grid}.memex-shelf-labels .memex-shelf-label{text-align:center;min-width:0;min-height:44px;font:11px/1.5 var(--studio-font-sans);color:var(--graphite-mat-muted);overflow-wrap:anywhere;cursor:pointer;background:0 0;border:0;padding:4px 0}.memex-shelf-labels .memex-shelf-label[data-active]{color:var(--memex-shelf-colour)}.memex-shelf-labels .memex-shelf-label:focus-visible{outline:2px solid var(--memex-shelf-colour);outline-offset:4px}.memex-shelf-letter{font:10px var(--studio-font-mono);color:var(--graphite-mat-ink);margin-bottom:7px;display:block}@media (max-width:480px){.memex-shelf-labels{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}.memex-map-caption{max-width:70ch;min-height:3.5em;color:var(--graphite-mat-muted);margin:20px 0 0;font-size:13px;line-height:1.6}.memex-map-caption>span{font:10px var(--studio-font-mono);color:var(--graphite-mat-ink);margin-right:10px}.memex-fallback{color:var(--graphite-mat-muted);font-size:12px}@media (prefers-reduced-motion:reduce){.memex-map[data-renderer][data-motion] .memex-atmosphere>span{transition:none}}
.volume-picker{width:100%;min-width:0;font:14px/1.5 var(--studio-font-sans)}.volume-picker .volume-picker-trigger{text-align:left;border:1px solid var(--steel-on-mat-strong);background:var(--graphite-mat-raised);width:100%;color:var(--graphite-mat-ink);cursor:pointer;min-height:48px;font:inherit;justify-content:space-between;align-items:center;gap:16px;padding:12px;display:flex}.volume-picker-trigger>span:first-child{overflow-wrap:anywhere;min-width:0}.volume-picker-panel{border:1px solid var(--steel-on-mat-strong);background:var(--graphite-mat-raised);border-top:0;padding:16px 12px}.volume-picker-panel label{color:var(--graphite-mat-muted);margin:0 0 6px;font-size:12px;display:block}.volume-picker-panel :is(input,select){width:100%;min-width:0;min-height:44px;color:var(--graphite-mat-ink);background:var(--graphite-mat);border:1px solid var(--steel-on-mat-strong);font:16px var(--studio-font-sans);border-radius:0;margin:0 0 14px;padding:10px;display:block}.volume-picker input::placeholder{color:var(--graphite-mat-muted);opacity:1}.volume-picker .volume-picker-count{color:var(--graphite-mat-muted);margin:12px 0;font-size:12px}.volume-picker .volume-picker-results{margin:0;padding:0;list-style:none}.volume-picker .volume-picker-results button{border:0;border-top:1px solid var(--steel-on-mat);width:100%;min-height:44px;color:var(--graphite-mat-ink);text-align:left;font:inherit;cursor:pointer;overflow-wrap:anywhere;background:0 0;gap:4px;padding:12px 4px;display:grid}.volume-picker .volume-picker-results button:hover,.volume-picker .volume-picker-results button[aria-current]{color:var(--signal-on-mat)}.volume-picker-meta{font:10px/1.6 var(--studio-font-mono);color:var(--graphite-mat-muted)}.volume-picker-pages{justify-content:space-between;gap:12px;margin-top:12px;display:flex}.volume-picker :is(.volume-picker-pages button,.volume-picker-clear){min-height:44px;color:var(--graphite-mat-ink);font:inherit;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:8px 4px;text-decoration:underline}.volume-picker button:disabled{opacity:.5;cursor:default}.volume-picker :is(button,input,select):focus-visible{outline:2px solid var(--signal-on-mat);outline-offset:3px}
[data-studio-theme] .memex{margin:0 0 var(--space-16);color:var(--graphite-mat-ink);background:var(--graphite-mat);font-family:var(--studio-font-sans);overflow-wrap:anywhere;padding:clamp(22px,4vw,52px)}.memex-header{grid-template-columns:1fr 1fr;align-items:end;gap:32px;display:grid}.memex .memex-eyebrow,.memex .memex-label{font:11px/1.7 var(--studio-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--graphite-mat-muted)}.memex .memex-eyebrow{color:var(--graphite-mat-ink);letter-spacing:.22em;margin:0 0 12px}.memex h2,.memex h3{color:var(--graphite-mat-ink);font-family:var(--studio-font-serif);font-weight:400}.memex h2{letter-spacing:-.025em;margin:0;font-size:clamp(32px,3.8vw,48px);line-height:1.1}.memex-explanation{max-width:48ch;color:var(--graphite-mat-muted);margin:0;font-size:14px;line-height:1.7}.memex-topline{border-top:1px solid var(--steel-on-mat);color:var(--graphite-mat-muted);justify-content:space-between;gap:20px;margin-top:32px;padding-top:16px;font-size:12px;display:flex}.memex-topline p{font-family:var(--studio-font-mono);margin:0;font-size:11px}.memex a{color:var(--graphite-mat-ink);text-underline-offset:5px}.memex a:hover{color:var(--signal-on-mat)}.memex-topline a{white-space:nowrap}.memex-body{grid-template-columns:minmax(0,1fr) minmax(240px,28%);align-items:start;gap:32px;margin-top:24px;display:grid}.memex-reading{border-left:1px solid var(--steel-on-mat);min-width:0;padding-left:28px}.memex-reading label{margin-bottom:8px;display:block}.memex-preview{min-height:390px;padding-top:28px}.memex-preview>.memex-label{margin:0 0 12px}.memex h3{letter-spacing:-.01em;margin:0 0 16px;font-size:clamp(25px,2.3vw,32px);line-height:1.18}.memex-subtitle{color:var(--graphite-mat-muted);margin:0 0 18px;font-size:14px;line-height:1.7}.memex-metadata{color:var(--graphite-mat-muted);font-size:11px;line-height:1.9}.memex-open{align-items:center;gap:20px;padding-block:12px;font-size:14px;text-decoration:underline;display:inline-flex}.memex-connections{border-top:1px solid var(--steel-on-mat);margin-top:24px;padding-top:18px}.memex h4{font:11px var(--studio-font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--graphite-mat-muted);margin:0 0 10px}.memex-connections ul{scrollbar-color:var(--steel-on-mat-strong) transparent;max-height:260px;margin:0;padding:0;list-style:none;overflow-y:auto}.memex-connections ul:has(.memex-connection-explanation[open]){max-height:none;overflow:visible}.memex button{color:var(--graphite-mat-ink);cursor:pointer;font-family:var(--studio-font-sans);background:0 0;border:0;min-height:44px}.memex-connections button{text-align:left;gap:4px;width:100%;padding:10px 4px;font-size:13px;line-height:1.5;display:grid}.memex-connections button:hover{color:var(--signal-on-mat)}.memex-relation{color:var(--graphite-mat-muted);font-size:10px}.memex-connections p{color:var(--graphite-mat-muted);font-size:13px;line-height:1.7}.memex-connection-filters{border:0;flex-wrap:wrap;gap:6px 12px;margin:0 0 12px;padding:0;display:flex}.memex-connection-filters legend{color:var(--graphite-mat-muted);font:11px var(--studio-font-mono);margin-bottom:8px}.memex-connection-filters label{cursor:pointer;align-items:center;gap:5px;min-height:32px;margin:0;font-size:11px;display:inline-flex}.memex-connection-filters input{accent-color:var(--signal-on-mat)}.memex-connection-explanation{border-left:1px solid var(--steel-on-mat-strong);margin:0 0 12px 4px;padding:4px 0 4px 12px}.memex-connection-explanation summary{cursor:pointer;color:var(--graphite-mat-ink);padding-block:5px;font-size:12px;line-height:1.5}.memex-connection-explanation p{white-space:pre-wrap;margin:8px 0}.memex-connection-explanation blockquote{font:14px/1.5 var(--studio-font-serif);white-space:pre-wrap;margin:10px 0}.memex-connection-explanation .memex-label{font-size:9px}.memex-edition-links{flex-wrap:wrap;gap:8px 14px;display:flex}.memex :is(summary,input):focus-visible{outline:2px solid var(--signal-on-mat);outline-offset:4px}.memex-invitation{margin-top:36px}.memex-invitation>span{color:var(--graphite-mat-muted);margin-bottom:24px;font-size:28px;display:block}.memex-invitation p{color:var(--graphite-mat-muted);font-size:14px;line-height:1.7}.memex-bottom{border-top:1px solid var(--steel-on-mat);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:24px;padding-top:12px;display:flex}.memex-legend{color:var(--graphite-mat-muted);flex-wrap:wrap;align-items:center;gap:10px 24px;margin:0;font-size:11px;display:flex}.memex-legend>span{align-items:center;gap:10px;display:inline-flex}.memex-dot{background:var(--graphite-mat-ink);border-radius:100%;width:4px;height:4px}.memex-line{background:var(--graphite-mat-muted);width:23px;height:1px}.memex-line-explained{border-top:1px dashed var(--graphite-mat-muted);background:0 0;height:0}.memex-controls{flex-wrap:wrap;gap:20px;display:flex}.memex-controls button{text-underline-offset:5px;padding:0;font-size:12px;text-decoration:underline}.memex button:disabled{opacity:.5;cursor:default;text-decoration:none}.memex :is(a,button,select,h3):focus-visible{outline:2px solid var(--signal-on-mat);outline-offset:4px}.memex-trail{align-items:baseline;gap:16px;margin-top:20px;display:flex}.memex-trail ol{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.memex-trail li+li:before{content:"→";color:var(--graphite-mat-muted);margin-right:6px;font-size:12px}.memex-trail button{font:12px var(--studio-font-mono);padding:0 9px}.memex-trail [aria-current]{box-shadow:inset 0 -2px var(--signal-on-mat)}.memex-attribution{color:var(--graphite-mat-muted);margin:22px 0 0;font-size:11px;line-height:1.7}.memex-attribution a{color:inherit;text-decoration:underline}.memex-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1000px){.memex-body{grid-template-columns:minmax(0,1fr) 240px;gap:20px}.memex-reading{padding-left:20px}}@media (max-width:760px){.memex-header,.memex-body{grid-template-columns:1fr;gap:20px}.memex-reading{border-left:0;border-top:1px solid var(--steel-on-mat);padding-top:24px;padding-left:0}.memex-preview{min-height:190px}.memex-invitation{margin-top:0}.memex-invitation>span{display:none}.memex-scene{margin-top:8px}.memex-map-caption{margin-top:10px}.memex-topline{flex-direction:column;gap:10px;margin-top:24px}.memex-topline a{align-items:center;gap:10px;min-height:32px;display:inline-flex}.memex-trail{flex-direction:column;gap:8px}}
.memex.memex-fullscreen-dialog{background:var(--graphite-mat,#16181d);width:100%;max-width:none;height:100dvh;max-height:none;color:var(--graphite-mat-ink,#eee);font-family:var(--studio-font-sans);border:0;margin:0;padding:0;position:fixed;inset:0}.memex-fullscreen-dialog::backdrop{background:#16181d}.memex-fullscreen-content{box-sizing:border-box;background:var(--graphite-mat,#16181d);width:100%;height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));flex-direction:column;gap:12px;display:flex;overflow:hidden}.memex-fullscreen-topbar{border-bottom:1px solid var(--steel-on-mat);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:8px 24px;display:flex}.memex-fullscreen-dialog .memex-fullscreen-topbar h2{font:12px/1.5 var(--studio-font-mono);letter-spacing:.18em;margin:0}.memex-fullscreen-topbar .memex-controls{align-items:center}.memex-fullscreen-main{overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.memex-workspace-fullscreen{grid-template-columns:minmax(0,1fr);gap:24px;height:100%;min-height:360px;display:grid}.memex-workspace-fullscreen .memex-map{grid-template-rows:minmax(140px,1fr) auto auto;align-self:stretch;height:100%;min-height:0;display:grid;container-type:inline-size}.memex-workspace-fullscreen .memex-stage{place-items:center;height:100%;min-height:140px;display:grid;overflow:hidden}.memex-workspace-fullscreen .memex-scene{flex:none;margin:0}.memex-workspace-fullscreen .memex-shelf-labels{gap:8px 16px;margin-top:8px}.memex-workspace-fullscreen .memex-map-caption{max-width:none;min-height:2em;margin:8px 0 0}.memex-fullscreen-dialog .memex-reading{overscroll-behavior:contain;max-height:100%;overflow:auto}.memex-fullscreen-dialog .memex-preview{min-height:0}.memex-fullscreen-dialog .memex-journey{flex:none;max-height:160px;overflow:auto}.memex-journey-actions{align-items:center}.memex-journey button,.memex-fullscreen-trigger{color:var(--graphite-mat-ink);cursor:pointer;min-height:44px;font-family:var(--studio-font-sans);background:0 0;border:0}.memex-journey button:disabled{opacity:.5;cursor:default}.memex-fullscreen-trigger{text-underline-offset:5px;padding:8px 0;font-size:12px;text-decoration:underline}.memex-journey-status{color:var(--graphite-mat-muted);margin:0;font-size:11px}.memex-trail li[data-segment-start]:before{content:"·";margin-inline:8px}@container (min-width:1200px){.memex-workspace-fullscreen .memex-shelf-labels{grid-template-columns:repeat(8,minmax(0,1fr))}}@container (max-width:479px){.memex-workspace-fullscreen .memex-shelf-labels{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:960px){.memex-workspace-fullscreen[data-details=true]{grid-template-columns:minmax(0,1fr) 320px}}@media (max-width:959px){.memex-workspace-fullscreen[data-details=true]{grid-template-rows:minmax(360px,calc(100dvh - 220px)) auto;height:auto}.memex-fullscreen-dialog .memex-reading{border-left:0;border-top:1px solid var(--steel-on-mat);max-height:none;padding-top:24px;padding-left:0;overflow:visible}}@media (max-width:480px){.memex-fullscreen-content{padding-inline:max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right))}.memex-fullscreen-topbar .memex-controls{gap:12px}.memex-fullscreen-topbar h2{width:100%}.memex-fullscreen-dialog .memex-journey{max-height:120px}}