:root{--noir-black:#000000;--noir-charcoal:#1a1a1a;--noir-ink:#2d2d2d;--noir-gray:#666666;--noir-silver:#999999;--noir-cream:#f5f5f0;--noir-white:#ffffff;--noir-red:#cc0000;--noir-gold:#d4af37;--noir-border:#333333}body{font-family:Inter,sans-serif;background:var(--noir-black);color:var(--noir-cream);overflow-x:hidden}.cinema-container{min-height:100vh;min-height:100dvh;width:100vw;max-width:100vw;display:flex;flex-direction:column;padding:0;overflow:hidden}@media screen and (min-width:768px){.cinema-perforation{padding:1.5rem 3rem}.cinema-mood-card,.cinema-personality-card,.cinema-zodiac-card{min-height:70px;padding:.75rem}.cinema-abv-card{min-height:120px;padding:1rem}}@media screen and (min-width:768px) and (orientation:landscape){.cinema-perforation,.cinema-ticket-torn{max-height:100vh!important;overflow:hidden!important}.cinema-perforation{padding:.5rem 1rem!important}.cinema-h2{font-size:1rem!important}.cinema-h2,.cinema-h3{margin-bottom:.25rem!important}.cinema-h3{font-size:.875rem!important}p{font-size:.625rem!important;margin-bottom:.25rem!important}.cinema-personality-card,.cinema-zodiac-card{min-height:28px!important;max-height:28px!important;font-size:.625rem!important;padding:.125rem!important;line-height:1!important}.ticket-divider{margin:.25rem 0!important;height:1px!important}.space-y-2>*+*{margin-top:.25rem!important}.noir-button,.noir-button-outline{min-height:40px!important;padding:.5rem 1rem!important;font-size:.75rem!important}}@media screen and (min-width:1024px){.cinema-perforation{padding:1.5rem 3rem}.cinema-abv-card,.cinema-mood-card,.cinema-personality-card,.cinema-zodiac-card{min-height:70px;padding:.75rem}}@media screen and (min-width:1024px) and (orientation:landscape){.cinema-zodiac-card{min-height:50px!important;padding:.5rem!important}.cinema-h2,.cinema-h3{margin-bottom:.5rem!important}.cinema-perforation{padding:1rem 2rem!important}}.cinema-ticket-torn{background:var(--noir-cream);color:var(--noir-ink);position:relative;width:100%;height:100%;box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 0 0 1px rgba(0,0,0,.1)}.cinema-ticket-torn:after,.cinema-ticket-torn:before{content:"";position:absolute;left:0;right:0;height:8px;background-repeat:repeat-x;background-size:16px 8px}.cinema-ticket-torn:before{top:0;background-image:linear-gradient(-45deg,transparent 6px,var(--noir-cream) 6px)}.cinema-ticket-torn:after{bottom:0;background-image:linear-gradient(45deg,transparent 6px,var(--noir-cream) 6px)}.cinema-perforation{position:relative;padding:1rem 2rem;min-height:100%;height:100%;display:flex;flex-direction:column}.cinema-perforation:after,.cinema-perforation:before{content:"";position:absolute;top:0;bottom:0;width:16px;background:repeating-linear-gradient(0deg,transparent 0,transparent 8px,var(--noir-black) 8px,var(--noir-black) 16px)}.cinema-perforation:before{left:-8px}.cinema-perforation:after{right:-8px}.cinema-h1{font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700;line-height:1.2;letter-spacing:-.02em}.cinema-h2{font-size:1.875rem;line-height:1.3;letter-spacing:-.01em}.cinema-h2,.cinema-h3{font-family:Playfair Display,serif;font-weight:600}.cinema-h3{font-size:1.5rem;line-height:1.4}.cinema-sans{font-family:Inter,sans-serif;font-weight:400;line-height:1.6}.cinema-mono{font-family:Courier Prime,monospace;font-weight:400;letter-spacing:.05em}.cinema-caption{font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;opacity:.7}.ticket-divider{width:100%;height:1px;background:repeating-linear-gradient(90deg,var(--noir-gray) 0,var(--noir-gray) 8px,transparent 8px,transparent 16px);margin:2rem 0}.cinema-input{background:transparent;border:none;border-bottom:2px solid var(--noir-gray);padding:1rem 0;font-size:1.25rem;color:var(--noir-ink);outline:none;transition:border-color .3s ease}.cinema-input:focus{border-bottom-color:var(--noir-ink)}.cinema-input::-moz-placeholder{color:var(--noir-gray);opacity:.7}.cinema-input::placeholder{color:var(--noir-gray);opacity:.7}.noir-button{background:var(--noir-ink);color:var(--noir-cream);border:2px solid var(--noir-ink);padding:1rem 2rem;font-family:Inter,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .3s ease;min-height:64px;min-width:160px}.noir-button:hover{background:var(--noir-cream);color:var(--noir-ink)}.noir-button:disabled{opacity:.5;cursor:not-allowed}.noir-button-outline{background:transparent;color:var(--noir-ink);border:2px solid var(--noir-ink);padding:1rem 2rem;font-family:Inter,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .3s ease;min-height:64px;min-width:120px}.noir-button-outline:hover{background:var(--noir-ink);color:var(--noir-cream)}.cinema-abv-card,.cinema-mood-card,.cinema-personality-card,.cinema-zodiac-card{background:transparent;border:1px solid var(--noir-gray);padding:.5rem;text-align:center;cursor:pointer;transition:all .3s ease;color:var(--noir-ink);min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:4px}.cinema-abv-card.active,.cinema-abv-card:hover,.cinema-mood-card.active,.cinema-mood-card:hover,.cinema-personality-card.active,.cinema-personality-card:hover,.cinema-zodiac-card.active,.cinema-zodiac-card:hover{border-color:var(--noir-ink);background:var(--noir-ink);color:var(--noir-cream)}.film-strip{height:32px;background:repeating-linear-gradient(90deg,var(--noir-black) 0,var(--noir-black) 8px,transparent 8px,transparent 16px);position:relative}.film-strip:before{content:"";position:absolute;left:0;right:0;top:50%;height:8px;background:var(--noir-black);transform:translateY(-50%)}.ipad-touch-friendly{min-height:64px;min-width:64px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ipad-touch-friendly:active{transform:scale(.98);transition:transform .1s ease}@media screen and (min-width:1024px){.ipad-touch-friendly{min-height:80px}.cinema-h1{font-size:3rem}.cinema-h2{font-size:2.25rem}.cinema-h3{font-size:1.75rem}}@media screen and (min-width:1366px){.cinema-perforation{padding:3rem 4rem}.cinema-h1{font-size:3.5rem}}.fade-in-up{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.selectable-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}@media screen and (max-width:767px){.cinema-perforation{padding:1.5rem 2rem}.cinema-h1{font-size:2rem}.cinema-h2{font-size:1.5rem}.cinema-h3{font-size:1.25rem}}.cinema-stamp{background:var(--noir-red);padding:.5rem 1rem;font-family:Courier Prime,monospace;font-weight:700;font-size:.75rem;letter-spacing:.1em;transform:rotate(-15deg);border:2px solid var(--noir-red);box-shadow:0 0 0 2px var(--noir-red);position:absolute}.bg-noir-black,.cinema-stamp{color:var(--noir-cream)}.text-noir-black{color:var(--noir-black)}.text-noir-charcoal{color:var(--noir-charcoal)}.text-noir-ink{color:var(--noir-ink)}.text-noir-gray{color:var(--noir-gray)}.text-noir-silver{color:var(--noir-silver)}.text-noir-cream{color:var(--noir-cream)}.text-noir-white{color:var(--noir-white)}.text-noir-red{color:var(--noir-red)}.text-noir-gold{color:var(--noir-gold)}.bg-noir-black{background-color:var(--noir-black)}.bg-noir-charcoal{background-color:var(--noir-charcoal)}.bg-noir-ink{background-color:var(--noir-ink)}.bg-noir-gray{background-color:var(--noir-gray)}.bg-noir-silver{background-color:var(--noir-silver)}.bg-noir-cream{background-color:var(--noir-cream)}.bg-noir-white{background-color:var(--noir-white)}.bg-noir-red{background-color:var(--noir-red)}.bg-noir-gold{background-color:var(--noir-gold)}