:root{--bg:#0a0710;--panel:#0e0a15;--rail:#0a0710;--ink:#e6dced;--dim:#e6dced9e;--faint:#e6dced57;--acc:#a978d8;--acc-soft:#d8a3f0;--line:#a978d838;--line-soft:#a978d81c;--ok:#78d896;--font-prose:"Fraunces", Georgia, serif;--font-chrome:"Syne", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--rail-w:56px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--dim);font-family:var(--font-prose);-webkit-font-smoothing:antialiased;margin:0;padding:0}a{color:var(--acc)}a:hover{color:var(--acc-soft)}.dip{inset:0 0 0 var(--rail-w);grid-template-columns:1fr 1fr;display:grid;position:fixed}.dip[data-cinematic=true]{grid-template-columns:1fr 0fr}.dip[data-cinematic=true] .txtpane{opacity:0;pointer-events:none}.artpane{position:relative;overflow:hidden}.txtpane{background:var(--panel);border-left:1px solid var(--line-soft);flex-direction:column;padding:44px 46px;transition:opacity .4s;display:flex;overflow:hidden}.rail{width:var(--rail-w);background:var(--rail);border-right:1px solid var(--line-soft);z-index:5;flex-direction:column;align-items:center;gap:6px;padding:16px 0;display:flex;position:fixed;top:0;bottom:0;left:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}