*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f7;color:#333;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.container{max-width:1200px;padding:0 20px}.section{margin:40px 0}.section-title{color:#333;font-size:1.8rem;font-weight:700;margin-bottom:20px}@media (max-width:768px){.container{padding:0 15px}.section{margin:30px 0}.section-title{font-size:1.5rem}}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;padding:20px 0}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s ease-in}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s ease-out}.loading-spinner{align-items:center;display:flex;height:100px;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#cc33e1;border-radius:50%;height:36px;width:36px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header{background-color:#88058b;box-shadow:0 2px 10px #0000001a;color:#fff;padding:15px 0}.header-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.logo{color:#fff;font-size:1.2rem;font-weight:700;text-decoration:none}.logo h1{font-size:1.5rem;margin:0}.search-form{display:flex;flex:1 1;margin:0 20px;max-width:500px}.search-input{border:none;border-radius:4px 0 0 4px;flex:1 1;font-size:.9rem;padding:10px 15px}.search-button{background-color:#333;border:none;border-radius:0 4px 4px 0;color:#fff;font-weight:500;padding:0 20px;transition:background-color .2s}.search-button:hover{background-color:#444}.main-nav{margin-top:10px;width:100%}.nav-list{display:flex;justify-content:center;list-style:none;margin:0;padding:0}.nav-item{margin:0 15px}.nav-link{color:#fff;font-weight:500;text-decoration:none;transition:opacity .2s}.nav-link:hover{opacity:.8}@media (min-width:768px){.header-container{flex-wrap:nowrap}.main-nav{margin-top:0;width:auto}.nav-list{justify-content:flex-end}}@media (max-width:767px){.header-container{flex-direction:column}.logo,.search-form{margin-bottom:15px;max-width:none;width:100%}}.footer{background-color:#333;color:#fff;margin-top:auto;padding-top:40px}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between}.footer-section{flex:1 1;margin-bottom:30px;min-width:250px;padding-right:20px}.footer-title{color:#ff5e62;font-size:1.2rem;margin-bottom:15px}.footer-description{color:#ccc;line-height:1.6}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:10px}.footer-links a{color:#ccc;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#ff5e62}.footer-bottom{background-color:#222;padding:15px 0;text-align:center}.attribution,.copyright{color:#999;font-size:.9rem;margin:5px 0}.attribution a{color:#ff5e62;text-decoration:none}@media (max-width:768px){.footer-container{flex-direction:column}.footer-section{padding-right:0;width:100%}}.home-page{padding-bottom:40px}.hero-section{background:linear-gradient(90deg,#88058b,#dd83f1);border-radius:8px;color:#fff;margin-bottom:40px;padding:60px 0;text-align:center}.hero-content{margin:0 auto;max-width:800px;padding:0 20px}.hero-title{font-size:2.5rem;font-weight:700;margin-bottom:20px}.hero-description{font-size:1.2rem;line-height:1.6;margin-bottom:30px}.drama-grid{grid-gap:2rem;gap:2rem;padding:1rem;width:100%}.container{margin:0 auto;max-width:1400px;padding:0 1rem;width:100%}.genre-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.genre-item{background-color:#f0f0f0;border-radius:20px;color:#333;font-size:.9rem;padding:8px 16px;transition:all .2s}.genre-item:hover{background-color:#ff5e62;color:#fff}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:20px}.feature-item{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:20px}.feature-item h3{color:#ff5e62;font-size:1.2rem;margin-bottom:10px}.feature-item p{color:#666;line-height:1.5}.error-message{padding:20px}@media (max-width:768px){.hero-title{font-size:2rem}.hero-description{font-size:1rem}.drama-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.drama-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:block;height:100%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.drama-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.drama-card-image-container{overflow:hidden;padding-top:140%;position:relative;width:100%}.drama-card-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.drama-card-rating{background-color:#000000b3;border-radius:4px;color:#fc0;font-size:.8rem;font-weight:600;padding:4px 8px;position:absolute;right:10px;top:10px}.drama-card-content{padding:15px}.drama-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:1rem;font-weight:600;height:2.4em;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis}.drama-card-info{color:#666;display:flex;font-size:.8rem;justify-content:space-between}.drama-card-genre,.drama-card-year{display:inline-block}.drama-card-genre{background-color:#f0f0f0;border-radius:10px;font-size:.75rem;padding:2px 8px}.drama-details{padding:30px 0}.drama-details-header{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:40px}.drama-poster{flex:0 0 300px}.drama-poster img{border-radius:8px;box-shadow:0 5px 15px #0003;width:100%}.no-poster{align-items:center;background-color:#f0f0f0;border-radius:8px;color:#999;display:flex;font-size:1.2rem;height:450px;justify-content:center;width:100%}.drama-info{flex:1 1;min-width:300px}.drama-title{color:#333;font-size:2.5rem;margin-bottom:15px}.drama-year{color:#666;margin-right:15px}.drama-rating,.drama-year{display:inline-block;font-size:1.2rem}.drama-rating{color:#333;margin-bottom:15px}.rating-star{color:#fc0}.drama-genres{margin-bottom:20px}.genre-tag{background-color:#f0f0f0;border-radius:20px;color:#333;display:inline-block;font-size:.9rem;margin-bottom:10px;margin-right:10px;padding:5px 12px;transition:all .2s}.genre-tag:hover{background-color:#ff5e62;color:#fff}.drama-network,.drama-status{color:#666;margin-bottom:10px}.info-label{color:#333;font-weight:600}.drama-summary{margin:25px 0}.drama-summary h3{color:#333;font-size:1.3rem;margin-bottom:10px}.drama-summary p{color:#555;line-height:1.6}.drama-links{margin-top:20px}.official-site-link{background-color:#ff5e62;border-radius:4px;color:#fff;display:inline-block;font-weight:500;padding:10px 20px;text-decoration:none;transition:background-color .2s}.official-site-link:hover{background-color:#e54b4e}.drama-cast{margin:40px 0}.cast-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:20px}.cast-item{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.cast-image{height:200px;overflow:hidden;width:100%}.cast-image img{height:100%;object-fit:cover;width:100%}.no-image{align-items:center;background-color:#f0f0f0;color:#999;display:flex;height:100%;justify-content:center;width:100%}.cast-info{padding:10px}.cast-name{font-size:.9rem;font-weight:600;margin-bottom:5px}.cast-character{color:#666;font-size:.8rem}.back-navigation{margin-top:30px}.back-button{background-color:#333;border-radius:4px;color:#fff;display:inline-block;font-weight:500;padding:10px 20px;text-decoration:none;transition:background-color .2s}.back-button:hover{background-color:#444}.error-message{align-items:center;color:#ff5e62;display:flex;flex-direction:column;font-size:1.2rem;padding:50px 20px;text-align:center}.back-link{color:#333;margin-top:20px;text-decoration:underline}@media (max-width:768px){.drama-details-header{flex-direction:column}.drama-poster{flex:0 0 auto;margin:0 auto;max-width:250px}.drama-title{font-size:2rem;text-align:center}.drama-rating,.drama-year{display:block;margin-right:0;text-align:center}.drama-genres{text-align:center}.cast-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.search-results{padding:30px 0}.search-header{margin-bottom:30px}.search-title{color:#333;font-size:1.8rem;margin-bottom:10px}.results-count{color:#666;font-size:1rem}.no-results{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:50px 20px;text-align:center}.no-results p{color:#666;margin-bottom:15px}@media (max-width:768px){.search-title{font-size:1.5rem}.drama-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.genre-page{padding:30px 0}.genre-header{margin-bottom:30px;text-align:center}.genre-title{color:#333;font-size:2rem;margin-bottom:10px}.genre-description{color:#666;font-size:1.1rem;margin:0 auto;max-width:600px}.drama-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.no-dramas{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:50px 20px;text-align:center}.no-dramas p{color:#666;margin-bottom:15px}.back-to-home{background-color:#ff5e62;border-radius:4px;color:#fff;display:inline-block;font-weight:500;margin-top:10px;padding:10px 20px;text-decoration:none;transition:background-color .2s}.back-to-home:hover{background-color:#e54b4e}@media (max-width:768px){.genre-title{font-size:1.8rem}.genre-description{font-size:1rem}.drama-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.not-found{padding:60px 0;text-align:center}.not-found-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:600px;padding:40px}.not-found-title{color:#ff5e62;font-size:6rem;font-weight:700;line-height:1;margin-bottom:10px}.not-found-subtitle{color:#333;font-size:2rem;margin-bottom:20px}.not-found-message{color:#666;font-size:1.1rem;margin-bottom:30px}.back-home-button{background-color:#ff5e62;border-radius:4px;color:#fff;display:inline-block;font-weight:500;padding:12px 25px;text-decoration:none;transition:background-color .2s}.back-home-button:hover{background-color:#e54b4e}@media (max-width:768px){.not-found-title{font-size:4rem}.not-found-subtitle{font-size:1.5rem}}
/*# sourceMappingURL=main.5fa1c541.css.map*/