@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}.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);color:var(--color-text-primary);cursor:pointer;border:0;flex:1;height:44px;font-size:15px;font-weight:600}.movie-dialog__actions button:first-child{background-color:var(--color-info)}.movie-dialog__actions button:last-child{background-color:var(--color-danger)}@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}.cover-input-container{display:flex}.cover-input-container img{height:150px}.proposal{display:grid;grid-template-areas:"picture title" "picture releaseDate" "picture direction";grid-template-columns:100px 1fr;grid-column-gap:5px;margin-bottom:10px}.proposal img{grid-area:picture}.proposal__title{grid-area:title}.proposal__releaseDate{grid-area:releaseDate}.proposal__direction{grid-area:direction}.proposal-list{display:block;position:fixed;background-color:var(--color-surface);border-radius:var(--radius-md);box-shadow:0 0 16px var(--color-shadow);overflow:auto;width:calc(100vw - 8px);height:calc(100vh - 8px);padding:4px;top:4px;left:4px}.proposal-list__close-btn{display:block;text-align:right}.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}