@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700&family=Josefin+Sans:wght@400;600&family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Poiret+One&display=swap);@font-face{font-display:swap;font-family:Metropolis;font-style:normal;font-weight:400;src:url(/static/media/Metropolis-Regular.67a1988d7b65b0aaa16d.otf) format("opentype")}@font-face{font-display:swap;font-family:Metropolis;font-style:normal;font-weight:700;src:url(/static/media/Metropolis-Bold.c5e04fafcff6fc79cd76.otf) format("opentype")}:root{--emerald:#2fa37a;--burgundy:#872635;--gold:#d6a348;--teal:#3e8c95;--silver:#bfc0c1;--dark-gold:#8c6a30;--light-aqua:#a4ded8;--deep-green:#275d4e;--pale-gold:#ecc56a;--soft-teal:#57b49e;--dark-bg:#1a1a1a;--darker-bg:#0f0f0f;--primary-color:var(--emerald);--secondary-color:var(--gold);--accent-color:var(--teal);--text-color:var(--silver);--background-color:var(--dark-bg);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--border-radius-sm:2px;--border-radius-md:4px;--border-radius-lg:8px;--transition-speed:0.3s}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1a1a;background:var(--dark-bg);color:#bfc0c1;color:var(--silver);font-family:Playfair Display,serif;line-height:1.6}body:before{background-image:linear-gradient(45deg,#2fa37a08 25%,#0000 0),linear-gradient(-45deg,#2fa37a08 25%,#0000 0),linear-gradient(45deg,#0000 75%,#2fa37a08 0),linear-gradient(-45deg,#0000 75%,#2fa37a08 0);background-position:0 0,0 20px,20px -20px,-20px 0;background-size:40px 40px;height:100%;pointer-events:none;width:100%}h1,h2,h3,h4,h5,h6{color:#d6a348;color:var(--gold);font-family:Cinzel Decorative,Playfair Display,serif;font-weight:700}h1,h2,h3,h4,h5,h6,p{margin-bottom:1rem;margin-bottom:var(--spacing-md)}a{color:#3e8c95;color:var(--teal);text-decoration:none;transition:color .3s ease;transition:color var(--transition-speed) ease}a:hover{color:#a4ded8;color:var(--light-aqua)}code{background:#d6a3481a;border-radius:3px;color:#d6a348;color:var(--gold);font-family:Degular Mono,monospace;padding:2px 5px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#275d4e;background:var(--deep-green)}::-webkit-scrollbar-thumb{background:#d6a348;background:var(--gold);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8c6a30;background:var(--dark-gold)}::selection{background:#2fa37a4d;color:#d6a348;color:var(--gold)}button,input,select,textarea{background:#1a1a1a;background:var(--dark-bg);border:1px solid #d6a348;border:1px solid var(--gold);border-radius:0;color:#bfc0c1;color:var(--silver);font-family:Degular Mono,monospace;padding:10px 15px;transition:all .3s ease}input:focus,select:focus,textarea:focus{border-color:#2fa37a;border-color:var(--emerald);box-shadow:0 0 5px #2fa37a4d;outline:none}button{background:linear-gradient(135deg,#275d4e,#2fa37a);background:linear-gradient(135deg,var(--deep-green),var(--emerald));border:none;color:#ecc56a;color:var(--pale-gold);cursor:pointer;padding:10px 20px;transition:all .3s ease}button:hover{background:linear-gradient(135deg,#2fa37a,#275d4e);background:linear-gradient(135deg,var(--emerald),var(--deep-green));box-shadow:0 0 10px #2fa37a80}table{background:#1a1a1af2;border:2px solid #d6a348;border:2px solid var(--gold);border-collapse:initial;border-spacing:0;margin:20px 0;width:100%}td,th{border-bottom:1px solid #d6a34833;padding:15px 20px;text-align:left}th{background:linear-gradient(45deg,#275d4e,#2fa37a);background:linear-gradient(45deg,var(--deep-green),var(--emerald));color:#ecc56a;color:var(--pale-gold);font-size:.9rem;font-weight:600;letter-spacing:2px;text-transform:uppercase}tr:hover{background:#2fa37a0d}#root{display:flex;flex-direction:column;min-height:100vh}@media (max-width:768px){body{font-size:14px}table{font-size:12px}td,th{padding:8px 10px}h1{font-size:1.8rem}h2{font-size:1.5rem}}:root{--emerald:#1a9485;--emerald-light:#40e0d0;--cherry-coke:#924747;--burgundy:#800020;--gold:#d4af37;--cream:#f5f2e9;--dark-green:#0a4b40;--black:#1a1a1a;--magenta:#f0f;--deco-blue:#9be9e9;--cyan:#0ff;--magenta-glow:#da19da4d;--cyan-glow:#00ffff4d;--cyan-glow-gradient:radial-gradient(circle,rgba(0,255,255,.969) 0%,#4efeefcc 35%,#fffc 55%,rgba(120,255,255,.538) 60%,rgba(72,191,191,.276) 85%);--gold-gradient:linear-gradient(45deg,var(--gold) 0%,#fff5d4 50%,var(--gold) 100%);--jewel-gradient:linear-gradient(135deg,var(--emerald-light) 0%,var(--magenta) 50%,var(--cyan) 100%);--rococo-shadow:0 0 20px rgba(217,177,47,.464)}.background-container{background:url(/static/media/background_rococo.b18220f51f375d41568c.png) 50%/cover no-repeat;height:100%;left:0;opacity:.4;position:fixed;top:0;width:100%;z-index:-1}.panel{background:#1a1a1af2;border:2px solid #d4af37;border:2px solid var(--gold);border-radius:15px;box-shadow:0 0 30px #da19da4d,0 0 30px #00ffff4d;box-shadow:0 0 30px var(--magenta-glow),0 0 30px var(--cyan-glow);padding:1.5rem;transition:all .3s ease}.panel:hover{box-shadow:0 0 40px #da19da4d,0 0 40px #00ffff4d;box-shadow:0 0 40px var(--magenta-glow),0 0 40px var(--cyan-glow);transform:translateY(-2px)}.upload-section{margin-bottom:1.5rem;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);z-index:20}.upload-section.expanded{box-shadow:0 0 30px #da19da4d,0 0 30px #00ffff4d,0 0 50px #d4af37;box-shadow:0 0 30px var(--magenta-glow),0 0 30px var(--cyan-glow),0 0 50px var(--gold);max-height:400px;opacity:1;overflow:visible;transform:translateY(0)}.upload-section.minimized{box-shadow:0 0 15px #da19da4d,0 0 15px #00ffff4d;box-shadow:0 0 15px var(--magenta-glow),0 0 15px var(--cyan-glow);max-height:80px;opacity:.85;overflow:hidden;transform:translateY(-20px)}.content-display-wrapper{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-top:-20px;padding-top:30px;perspective:1000px;position:relative;transform-style:preserve-3d;z-index:10}.error-message{background:#800020;background:var(--burgundy);border-radius:4px;color:#f5f2e9;color:var(--cream);margin:1rem 0;padding:1rem;text-align:center}.menu-container{margin:2rem 0;position:relative}.menu-trigger{background:linear-gradient(45deg,#d4af37,#fff5d4 50%,#d4af37);background:var(--gold-gradient);border-radius:2rem;box-shadow:0 5px 15px #0000004d,0 0 20px #da19da4d,0 0 20px #00ffff4d;box-shadow:0 5px 15px #0000004d,0 0 20px var(--magenta-glow),0 0 20px var(--cyan-glow);color:#1a1a1a;color:var(--black);cursor:pointer;font-family:Rozha One,serif;font-size:1.2rem;letter-spacing:.1em;overflow:hidden;padding:1.2rem 2.5rem;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.menu-trigger:hover{transform:translateY(-2px)}.menu-dropdown{background:#1a1a1a;background:var(--black);border:1px solid #1a9485;border:1px solid var(--emerald);left:0;min-width:200px;padding:1rem 0;position:absolute;top:100%;z-index:10}.menu-dropdown a,.menu-dropdown button{background:none;border:none;color:#f5f2e9;color:var(--cream);cursor:pointer;display:block;font-family:Josefin Sans,sans-serif;padding:.8rem 1.5rem;text-align:left;text-decoration:none;width:100%}.menu-dropdown a:hover,.menu-dropdown button:hover{background:#1a9485;background:var(--emerald);color:#1a1a1a;color:var(--black)}.loading-spinner{color:#d4af37;color:var(--gold);font-family:Cinzel Decorative,serif;left:50%;position:absolute;text-shadow:0 0 10px #d4af37;text-shadow:0 0 10px var(--gold);top:50%;transform:translate(-50%,-50%)}body{background-color:#1a1a1a;background-color:var(--black);color:#f5f2e9;color:var(--cream);font-family:Cormorant Garamond,serif;margin:0;max-height:220vh;min-height:100vh;overflow-x:hidden;padding:0;position:relative}body:before{background-attachment:fixed;background-image:url(/static/media/background_rococo.b18220f51f375d41568c.png);background-position:50%;background-size:cover;bottom:0;content:"";left:0;opacity:.15;position:fixed;right:0;top:0;z-index:-1}.app-container{display:flex;flex-direction:column;min-height:100vh;position:relative}.app-container:after,.app-container:before{background-image:url(/static/media/border-rocometal-pinkggreen.40a210cc5b5d3ae21e96.png);background-repeat:repeat-x;background-size:contain;content:"";height:60px;left:0;pointer-events:none;position:fixed;right:0;z-index:10}.app-container:before{top:0;transform:rotate(180deg)}.app-container:after{bottom:0}.app-header{margin-bottom:1rem;padding:1rem;position:relative;text-align:center}.app-header:after,.app-header:before{background-image:url(/static/media/EmeraldDeco1.4a3d37208fe07c23d081.png);background-repeat:no-repeat;background-size:contain;content:"";height:85px;position:relative;width:100px}.app-header:before{top:-30px;transform:flipX(180deg)}.app-header:after{bottom:-30px;height:100px;width:120px}.text-wrapper{display:inline-block;position:relative}.neon-title{align-items:center;justify-content:center;left:0;letter-spacing:.18em;position:absolute;top:0}.top{-webkit-text-stroke:.8px #fff;color:radial-gradient(circle,#52cbc3 0,#b28effc7 50%,rgba(0,255,251,.754) 100%);font-family:hotel-open,monospace;font-size:4rem;letter-spacing:.3em;margin:0;outline:1px solid #0000;z-index:21}.bottom{animation:neonPulse 1.5s ease-in-out infinite alternate;background:linear-gradient(135deg,#40e0d0,#f0f 50%,#0ff);background:var(--jewel-gradient);-webkit-background-clip:text;background-clip:text;color:#0000;font-family:hotel-solid,sans-serif;font-size:4.5rem;left:-5px;margin:0;position:relative;text-shadow:0 0 10px #da19da4d,0 0 20px #00ffff4d,0 0 30px #da19da4d,0 0 50px #00ffff4d,0 0 70px #d4af37;text-shadow:0 0 10px var(--magenta-glow),0 0 20px var(--cyan-glow),0 0 30px var(--magenta-glow),0 0 50px var(--cyan-glow),0 0 70px var(--gold);top:-8px;z-index:20}.neon-title:after{background:#924747;background:var(--cherry-coke);box-shadow:1px -1px 10px #da19da4d,-1px 1px 20px #00ffff4d,0 0 30px #d4af37;box-shadow:1px -1px 10px var(--magenta-glow),-1px 1px 20px var(--cyan-glow),0 0 30px var(--gold);content:"";position:absolute;transform:translateX(-80%);width:95%}.neon-title:before{content:attr(data-text);filter:blur(15px);left:0;opacity:.7;position:absolute;top:0;z-index:-1}.app-title,.neon-title:before{background:linear-gradient(45deg,#d4af37,#fff5d4 50%,#d4af37);background:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;color:#0000}.app-title{font-family:La Belle Aurore,cursive;letter-spacing:3px;margin-top:1rem;text-shadow:0 0 10px #d4af37;text-shadow:0 0 10px var(--gold);z-index:20}.app-subtitle,.app-title{font-size:2rem;position:relative}.app-subtitle{color:#40e0d0;color:var(--emerald-light);font-family:Playfair Display,serif;margin:2rem 0;padding:0 2rem;text-align:center}.app-subtitle:after,.app-subtitle:before{align-items:center;background-image:url(/static/media/EmeraldDeco2.af2adf5be1e57c224a5d.png);background-repeat:no-repeat;background-size:cover;content:"";display:flex;height:100%;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:100%}.app-subtitle:before{left:0;transform:translateY(-50%) rotate(180deg)}.app-subtitle:after{right:0;transform:translateY(-50%)}.main-section{flex:1 1;margin:0 auto;max-width:1400px;padding:1rem;position:relative}.body-text{background:#1a94851a;border:1px solid #1a9485;border:1px solid var(--emerald);color:#f5f2e9;color:var(--cream);font-family:Josefin Sans,sans-serif;font-size:1.2rem;line-height:1.6;margin:2rem auto;max-width:800px;padding:2rem;position:relative;text-align:center}.body-text:after,.body-text:before{background-image:url(/static/media/borderChckrbrd-side.ae01555cc7915a8fd703.jpg);background-repeat:no-repeat;background-size:contain;content:"";height:85px;position:absolute;width:100px}.body-text:before{left:-20px;top:-20px;transform:rotate(-90deg)}.body-text:after{bottom:-20px;right:-20px;transform:rotate(90deg)}.menu-trigger:after{animation:shimmer 3s infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.dropdown-divider{align-items:center;background:#1a9485;background:var(--emerald);height:1px;margin:.5rem 0;z-index:100}.modal-content{background:#1a1a1a;background:var(--black);border:2px solid #1a9485;border:2px solid var(--emerald);max-width:500px;padding:2rem;position:relative;width:90%}.modal-content h3{color:#40e0d0;color:var(--emerald-light);cursor:pointer;font-family:Playfair Display,serif;margin:.5rem}.modal-content input{background:#1a1a1a;background:var(--black);border:1px solid #1a9485;border:1px solid var(--emerald);color:#f5f2e9;color:var(--cream);margin-bottom:1rem;padding:.8rem;width:100%}.modal-content button{background:#1a9485;background:var(--emerald);border:none;color:#f5f2e9;color:var(--cream);cursor:pointer;margin:.5rem}.modal-content button:hover{background:#40e0d0;background:var(--emerald-light);color:#1a1a1a;color:var(--black)}.slider-nav{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.slider-link{align-items:center;background:linear-gradient(45deg,#d4af37,#fff5d4 50%,#d4af37);background:var(--gold-gradient);border:1px solid #d4af37;border:1px solid var(--gold);border-radius:2rem;color:#1a1a1a;color:var(--black);display:flex;font-family:Rozha One,serif;font-size:1rem;gap:.5rem;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.slider-link.active,.slider-link:hover{box-shadow:0 5px 15px #0000004d,0 0 20px #da19da4d,0 0 20px #00ffff4d;box-shadow:0 5px 15px #0000004d,0 0 20px var(--magenta-glow),0 0 20px var(--cyan-glow);transform:translateY(-2px)}.slider-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;height:20px;width:20px}.content-display{min-height:400px;position:relative}@keyframes neonPulse{0%{text-shadow:0 0 5px #1a9485,0 0 10px #1a9485,0 0 20px #40e0d0,0 0 40px #40e0d0;text-shadow:0 0 5px var(--emerald),0 0 10px var(--emerald),0 0 20px var(--emerald-light),0 0 40px var(--emerald-light)}to{text-shadow:0 0 10px #1a9485,0 0 20px #1a9485,0 0 40px #40e0d0,0 0 80px #40e0d0;text-shadow:0 0 10px var(--emerald),0 0 20px var(--emerald),0 0 40px var(--emerald-light),0 0 80px var(--emerald-light)}}@keyframes shimmer{0%{transform:translateX(-100%) rotate(45deg)}to{transform:translateX(100%) rotate(45deg)}}@media (max-width:768px){.neon-title{font-size:2.5rem}.app-subtitle{font-size:1.3rem}.app-title{font-size:1.5rem}.body-text{font-size:1rem;padding:.2rem}.main-section{padding:.5rem}.panel{padding:1rem}.slider-nav{align-items:stretch;flex-direction:column}.slider-link{justify-content:center}}