.movie-card{position:relative;cursor:pointer;border-radius:var(--radius-lg);overflow:hidden;background:#fff;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.movie-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.movie-card:focus{outline:none;box-shadow:0 0 0 3px var(--dusty-rose-light),var(--shadow-md)}.movie-card--selectable{cursor:pointer}.movie-card--selected{box-shadow:0 0 0 3px var(--dusty-rose),var(--shadow-md)}.movie-card__poster-container{position:relative;aspect-ratio:2 / 3;background:var(--cream-dark);overflow:hidden}.movie-card__poster{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.movie-card:hover .movie-card__poster{transform:scale(1.05)}.movie-card__poster-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-muted);gap:var(--space-sm)}.movie-card__poster-placeholder svg{width:48px;height:48px;opacity:.5}.movie-card__poster-placeholder span{font-size:.75rem}.movie-card__checkbox{position:absolute;top:var(--space-sm);left:var(--space-sm);width:24px;height:24px;border-radius:var(--radius-sm);background:#ffffffe6;border:2px solid var(--cream-dark);display:flex;align-items:center;justify-content:center;transition:all .15s ease;z-index:2}.movie-card__checkbox--checked{background:var(--dusty-rose);border-color:var(--dusty-rose);color:#fff}.movie-card__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.6) 40%,rgba(0,0,0,.2) 70%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-md);opacity:0;transition:opacity .2s ease}.movie-card:hover .movie-card__overlay,.movie-card:focus .movie-card__overlay{opacity:1}.movie-card__title{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:#fff;margin:0 0 var(--space-xs) 0;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.movie-card__meta{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.movie-card__year{font-size:.8125rem;color:#fffc}.movie-card__runtime{display:flex;align-items:center;gap:4px;font-size:.8125rem;color:#fffc}.movie-card__genres{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.movie-card__genre{padding:2px 8px;background:#fff3;border-radius:var(--radius-full);font-size:.6875rem;color:#fff;text-transform:uppercase;letter-spacing:.5px}.movie-card__rating-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);display:flex;align-items:center;gap:4px;padding:4px 8px;background:#000000bf;border-radius:var(--radius-full);color:var(--terracotta);font-size:.75rem;font-weight:600;z-index:2}.movie-card__watched-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--sage);border-radius:50%;color:#fff;z-index:2}.movie-card__rating-badge+.movie-card__watched-badge{top:calc(var(--space-sm) + 28px)}.movie-card__info{padding:var(--space-sm)}.movie-card__info-title{font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movie-card__info-year{font-size:.75rem;color:var(--text-muted)}.movie-card__suggested{display:block;font-size:.6875rem;color:var(--dusty-rose);font-style:italic;margin-top:2px}@media(min-width:480px){.movie-card__info{display:none}}@media(max-width:480px){.movie-card__overlay{opacity:1;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 30%,transparent 60%);padding:var(--space-sm)}.movie-card__title{font-size:.875rem}.movie-card__meta,.movie-card__genres{display:none}}.movie-filters{display:flex;flex-direction:column;gap:var(--space-sm)}.movie-filters__search-row{display:flex;gap:var(--space-sm)}.movie-filters__search-row .input-wrapper{flex:1}.movie-filters__expanded{background:#fff;border:1px solid var(--cream-dark);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.movie-filters__section{display:flex;flex-direction:column;gap:var(--space-xs)}.movie-filters__label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.movie-filters__chips{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.movie-filters__chip{padding:var(--space-xs) var(--space-sm);border:1px solid var(--cream-dark);border-radius:var(--radius-full);background:#fff;font-size:.8125rem;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.movie-filters__chip:hover{border-color:var(--dusty-rose-light);color:var(--text-primary)}.movie-filters__chip--active{background:var(--dusty-rose);border-color:var(--dusty-rose);color:#fff}.movie-filters__chip--active:hover{background:var(--rose-dark);border-color:var(--rose-dark);color:#fff}.movie-filters__chip--rating{display:flex;align-items:center;gap:4px}.movie-filters__select{width:100%;padding:var(--space-sm) var(--space-md);border:2px solid var(--cream-dark);border-radius:var(--radius-md);background:#fff;font-family:var(--font-body);font-size:.875rem;color:var(--text-primary);cursor:pointer;transition:border-color .2s ease;margin-top:var(--space-xs)}.movie-filters__select:hover{border-color:var(--dusty-rose-light)}.movie-filters__select:focus{outline:none;border-color:var(--dusty-rose);box-shadow:0 0 0 3px var(--dusty-rose-light)}.movie-filters__clear{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:none;background:none;font-size:.8125rem;color:var(--text-muted);cursor:pointer;align-self:flex-start}.movie-filters__clear:hover{color:var(--text-secondary)}.movie-filters__active-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.movie-filters__tag{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px 8px 2px 10px;background:var(--cream);border-radius:var(--radius-full);font-size:.75rem;color:var(--text-secondary)}.movie-filters__tag button{display:flex;align-items:center;justify-content:center;padding:2px;border:none;background:none;color:var(--text-muted);cursor:pointer;border-radius:50%}.movie-filters__tag button:hover{background:var(--cream-dark);color:var(--text-primary)}.movie-review-form{display:flex;flex-direction:column;gap:var(--space-lg)}.movie-review-form__movie{display:flex;gap:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--cream-dark)}.movie-review-form__poster{flex-shrink:0;width:60px;aspect-ratio:2 / 3;border-radius:var(--radius-sm);overflow:hidden;background:var(--cream-dark)}.movie-review-form__poster img{width:100%;height:100%;object-fit:cover}.movie-review-form__poster-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.movie-review-form__poster-placeholder svg{width:24px;height:24px;opacity:.5}.movie-review-form__movie-info{flex:1;min-width:0}.movie-review-form__movie-title{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-xs) 0;line-height:1.2}.movie-review-form__movie-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:.8125rem;color:var(--text-muted);margin-bottom:var(--space-xs)}.movie-review-form__movie-meta span{display:flex;align-items:center;gap:4px}.movie-review-form__movie-genres{font-size:.75rem;color:var(--text-secondary)}.movie-review-form__date{display:flex;flex-direction:column;gap:var(--space-xs)}.movie-review-form__label{display:flex;align-items:center;gap:var(--space-xs);font-size:.875rem;font-weight:500;color:var(--text-secondary)}.movie-review-form__date-input{padding:var(--space-sm) var(--space-md);border:2px solid var(--cream-dark);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9375rem;color:var(--text-primary);transition:border-color .2s ease}.movie-review-form__date-input:hover{border-color:var(--dusty-rose-light)}.movie-review-form__date-input:focus{outline:none;border-color:var(--dusty-rose);box-shadow:0 0 0 3px var(--dusty-rose-light)}.movie-review-form__ratings{display:flex;flex-direction:column;gap:var(--space-md)}.movie-review-form__rating-row{display:flex;flex-direction:column;gap:var(--space-xs)}.movie-review-form__rating-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.movie-review-form__error{font-size:.8125rem;color:var(--terracotta-dark)}@media(max-width:480px){.movie-review-form__movie-title{font-size:1rem}}.movie-search{position:relative;width:100%}.movie-search__input-wrapper{position:relative}.movie-search__clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;padding:4px;border:none;background:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color .15s ease,background .15s ease}.movie-search__clear:hover{color:var(--text-primary);background:var(--cream)}.movie-search__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-xs);background:#fff;border:1px solid var(--cream-dark);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;max-height:400px;overflow-y:auto}.movie-search__loading{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);color:var(--text-secondary);font-size:.875rem}.movie-search__spinner{width:16px;height:16px;border:2px solid var(--cream-dark);border-top-color:var(--dusty-rose);border-radius:50%;animation:spin .8s linear infinite}.movie-search__empty{padding:var(--space-lg);text-align:center;color:var(--text-secondary);font-size:.875rem}.movie-search__results{list-style:none;margin:0;padding:var(--space-xs)}.movie-search__result{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:background .15s ease}.movie-search__result:hover,.movie-search__result--active{background:var(--cream)}.movie-search__result-poster{flex-shrink:0;width:40px;height:60px;border-radius:var(--radius-sm);overflow:hidden;background:var(--cream-dark)}.movie-search__result-poster img{width:100%;height:100%;object-fit:cover}.movie-search__result-poster-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.movie-search__result-poster-placeholder svg{width:20px;height:20px;opacity:.5}.movie-search__result-info{flex:1;min-width:0}.movie-search__result-title{display:block;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movie-search__result-meta{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:2px;font-size:.75rem;color:var(--text-muted)}.movie-search__result-meta span:not(:last-child):after{content:"·";margin-left:var(--space-xs)}@media(max-width:480px){.movie-search__dropdown{max-height:300px}.movie-search__result-poster{width:36px;height:54px}}.add-movie-modal{min-height:200px}.add-movie-modal__search{display:flex;flex-direction:column;gap:var(--space-md)}.add-movie-modal__instructions{color:var(--text-secondary);font-size:.9375rem;margin:0}.add-movie-modal__fetching{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);color:var(--text-secondary);font-size:.875rem}.add-movie-modal__spinner{width:18px;height:18px;border:2px solid var(--cream-dark);border-top-color:var(--dusty-rose);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.add-movie-modal__preview{position:relative;margin:calc(-1 * var(--space-md));margin-top:calc(-1 * var(--space-md))}.add-movie-modal__backdrop{position:absolute;top:0;left:0;right:0;height:200px;background-size:cover;background-position:center top;opacity:.3}.add-movie-modal__backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,white 100%)}.add-movie-modal__content{position:relative;display:flex;gap:var(--space-lg);padding:var(--space-lg);padding-top:var(--space-xl)}.add-movie-modal__poster{flex-shrink:0;width:140px;aspect-ratio:2 / 3;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-lg);background:var(--cream-dark)}.add-movie-modal__poster img{width:100%;height:100%;object-fit:cover}.add-movie-modal__poster-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.add-movie-modal__poster-placeholder svg{width:48px;height:48px;opacity:.5}.add-movie-modal__info{flex:1;min-width:0}.add-movie-modal__title{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-sm) 0;line-height:1.2}.add-movie-modal__meta{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-sm)}.add-movie-modal__meta-item{display:flex;align-items:center;gap:4px;font-size:.875rem;color:var(--text-secondary)}.add-movie-modal__genres{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.add-movie-modal__genre{padding:4px 10px;background:var(--cream);border-radius:var(--radius-full);font-size:.75rem;color:var(--text-secondary)}.add-movie-modal__description{font-size:.875rem;line-height:1.5;color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:480px){.add-movie-modal__content{flex-direction:column;align-items:center;text-align:center;padding-top:100px}.add-movie-modal__backdrop{height:140px}.add-movie-modal__poster{width:120px}.add-movie-modal__meta,.add-movie-modal__genres{justify-content:center}.add-movie-modal__title{font-size:1.25rem}}.watchlist-tab,.watchlist-tab__header{display:flex;flex-direction:column;gap:var(--space-md)}.watchlist-tab__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.watchlist-tab__selection-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--dusty-rose-light);border-radius:var(--radius-md)}.watchlist-tab__selection-bar span{font-size:.875rem;font-weight:500;color:var(--rose-dark)}.watchlist-tab__selection-bar button{border:none;background:none;font-size:.875rem;color:var(--rose-dark);cursor:pointer;text-decoration:underline}.watchlist-tab__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center}.watchlist-tab__empty h3{font-family:var(--font-heading);font-size:1.25rem;color:var(--text-primary);margin:0 0 var(--space-xs) 0}.watchlist-tab__empty p{color:var(--text-secondary);margin:0 0 var(--space-lg) 0}.watchlist-tab__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-md)}.watchlist-tab__card-wrapper{display:flex;flex-direction:column;gap:var(--space-xs)}.watchlist-tab__card-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.watchlist-tab__mark-watched{opacity:0;transition:opacity .35s ease-in-out}.watchlist-tab__delete-btn{color:var(--text-muted)!important;opacity:0;transition:opacity .3s ease-in-out,color .3s ease-in-out!important}.watchlist-tab__delete-btn:hover{color:#c44!important}.watchlist-tab__card-wrapper:hover .watchlist-tab__mark-watched,.watchlist-tab__card-wrapper:hover .watchlist-tab__delete-btn{opacity:1}@media(max-width:640px){.watchlist-tab__actions{flex-direction:column}.watchlist-tab__actions .btn{width:100%;justify-content:center}.watchlist-tab__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-sm)}.watchlist-tab__mark-watched,.watchlist-tab__delete-btn{opacity:1;font-size:.75rem}}@media(min-width:768px){.watchlist-tab__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.watched-tab{display:flex;flex-direction:column;gap:var(--space-md)}.watched-tab__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-sm);padding:var(--space-md);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.watched-tab__stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-sm)}.watched-tab__stat-value{display:flex;align-items:center;gap:4px;font-family:var(--font-heading);font-size:1.5rem;font-weight:600;color:var(--text-primary)}.watched-tab__stat-value--text{font-size:1rem}.watched-tab__stat-value svg{color:var(--terracotta)}.watched-tab__stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:var(--space-xs)}.watched-tab__header{display:flex;flex-direction:column;gap:var(--space-md)}.watched-tab__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.watched-tab__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center}.watched-tab__empty h3{font-family:var(--font-heading);font-size:1.25rem;color:var(--text-primary);margin:0 0 var(--space-xs) 0}.watched-tab__empty p{color:var(--text-secondary);margin:0 0 var(--space-lg) 0}.watched-tab__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-md)}.watched-tab__card-wrapper{display:flex;flex-direction:column;gap:var(--space-xs)}.watched-tab__card-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);opacity:0;transition:opacity .3s ease-in-out}.watched-tab__card-wrapper:hover .watched-tab__card-actions{opacity:1}.watched-tab__unmark-btn{font-size:.75rem!important}.watched-tab__delete-btn2{color:var(--text-muted)!important;transition:color .3s ease-in-out!important}.watched-tab__delete-btn2:hover{color:#c44!important}@media(max-width:640px){.watched-tab__stats{grid-template-columns:repeat(2,1fr)}.watched-tab__stat-value{font-size:1.25rem}.watched-tab__actions{flex-direction:column}.watched-tab__actions .btn{width:100%;justify-content:center}.watched-tab__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-sm)}.watched-tab__card-actions{opacity:1}}@media(min-width:768px){.watched-tab__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.movies-page{min-height:100vh;background:linear-gradient(180deg,var(--cream) 0%,var(--dusty-rose-light) 100%);padding:var(--space-md);max-width:1200px;margin:0 auto}.movies-page--loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md)}.movies-page--loading p{color:var(--text-secondary)}.movies-page__header{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.movies-page__back{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--text-secondary);font-size:.875rem;text-decoration:none;transition:color .3s ease-in-out}.movies-page__back:hover{color:var(--text-primary);text-decoration:none}.movies-page__header h1{font-family:var(--font-heading);font-size:2rem;font-weight:600;color:var(--text-primary);margin:0}.movies-page__header h1:after{content:"";display:inline-block;width:22px;height:22px;margin-left:8px;vertical-align:middle;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='5' r='4' fill='%23E8B4B8' opacity='0.7'/%3E%3Ccircle cx='5' cy='12' r='4' fill='%23F5D5D8' opacity='0.6'/%3E%3Ccircle cx='19' cy='12' r='4' fill='%23F5D5D8' opacity='0.6'/%3E%3Ccircle cx='8' cy='18' r='4' fill='%23E8B4B8' opacity='0.5'/%3E%3Ccircle cx='16' cy='18' r='4' fill='%23E8B4B8' opacity='0.5'/%3E%3Ccircle cx='12' cy='12' r='2.5' fill='%23C9929A' opacity='0.8'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.7}.movies-page__tabs{display:flex;gap:var(--space-xs);background:#fff;padding:var(--space-xs);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-lg);position:relative;overflow:hidden}.movies-page__tabs:after{content:"";position:absolute;top:-6px;right:-6px;width:28px;height:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='8' r='5' fill='%23E8B4B8' opacity='0.2'/%3E%3Ccircle cx='8' cy='14' r='5' fill='%23F5D5D8' opacity='0.15'/%3E%3Ccircle cx='20' cy='14' r='5' fill='%23F5D5D8' opacity='0.15'/%3E%3Ccircle cx='14' cy='14' r='2.5' fill='%23C9929A' opacity='0.2'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;pointer-events:none}.movies-page__tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);background:transparent;font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .3s ease-in-out}.movies-page__tab:hover{color:var(--text-primary);background:var(--cream)}.movies-page__tab--active{background:var(--dusty-rose);color:#fff}.movies-page__tab--active:hover{background:var(--rose-dark);color:#fff}.movies-page__tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);background:#ffffff4d;font-size:.75rem;font-weight:600}.movies-page__tab:not(.movies-page__tab--active) .movies-page__tab-count{background:var(--cream-dark);color:var(--text-secondary)}@media(max-width:640px){.movies-page{padding:var(--space-sm)}.movies-page__header h1{font-size:1.5rem}.movies-page__tab{font-size:.875rem;padding:var(--space-sm)}}