:root{--background:#000;--content-background:#f9f0e5;--background-secondary:var(--chakra-colors-color-palette-solid);--foreground:#f9f0e5;--text-primary:#333;--text-secondary:#555;--text-tertiary:#777;--border:#ccc;--heading-font:"Great Vibes",cursive;--body-font:"Playfair Display",serif;--perf-title-size:clamp(1rem,1.6vw,1.4rem);--perf-composer-size:clamp(.9rem,1.4vw,1.4rem);--perf-performers-size:clamp(.8rem,1.1vw,1.1rem);--heading-size-xl:clamp(2.8rem,5vw,3.5rem);--heading-size-lg:clamp(2.2rem,4vw,2.8rem);--heading-size-md:clamp(1.8rem,3vw,2.2rem);--button-hover-bg:#0000000d;--button-hover-color:var(--text-primary);--container-padding:.5rem;--item-padding-v:12px;--item-padding-h:16px;--item-margin-bottom:10px;--component-spacing:4px;--hover-bg:#00000008;--border-style:1px dotted var(--text-secondary)}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--text-primary);background:var(--background);font-family:var(--body-font),Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);font-weight:400}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}p{color:var(--text-primary);font-family:var(--body-font)}Input{color:var(--text-secondary)}Dialog{border-color:var(--border);background:var(--background-secondary);color:var(--text-primary)}Dialog.Title{color:var(--text-primary);font-family:var(--heading-font)}Field.Label{color:var(--text-primary);font-family:var(--body-font)}Text{color:var(--text-secondary);font-family:var(--body-font)}Button{border-color:var(--border);color:var(--text-primary)}Button:hover,Button.ghost:hover{background-color:var(--button-hover-bg)!important;color:var(--button-hover-color)!important}Label{color:var(--text-primary)}::selection{background-color:var(--text-tertiary);color:var(--foreground)}.content-container{background-color:var(--content-background);background-image:url(/paper.jpg);border-radius:4px;width:50%;max-width:800px;min-height:calc(100vh - 4rem);margin:2rem auto;padding:.5rem;position:relative;overflow:hidden;box-shadow:0 4px 8px #0000001a}@media (max-width:768px){.content-container{width:90%;margin:1rem auto;padding:.25rem}}.heading-font{font-family:var(--heading-font)!important}.body-font{font-family:var(--body-font)!important}