@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}*{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:light;color:#272622;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f8f8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}body{background-color:#f8f8f8;background-image:linear-gradient(-90deg,#00000005 1px,#0000 1px),linear-gradient(#00000005 1px,#0000 1px),linear-gradient(-90deg,#00000005 1px,#0000 1px),linear-gradient(#00000005 1px,#0000 1px),linear-gradient(#0000 7.5px,#f8f8f8 7.5px 195px,#0000 195px),linear-gradient(-90deg,#aaaaaa4d 1px,#0000 1px),linear-gradient(-90deg,#0000 7.5px,#f8f8f8 7.5px 195px,#0000 195px),linear-gradient(#aaaaaa4d 1px,#0000 1px),none;background-position:calc(50% + 5px) 0,calc(50% + 5px) 0,calc(50% + 100px) 0,calc(50% + 100px) 0,calc(50% + 100px) 0,calc(50% + 100px) 0,calc(50% + 100px) 0,calc(50% + 100px) 0;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat;background-size:10px 10px,10px 10px,200px 200px,200px 200px,200px 200px,200px 200px,200px 200px,200px 200px;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;min-width:320px;min-height:100vh;margin:0;overflow:hidden}#root{width:100%;height:100vh}h1,h2,h3,h4,h5,h6{line-height:1.2}button{color:#f1f5f9;cursor:pointer;background-color:#1e293b;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:all .3s}button:hover{background-color:#334155;border-color:#6366f1}button:focus,button:focus-visible{outline-offset:2px;outline:2px solid #6366f1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}.app{position:relative;width:100%;height:100vh;overflow:hidden}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.overlay *{pointer-events:auto}.branding{position:fixed;top:28px;left:3rem;z-index:101;pointer-events:none}.melody-text{font-family:Brush Script MT,cursive,Apple Chancery,URW Chancery L,Dancing Script,fantasy;font-size:2.5rem;color:#648ca0d9;font-weight:400;letter-spacing:.02em;text-shadow:0 2px 8px rgba(0,0,0,.05);display:inline-block}.content{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:60;pointer-events:none}.hero-title{max-width:700px}.hero-title h1{font-family:Roboto Mono,monospace;font-weight:700;font-size:5.5rem;color:#272622;margin:0 0 1rem;letter-spacing:-.08em}.hero-title p{font-family:Roboto Mono,monospace;font-weight:300;font-size:1.2rem;line-height:1.6;color:#5a5a5a;max-width:600px;margin:0 auto}@media(max-width:768px){.branding{top:18px;left:1.5rem}.melody-text{font-size:2rem}.hero p{font-size:1rem}.content{padding:2rem 1.5rem;top:45%}.hero-title{width:191px}.hero-title p{font-size:.9rem;line-height:1.6}}