.watches-page{max-width:720px;margin:0 auto;padding:1.5rem 1rem}.watches-page__title{color:#f9fafb;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.watches-page__sub{color:#9ca3af;margin-bottom:1.25rem}.watches-page__muted{color:#9ca3af}.watches-page__link{color:#93c5fd;text-decoration:underline}.watches-page__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.watches-page__add{color:#93c5fd;cursor:pointer;background-color:#3b82f626;border:1px solid #3b82f673;border-radius:9999px;flex-shrink:0;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:background-color .12s}.watches-page__add:hover{background-color:#3b82f640}.watches-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.watch-card{background-color:#1f293799;border:1px solid #37415199;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.watch-card__main{flex-direction:column;gap:.25rem;min-width:0;display:flex}.watch-card__movie{color:#f9fafb;font-weight:600}.watch-card__format{text-transform:uppercase;letter-spacing:.05em;color:#93c5fd;background-color:#3b82f624;border:1px solid #3b82f659;border-radius:.25rem;align-self:flex-start;padding:.125rem .375rem;font-size:.625rem;font-weight:700}.watch-card__theatre{color:#9ca3af;font-size:.875rem;text-decoration:none}.watch-card__theatre:hover{color:#93c5fd}.watch-card__actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.watch-card__edit{color:#e5e7eb;cursor:pointer;background-color:#37415180;border:1px solid #4b556399;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;transition:background-color .12s}.watch-card__edit:hover{background-color:#374151cc}.watch-card__remove{color:#fca5a5;cursor:pointer;background-color:#ef44441f;border:1px solid #ef444466;border-radius:9999px;flex-shrink:0;padding:.25rem .75rem;font-size:.75rem;font-weight:600;transition:background-color .12s}.watch-card__remove:hover:not(:disabled){background-color:#ef444438}.watch-card__remove:disabled{opacity:.6;cursor:default}.watch-modal{background-color:#111827;border:1px solid #374151b3;border-radius:.75rem;flex-direction:column;gap:1rem;width:min(480px,100%);padding:1.25rem;display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.watch-modal__overlay{z-index:50;background-color:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.watch-modal__head{justify-content:space-between;align-items:center;display:flex}.watch-modal__head h2{color:#f9fafb;font-size:1.25rem;font-weight:700}.watch-modal__close{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1}.watch-modal__close:hover{color:#f3f4f6}.watch-modal__field{flex-direction:column;gap:.375rem;display:flex}.watch-modal__label{color:#e5e7eb;font-size:.875rem;font-weight:600}.watch-modal__row{gap:.5rem;display:flex}.watch-modal__input{color:#f9fafb;background-color:#030712;border:1px solid #374151;border-radius:.5rem;width:100%;padding:.5rem .75rem;font-size:.875rem}.watch-modal__input:focus{border-color:#3b82f6;outline:none}.watch-modal__load{white-space:nowrap;color:#93c5fd;cursor:pointer;background-color:#3b82f626;border:1px solid #3b82f673;border-radius:.5rem;flex-shrink:0;padding:.5rem .75rem;font-size:.875rem;font-weight:600}.watch-modal__load:hover:not(:disabled){background-color:#3b82f640}.watch-modal__load:disabled{opacity:.6;cursor:default}.watch-modal__hint{color:#6b7280;font-size:.625rem}.watch-modal__theatre{color:#6ee7b7;margin:0;font-size:.875rem;font-weight:600}.watch-modal__error{color:#fca5a5;margin:0;font-size:.875rem}.watch-modal__actions{justify-content:flex-end;gap:.5rem;margin-top:.25rem;display:flex}.watch-modal__cancel{color:#d1d5db;cursor:pointer;background:0 0;border:1px solid #374151;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.watch-modal__cancel:hover:not(:disabled){background-color:#37415166}.watch-modal__cancel:disabled{opacity:.6;cursor:default}.watch-modal__save{color:#f9fafb;cursor:pointer;background-color:#2563eb;border:1px solid #3b82f6;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.watch-modal__save:hover:not(:disabled){background-color:#3b82f6}.watch-modal__save:disabled{opacity:.6;cursor:default}.watch-card__formats{flex-wrap:wrap;gap:.375rem;display:flex}.watch-card__checked{color:#6b7280;font-size:.625rem}.watch-modal__search{position:relative}.watch-modal__results{z-index:2;background:#030712;border:1px solid #374151;border-radius:.5rem;max-height:240px;margin:0;padding:.25rem;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.watch-modal__results li{list-style:none}.watch-modal__results button{text-align:left;cursor:pointer;color:#f3f4f6;background:0 0;border:none;border-radius:.25rem;align-items:center;gap:.5rem;width:100%;padding:.375rem .5rem;font-size:.875rem;display:flex}.watch-modal__results button:hover{background:#3b82f626}.watch-modal__results button img{border-radius:.25rem;flex-shrink:0;width:28px;height:auto}.watch-modal__formats{border:1px solid #1f2937;border-radius:.5rem;flex-direction:column;gap:.375rem;padding:.5rem;display:flex}.watch-modal__check{cursor:pointer;color:#f3f4f6;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.watch-modal__check input{accent-color:#3b82f6}.watch-modal__check em{color:#6b7280;font-size:.625rem;font-style:normal}