@import "https://fonts.googleapis.com/css?family=Open+Sans";.picture-shadow-container{overflow:hidden;position:relative;height:100%}.picture-shadow{position:absolute;background-color:#0000001a;width:200%;top:0;bottom:0}.main-container{z-index:0;position:relative}.main-container--hidden{overflow:hidden;width:100vw;height:100vh}.home-container{display:grid;grid-template-areas:"toolbox" "previous-btn" "movies" "next-btn";overflow:hidden;max-width:100vw;padding-top:45px}.home-container .toolbox{display:grid;grid-area:toolbox;grid-template-areas:"search count add" "search count add";grid-template-columns:auto minmax(auto,120px)40px;grid-template-rows:40px 25px;padding:4px}.home-container .movie-count{grid-area:count;display:inline-block;color:var(--color-text-secondary);text-align:right;padding:5px 10px;font-size:12px;line-height:30px}.home-container .add-movie-btn{grid-area:add;position:fixed;text-align:center;z-index:2;color:var(--color-bg);background-color:var(--color-accent);text-decoration:none;width:40px;height:40px;font-weight:600;line-height:40px;right:0}.home-container .previous-btn{grid-area:previous-btn;height:30px;margin-bottom:10px}.home-container .movie-list{grid-area:movies;position:relative;z-index:0}.home-container .next-btn{grid-area:next-btn;height:30px;margin-top:10px}.home-container .fetch-more{grid-area:more;height:40px;margin-top:15px}@media screen and (max-width:500px){.home-container{display:flex;flex-direction:column;padding:0 20px 40px}.home-container .add-movie-btn{position:fixed;border-radius:40px;bottom:10px;right:10px}}.movie-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));list-style:none;gap:10px;margin:0;padding:0}.movie-list__item{content-visibility:auto;contain-intrinsic-size:auto 280px;min-width:0}@media (min-width:500px){.movie-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (min-width:980px){.movie-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.movie-item{container-type:inline-size;position:relative;display:block;aspect-ratio:27/40;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-surface);box-shadow:0 0 2px var(--color-shadow);color:inherit;font:inherit;text-align:left;cursor:pointer;border:0;width:100%;padding:0}.movie-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.movie-item__poster,.movie-item__poster picture,.movie-item__poster img,.movie-item__poster .picture-shadow-container{display:block;width:100%;height:100%}.movie-item__poster img{object-fit:cover}.movie-item__caption{position:absolute;left:0;right:0;background:linear-gradient(#0000 0%,#000000e6 55% 100%);padding:28px 8px 8px;bottom:0}.movie-item__title{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;color:var(--color-text-primary);-webkit-box-orient:vertical;font-size:.8rem;font-weight:700;line-height:1.25}@container (width>=220px){.movie-item__title{font-size:1rem}}.movie-item .format-list{margin-top:4px}.movie-dialog{overflow:hidden;color:var(--color-text-primary);background-color:var(--color-surface);border:0;padding:0}.movie-dialog::backdrop{background-color:var(--color-overlay)}.movie-dialog[open]{display:flex;position:fixed;border-radius:0;flex-direction:column;width:100vw;max-width:none;height:100vh;max-height:none;margin:0;inset:0}.movie-dialog__poster{position:relative;display:flex;overflow:hidden;flex:none;justify-content:center;align-items: center;height:min(415px,45vh)}.movie-dialog__poster-backdrop{position:absolute;inset:0}.movie-dialog__poster-backdrop picture,.movie-dialog__poster-backdrop img,.movie-dialog__poster-backdrop .picture-shadow-container{display:block;object-fit:cover;filter:blur(24px)brightness(.55);width:100%;height:100%;transform:scale(1.15)}.movie-dialog__poster-frame{position:relative;aspect-ratio:27/40;overflow:hidden;box-shadow:0 8px 24px var(--color-shadow);flex:none;width:280px;max-width:100%}.movie-dialog__poster-frame picture,.movie-dialog__poster-frame img,.movie-dialog__poster-frame .picture-shadow-container{display:block;object-fit:cover;width:100%;height:100%}.movie-dialog__content{container-type:inline-size;position:relative;overflow-y:auto;flex:auto;min-height:0;padding:20px 20px 56px}.movie-dialog__close{position:absolute;background-color:var(--color-overlay);color:var(--color-text-primary);cursor:pointer;border:0;border-radius:50%;width:32px;height:32px;font-size:18px;line-height:1;top:12px;right:12px}.movie-dialog__content h2{margin:0 32px 4px 0;font-size:1.25rem}.movie-dialog__content small{display:block;color:var(--color-text-secondary)}.movie-dialog__content .infos{display:flex;color:var(--color-text-secondary);flex-direction:column;align-items: flex-start;gap:6px;margin:12px 0}@container (width>=360px){.movie-dialog__content .infos{flex-direction:row;align-items: center;flex-wrap:wrap;gap:16px}}.movie-dialog__synopsis{color:var(--color-text-secondary);line-height:1.5}.movie-dialog__actions{display:flex;gap:10px;margin-top:20px}.movie-dialog__actions button{border-radius:var(--radius-sm);background-color:var(--color-info);color:var(--color-text-primary);cursor:pointer;border:0;flex:1;height:44px;font-size:15px;font-weight:600}.movie-dialog__delete{position:absolute;z-index:1;overflow:hidden;border:1px solid var(--color-danger);border-radius:var(--radius-sm);color:var(--color-danger);cursor:pointer;background-color:#0000;height:36px;padding:0 16px;transition:color .7s;font-size:13px;font-weight:600;bottom:16px;right:16px}.movie-dialog__delete:before{content:"";position:absolute;z-index:-1;background-color:var(--color-danger);transform-origin:right;transition:transform .7s;inset:0;transform:scaleX(0)}.movie-dialog__delete--confirming{color:var(--color-text-primary)}.movie-dialog__delete--confirming:before{transform:scaleX(1)}@media (min-width:768px){.movie-dialog[open]{border-radius:var(--radius-md);box-shadow:0 20px 60px var(--color-shadow);flex-direction:row;width:min(720px,100vw - 64px);height:auto;max-height:415px;margin:auto}.movie-dialog__poster{flex:0 0 280px;align-self: flex-start;height:auto}}::view-transition-group(*){animation-duration:.28s;animation-timing-function:cubic-bezier(.2,0,0,1)}::view-transition-old(*){animation-duration:.28s;animation-timing-function:cubic-bezier(.2,0,0,1)}::view-transition-new(*){animation-duration:.28s;animation-timing-function:cubic-bezier(.2,0,0,1)}.format-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.format-list .format{display:inline-block;vertical-align:middle}.format{text-transform:uppercase;background-color:var(--color-badge-bg);border-radius:var(--radius-sm);height:14px;padding:2px 3px;font-size:9px}.format[src$="/4K.svg"]{border:1px solid var(--color-text-primary);background-color:#0000}.movie-creation-dialog{overflow:visible;background:0 0;border:0;padding:0}.movie-creation-dialog::backdrop{background-color:var(--color-overlay)}.movie-creation-dialog[open]{position:fixed;animation:movie-creation-slide-in .3s ease-out;width:100vw;max-width:none;height:100vh;max-height:none;margin:0;inset:0}@keyframes movie-creation-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.movie-creation-dialog__body{display:flex;overflow:hidden;background-color:var(--color-surface);color:var(--color-text-primary);flex-direction:row;width:100%;height:100%}.movie-creation-dialog__close{position:absolute;z-index:1;cursor:pointer;background:0 0;border:0;width:32px;height:32px;padding:0;top:12px;left:12px}.movie-creation-dialog__close:before{content:"";position:absolute;border-left:2px solid var(--color-text-primary);border-bottom:2px solid var(--color-text-primary);width:10px;height:10px;top:50%;left:14px;transform:translateY(-50%)rotate(45deg)}@media (min-width:768px){.movie-creation-dialog[open]{animation:none;width:80vw;height:auto;max-height:60vh;margin:auto}.movie-creation-dialog__body{border-radius:var(--radius-md);box-shadow:0 20px 60px var(--color-shadow)}.movie-creation-dialog__close{display:flex;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--color-text-primary);background-color:#ffffff1f;border-radius:50%;justify-content:center;align-items: center;font-size:18px;top:-16px;left:auto;right:-16px}.movie-creation-dialog__close:before{content:"×";position:static;border:0;width:auto;height:auto;transform:none}}.movie-form{display:flex;overflow-y:auto;flex-direction:column;flex:auto;align-items:stretch;width:100%;min-width:0;padding:56px 24px 24px}.movie-form__body{display:flex;align-items: flex-start;gap:16px;margin-bottom:20px}.movie-form__fields{display:flex;flex-direction:column;flex:auto;min-width:0}.movie-form__fields .formField:last-child{margin-bottom:0}.movie-form .formField{position:relative;margin-bottom:20px}.movie-form .formField input{background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);width:100%;height:52px;padding:22px 12px 8px;font-size:15px}.movie-form .formField input:focus{outline:2px solid var(--color-accent);outline-offset:-2px}.movie-form .formField label{position:absolute;color:var(--color-text-secondary);pointer-events:none;transition:top .15s,font-size .15s,color .15s;font-size:15px;line-height:1;top:16px;left:13px}.movie-form .formField:has(input:focus) label{color:var(--color-accent);font-size:11px;top:6px}.movie-form .formField:has(input:not(:placeholder-shown)) label{color:var(--color-accent);font-size:11px;top:6px}.movie-form .formField--date label{color:var(--color-text-secondary);font-size:11px;top:6px}.movie-form__search{position:absolute;border-radius:var(--radius-sm);background-color:var(--color-info);color:var(--color-text-primary);cursor:pointer;border:0;height:32px;padding:0 12px;font-size:13px;font-weight:600;top:10px;right:10px}.movie-form__actions{margin-top:8px}.movie-form__submit{border-radius:var(--radius-sm);background-color:var(--color-accent);color:var(--color-bg);cursor:pointer;border:0;width:100%;height:44px;font-size:15px;font-weight:600}.movie-form__submit:disabled{background-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed}.format-checkbox-group{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.format-checkbox-group label{position:relative;display:inline-flex;border:1px solid var(--color-border);background-color:var(--color-surface-raised);cursor:pointer;border-radius:999px;align-items: center;height:40px;padding:0 14px}.format-checkbox-group label:has(input:checked){border-color:var(--color-accent);background-color:var(--color-accent)}.format-checkbox-group .format{height:20px}.format-checkbox-group input{position:absolute;cursor:pointer;opacity:0;inset:0}.cover-input{position:relative;display:block;flex:none}.cover-input__control{display:flex;aspect-ratio:27/40;overflow:hidden;border:1px dashed var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface-raised);cursor:pointer;justify-content:center;align-items: center;width:100px}.cover-input__control:hover,.cover-input__control:focus-within{border-color:var(--color-accent)}.cover-input__control img{object-fit:cover;width:100%;height:100%}.cover-input__placeholder{color:var(--color-text-muted);text-align:center;padding:4px;font-size:11px}.cover-input__file{position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}.cover-input__clear{position:absolute;display:flex;border:2px solid var(--color-surface);background-color:var(--color-text-muted);color:var(--color-surface);cursor:pointer;border-radius:50%;justify-content:center;align-items: center;width:22px;height:22px;padding:0;font-size:14px;line-height:1;top:-8px;right:-8px}.cover-input__clear:hover{background-color:var(--color-text-primary)}@media (min-width:768px){.cover-input__control{width:170px}}.suggestions-panel{overflow:hidden;background-color:var(--color-surface);color:var(--color-text-primary);border:0;padding:0}.suggestions-panel[open]{display:flex;position:fixed;border-radius:var(--radius-md)var(--radius-md)0 0;box-shadow:0 -8px 24px var(--color-shadow);animation:suggestions-slide-up .3s ease-out;flex-direction:column;width:100vw;max-width:none;max-height:70vh;margin:0;inset:auto 0 0}@keyframes suggestions-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.suggestions-panel__header{display:flex;border-bottom:1px solid var(--color-border);justify-content:space-between;align-items: center;padding:12px 16px;font-weight:600}.suggestions-panel__header button{color:var(--color-text-primary);cursor:pointer;background:0 0;border:0;font-size:18px;line-height:1}.suggestions-panel__list{overflow-y:auto;list-style:none;margin:0;padding:8px}.suggestions-panel__placeholder{color:var(--color-text-muted);margin:0;padding:16px;font-size:13px;line-height:1.5}@media (min-width:768px){.suggestions-panel[open]{position:static;border-left:1px solid var(--color-border);box-shadow:none;animation:suggestions-slide-in-right .3s ease-out;border-radius:0;flex:0 0 30%;width:auto;max-width:none;height:100%;max-height:none;inset:auto}@keyframes suggestions-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}}.proposal{list-style:none}.proposal__button{display:flex;border-radius:var(--radius-sm);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items: center;gap:10px;width:100%;padding:8px}.proposal__button:hover{background-color:var(--color-surface-raised)}.proposal__button:focus-visible{background-color:var(--color-surface-raised)}.proposal__poster{aspect-ratio:27/40;object-fit:cover;border-radius:var(--radius-sm);background-color:var(--color-surface-raised);flex:none;width:40px}.proposal__details{display:flex;flex-direction:column;min-width:0}.proposal__title{overflow:hidden;color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600}.proposal__direction,.proposal__release-date{color:var(--color-text-secondary);font-size:12px}.searchbox input{display:block;border:1px solid var(--color-border);background-color:var(--color-surface-raised);color:var(--color-text-primary);-webkit-appearance:textfield;width:100%;height:40px}.searchbox span{color:var(--color-text-primary);padding:2px 4px;font-weight:700}.flash-message-container{position:fixed;z-index:10;animation:slide-in .4s linear forwards,slide-out .4s 1s linear forwards;text-align:center;color:var(--color-text-primary);width:100vw;top:0;transform:translateY(-100%)}.flash-message-container[data-status=success]{color:var(--color-bg);background-color:var(--color-accent);font-weight:600}.flash-message-container[data-status=failure]{color:var(--color-bg);background-color:var(--color-danger);font-weight:600}.flash-message-container p{margin:5px 10px}@keyframes slide-in{0%{transform:translateY(-100%)}to{transform:translate(0,0%)}}@keyframes slide-out{0%{transform:translate(0,0%)}to{transform:translateY(-100%)}}.loader-overlay{position:fixed;background-color:var(--color-overlay);z-index:1;width:100vw;height:100vh;top:-100vh}.loader-overlay--visible{top:0}.loader-overlay .loader-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader-overlay span{display:inline-block;background-color:var(--color-text-primary);animation:blink 1s infinite;border-radius:5px;width:5px;height:5px;margin-right:5px}.loader-overlay span:nth-child(2){animation-delay:.2s}.loader-overlay span:nth-child(3){animation-delay:.4s}@keyframes blink{0%{opacity:0}to{opacity:1}}.authForm{display:flex;justify-content:center;align-items: center;width:100vw;height:100vh}.authForm form{display:flex;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 12px 32px var(--color-shadow);flex-direction:column;align-items:stretch;width:min(340px,100vw - 48px);padding:32px 28px}.authForm .formField{position:relative;margin-bottom:20px}.authForm .formField input{background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);width:100%;height:52px;padding:22px 12px 8px;font-size:15px}.authForm .formField input:focus{outline:2px solid var(--color-accent);outline-offset:-2px}.authForm .formField label{position:absolute;color:var(--color-text-secondary);pointer-events:none;transition:top .15s,font-size .15s,color .15s;font-size:15px;line-height:1;top:16px;left:13px}.authForm .formField:has(input:focus) label{color:var(--color-accent);font-size:11px;top:6px}.authForm .formField:has(input:not(:placeholder-shown)) label{color:var(--color-accent);font-size:11px;top:6px}.authForm .formActions{display:flex;justify-content:center;align-self:stretch;margin-top:4px}.authForm .formActions button{cursor:pointer;border-radius:var(--radius-sm);background-color:var(--color-accent);color:var(--color-bg);border:0;width:100%;height:44px;padding:5px 10px;font-size:15px;font-weight:600}.authForm .formActions button:disabled{background-color:var(--color-surface-raised);color:var(--color-text-muted);cursor:not-allowed}.authForm form a{color:var(--color-info);text-decoration:none;align-self: center;margin-top:16px;font-size:13px}.authForm form a:hover{text-decoration:underline}:root{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--color-bg:#15171c;--color-surface:#1d2026;--color-surface-raised:#262a32;--color-border:#343945;--color-text-primary:#f2f3f5;--color-text-secondary:#a9adba;--color-text-muted:#6f7480;--color-accent:#59cd90;--color-accent-strong:#7fe0a8;--color-info:#3fa7d6;--color-danger:#ee6352;--color-danger-strong:#ff8577;--color-overlay:#0009;--color-shadow:#00000073;--color-badge-bg:#fff;--radius-sm:4px;--radius-md:8px}*{box-sizing:border-box}body{background-color:var(--color-bg);color:var(--color-text-secondary);margin:0;padding:0;font-family:Open Sans,sans-serif}