:root{--color-neutral-0:#080808;--color-neutral-100:#0a0a0b;--color-neutral-200:#121214;--color-neutral-300:#18181b;--color-neutral-400:#27272a;--color-neutral-500:#3f3f46;--color-neutral-600:#52525b;--color-neutral-700:#71717a;--color-neutral-800:#a1a1aa;--color-neutral-900:#e4e4e7;--color-neutral-1000:#fff;--color-accent-300:#f43f5e;--color-accent-400:#e11d48;--color-accent-500:#be123c;--color-accent-600:#9f1239;--color-error:#ef4444;--color-success:#10b981;--color-warning:#f59e0b;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--font-sans:"DM Sans",sans-serif;--container-max:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans);background-color:var(--color-neutral-100);color:var(--color-neutral-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-neutral-100)}::-webkit-scrollbar-thumb{background:var(--color-neutral-400);border-radius:var(--radius-md);border:2px solid var(--color-neutral-100)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-500)}h1,h2,h3,h4,h5,h6{color:var(--color-neutral-900);font-weight:500;line-height:1.2}h1{letter-spacing:-1.5px;font-size:clamp(2rem,5vw,3rem)}h2{letter-spacing:-1px;font-size:clamp(1.5rem,4vw,2.25rem)}h3{letter-spacing:-.5px;font-size:1.5rem}p{color:var(--color-neutral-800)}.text-muted{color:var(--color-neutral-700)}.text-small{font-size:.875rem}a{color:inherit;text-decoration:none;transition:color .2s}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:all .2s}.container{width:100%;max-width:var(--container-max);padding:0 var(--sp-6);margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--sp-1)}.gap-1-5{gap:6px}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-6{gap:var(--sp-6)}.gap-8{gap:var(--sp-8)}.mt-2{margin-top:var(--sp-2)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.mt-8{margin-top:var(--sp-8)}.mb-2{margin-bottom:var(--sp-2)}.mb-4{margin-bottom:var(--sp-4)}.mb-6{margin-bottom:var(--sp-6)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-3)var(--sp-5);border-radius:var(--radius-md);color:var(--color-neutral-100);background-color:var(--color-neutral-900);font-size:.875rem;font-weight:500;display:inline-flex}.btn:hover{background-color:var(--color-neutral-1000)}.btn-primary{background-color:var(--color-accent-400);color:var(--color-neutral-0)}.btn-primary:hover{background-color:var(--color-accent-300)}.btn-ghost{color:var(--color-neutral-900);padding:var(--sp-2)var(--sp-4);background-color:#0000}.btn-ghost:hover{background-color:var(--color-neutral-300)}.chip{padding:var(--sp-1)var(--sp-3);border-radius:var(--radius-xl);background-color:var(--color-neutral-300);color:var(--color-neutral-900);border:1px solid var(--color-neutral-400);align-items:center;font-size:.75rem;font-weight:500;display:inline-flex}.chip.active{background-color:var(--color-neutral-900);color:var(--color-neutral-100);border-color:var(--color-neutral-900)}.chip:hover:not(.active){background-color:var(--color-neutral-400)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}
.hero-section{padding:var(--sp-6)0;border-bottom:1px solid var(--color-neutral-400)}.hero-title{color:var(--color-neutral-1000);margin-bottom:var(--sp-2);font-weight:700}.hero-subtitle{font-size:1.125rem}.filters-container{gap:var(--sp-4);flex-direction:column;max-width:600px;display:flex}.search-wrapper{align-items:center;display:flex;position:relative}.search-icon{left:var(--sp-4);pointer-events:none;position:absolute}.search-input{width:100%;padding:var(--sp-3)var(--sp-4)var(--sp-3)var(--sp-12);background-color:var(--color-neutral-200);border:1px solid var(--color-neutral-400);border-radius:var(--radius-lg);color:var(--color-neutral-900);font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--color-neutral-600);outline:none;box-shadow:0 0 0 2px #a1a1aa33}.search-input::placeholder{color:var(--color-neutral-600)}.date-filters{scrollbar-width:none;display:flex}.date-filters::-webkit-scrollbar{display:none}.date-chip{padding:var(--sp-2)var(--sp-4);font-weight:600}.movie-grid{gap:var(--sp-4);grid-template-columns:repeat(2,1fr);display:grid}.empty-state{padding:var(--sp-16)0;text-align:center;background-color:var(--color-neutral-200);border-radius:var(--radius-lg);border:1px dashed var(--color-neutral-500)}@media (min-width:640px){.movie-grid{gap:var(--sp-6);grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.movie-grid{gap:var(--sp-6);grid-template-columns:repeat(5,1fr)}}.skeleton-card{border-radius:var(--radius-lg);background-color:var(--color-neutral-300);aspect-ratio:2/3;width:100%;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}
.hero-banner{min-height:480px;padding-top:var(--sp-20);padding-bottom:var(--sp-12);background-color:var(--color-neutral-0);align-items:flex-end;margin-top:-32px;display:flex;position:relative;overflow:hidden}.hero-blur-bg{filter:blur(20px)brightness(.5);z-index:1;background-position:top;background-size:cover;position:absolute;inset:-20px;transform:scale(1.1)}.hero-gradient-overlay{background:linear-gradient(to top,var(--color-neutral-100)0%,#0a0a0bcc 50%,#0a0a0b66 100%);z-index:2;position:absolute;inset:0}.hero-content-wrapper{z-index:10;padding-top:var(--sp-12);position:relative}.back-link{color:var(--color-neutral-600);transition:color .2s;display:inline-flex}.back-link:hover{color:var(--color-neutral-900)}.hero-content{align-items:center;display:flex}.poster-container{border-radius:var(--radius-xl);background-color:var(--color-neutral-200);border:1px solid #ffffff0d;flex-shrink:0;width:100%;max-width:240px;overflow:hidden;box-shadow:0 25px 50px -12px #000c}@media (max-width:768px){.poster-container{max-width:180px;margin-bottom:var(--sp-6)}.hero-content{flex-direction:column}}.detail-poster{object-fit:cover;aspect-ratio:2/3;width:100%;display:block}.detail-info{flex:1}.detail-title{color:var(--color-neutral-1000);letter-spacing:-1px;font-size:clamp(2rem,4vw,3rem);font-weight:700}.meta-badge{border-radius:var(--radius-sm);color:var(--color-neutral-600);background-color:#ffffff14;padding:2px 8px;font-size:.75rem}.text-neutral-300{color:#d4d4d8}.text-neutral-400{color:#a1a1aa;border-color:#3f3f46}.text-neutral-500{color:#71717a}.genre-pill{padding:var(--sp-1)var(--sp-3);border-radius:var(--radius-2xl);color:var(--color-neutral-800);background-color:#ffffff0d;border:1px solid #ffffff1a;font-size:.75rem}.detail-synopsis{max-width:600px;line-height:1.6}.date-chips{scrollbar-width:none}.date-chips::-webkit-scrollbar{display:none}.date-chip{border:1px solid var(--color-neutral-500);border-radius:var(--radius-lg);padding:var(--sp-3)var(--sp-5);min-width:90px;color:var(--color-neutral-700);background-color:#0000;flex-direction:column;align-items:center;transition:all .2s;display:flex}.date-chip:hover:not(.active){background-color:var(--color-neutral-300);color:var(--color-neutral-900)}.date-chip.active{background-color:var(--color-neutral-900);border-color:var(--color-neutral-1000);color:var(--color-neutral-100)}.date-chip .day-name{text-transform:uppercase;opacity:.7;margin-bottom:2px;font-size:.75rem;font-weight:600}.date-chip .day-number{font-size:1rem;font-weight:700}.chain-block{border-top:1px solid var(--color-neutral-400);padding-top:var(--sp-6);padding-bottom:var(--sp-2);background-color:#0000}.chain-block:first-child{border-top:none}.mall-block{margin-bottom:var(--sp-6)}.cinema-chain-title{color:var(--color-neutral-1000);font-size:1.5rem;font-weight:700}.times-grid{gap:var(--sp-4);grid-template-columns:1fr;display:grid}@media (min-width:640px){.times-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.times-grid{gap:var(--sp-6);grid-template-columns:repeat(3,1fr)}}.empty-state{padding:var(--sp-12)0;background-color:var(--color-neutral-200);border-radius:var(--radius-lg);border:1px dashed var(--color-neutral-500)}.skeleton-page{background:var(--color-neutral-100);min-height:100vh}.skeleton-hero{background:var(--color-neutral-200);height:60vh;min-height:480px;position:relative}.skeleton-poster{background:var(--color-neutral-300);border-radius:var(--radius-lg);width:300px;height:450px;box-shadow:0 25px 50px -12px #00000080}.skeleton-line{background:var(--color-neutral-300);border-radius:var(--radius-sm)}.pulse-anim{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}