:root{--tight: 8px;--spacious: 32px;--panel-size: 240px;--container-size: 480px;--interactive-element-width: 150px;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--foreground: black;--foreground-muted: gray;--foreground-subtle: 0, 0%, 25%;--background: #e7e7e7;--accent: 120, 75%, 50%;--neumorphic-shadow: 5px 5px 10px #c4c4c4, -5px -5px 10px #ffffff;--neumorphic-shadow--active: inset 5px 5px 10px #c4c4c4, inset -5px -5px 10px #ffffff, inset -4px -4px 8px -4px hsla(var(--accent), 50%) }html{height:100%}html.dark-mode{--accent: 120, 100%, 75%;--foreground-subtle: 0, 0%, 75%;--foreground: white;--background: #363636;--neumorphic-shadow: 5px 5px 10px hsla(0, 0%, 0%, 20%), -5px -5px 10px hsla(var(--foreground-subtle), 5%);--neumorphic-shadow--active: inset 5px 7px 10px hsla(0, 0%, 0%, 20%), inset -5px -5px 10px hsla(var(--foreground-subtle), 5%)}#root{display:flex;flex-direction:column;margin:0 auto;flex-grow:1;height:100%;width:100%}body{margin:0;display:flex;place-items:center;width:100%;height:100%;color:var(--foreground);font-family:Geist,serif;font-optical-sizing:auto;font-style:normal;position:relative}article{width:100%;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center}button{background-color:transparent;border:transparent;border-radius:var(--tight);color:var(--foreground);cursor:pointer;font-size:1em;font-weight:500;font-family:inherit;padding:var(--tight);transition:border-color .25s}main{display:flex;align-items:center;justify-content:center;flex-direction:row;height:100%;width:100%;max-height:100%;position:relative;gap:var(--spacious);z-index:1}p{margin:0}h1{font-family:Cormorant,serif;letter-spacing:-2px;font-optical-sizing:auto;font-weight:300;font-size:4rem;text-align:center}.parchment-sections{height:100%;display:flex;align-items:center;overflow:hidden;flex:1;justify-content:center;padding:2px}.parchment-sections>div{max-height:calc(var(--container-size) / 3);max-width:calc(var(--container-size) / 2);display:flex;gap:var(--tight)}.toggle-button-field{display:flex;flex-direction:row-reverse;align-items:center;gap:var(--tight)}.toggle-button-field button{box-shadow:var(--neumorphic-shadow);width:var(--spacious);flex-grow:0;height:var(--spacious)}.toggle-button-field label{font-size:.675rem;letter-spacing:-.2px;cursor:pointer}.toggle-button-field.active button{box-shadow:var(--neumorphic-shadow--active)}.parchment-nav-wrapper{display:flex;flex-direction:column;gap:var(--spacious);max-height:fit-content}header{display:flex;align-items:center;flex:1}.demo-wrapper{display:flex;gap:var(--tight);width:100%;max-width:var(--container-size);flex-wrap:wrap;justify-content:center;height:fit-content}.demo-panel{display:flex;gap:var(--tight);padding:var(--tight);max-width:var(--panel-size)}.blurb-panel{display:flex;flex-direction:column;gap:var(--tight);flex-grow:1;padding:var(--tight);justify-content:space-between;max-width:var(--panel-size)}.blurb-panel p{max-width:var(--panel-size);font-size:.875rem}.controls{display:flex;flex:1;flex-direction:column;align-items:start;width:fit-content;height:fit-content;max-height:fit-content;padding:var(--tight);border-radius:var(--tight);gap:var(--tight);border:1px solid hsla(var(--foreground-subtle),5%)}.controls button{width:var(--spacious);height:var(--spacious)}.parchment{display:flex;flex-grow:1;flex-direction:column;gap:var(--spacious);border-radius:var(--tight);border:1px solid hsla(var(--foreground-subtle),5%);width:100%;scrollbar-width:thin;scrollbar-color:hsla(var(--foreground-subtle),10%) hsla(var(--foreground-subtle),2%)}.parchment-nav{list-style:none;margin:0;display:flex;flex-direction:column;align-items:start;justify-content:space-around;font-size:.675rem}.section{display:flex;justify-content:center;align-items:center;margin:var(--tight);padding:var(--tight);border-radius:var(--tight);border:1px solid hsla(var(--foreground-subtle),5%);max-height:720px;width:100%}.parchment-button{opacity:.25}.parchment-button.active{opacity:1}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid hsla(var(--foreground-subtle),5%);font-size:.675rem;width:100%}footer :nth-child(2){justify-content:center}footer :nth-child(3){justify-content:end}footer .items-container{margin:auto;padding:var(--tight);width:calc(var(--container-size) * 2);display:flex;align-items:center;justify-content:space-between;max-width:var(--container-size)}footer a{display:flex;align-items:center;color:var(--foreground);text-decoration:none;gap:var(--tight)}footer a:hover{opacity:.75}footer .toggle-button{box-shadow:var(--neumorphic-shadow);width:var(--spacious);flex-grow:0;height:var(--spacious)}footer .toggle-button.active{box-shadow:var(--neumorphic-shadow--active)}.flex{display:flex}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.logo{font-family:Cormorant,serif;font-optical-sizing:auto;font-weight:700;font-size:1.2rem;letter-spacing:-.75px;margin:0}.footer-child{display:flex;flex:1}.lucide{stroke-width:1;color:var(--foreground);width:14px;height:14px}.noise{height:100%;width:100%;position:absolute;top:0;left:0;z-index:0;opacity:.06;background-size:109px;background-repeat:repeat;background-image:url(/assets/noise-B0WG-dy-.png);pointer-events:none}