*{box-sizing:inherit}html{line-height:1.15;box-sizing:border-box;-webkit-text-size-adjust:100%;font-optical-sizing:auto}h1,h2,h3,h4,h5,h6,p{margin:0}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button{padding:0;cursor:pointer;border:none;background:none}a{text-decoration:none;color:inherit}img,picture,video,canvas,svg{display:block;max-width:100%}:root{--color-black: #000;--color-dark: #6a6a6a;--color-light: #e7e7e7;--color-white: #fff;--color-text: var(--color-black);--color-background: var(--color-light);--color-background-card: var(--color-white);--color-border: #cbcbcb;--color-background-valid: #89c87e;--color-background-invalid: #c88c7e;--color-accent: #ff9fad;--color-accent-hover: #ff6c84;--font-family: "Arimo", sans-serif;--font-family-mono: "Roboto Mono", monospace;--title-l: 600 32px / 40px var(--font-family);--title-m: 700 24px / 32px var(--font-family);--title-s: 700 18px / 24px var(--font-family);--text-l: 400 24px / 1.6 var(--font-family);--text-m: 400 16px / 1.5 var(--font-family);--text-s: 400 12px / 1.1 var(--font-family)}html{font:var(--text-m);font-weight:400;font-style:normal;scrollbar-gutter:stable;font-optical-sizing:auto}body{min-height:100svh;margin:0;color:var(--color-text);background:var(--color-background);text-rendering:optimizeLegibility}a,.green{transition:.4s;text-decoration:none;color:inherit}@media(hover:hover){a:hover{color:var(--color-black);background-color:var(--color-accent)}}.big-btn{font:var(--text-m);display:flex;align-items:center;justify-content:center;width:148px;height:148px;cursor:pointer;transition:all .5s ease;border:2px solid var(--color-border);border-radius:100%;background:var(--color-white);margin-inline:auto}.big-btn:hover{border-color:var(--color-black)}.about-overlay{position:fixed;z-index:1000;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background-color:rgb(from var(--color-background) r g b/ calc(alpha - .7));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.about-modal{overflow:hidden;overflow-y:auto;width:100%;max-width:600px;max-height:80vh;border-radius:16px;background-color:var(--color-white);box-shadow:0 8px 32px #0000004d;overscroll-behavior:contain}.about-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;padding:16px;border-bottom:1px solid var(--color-border);background-color:var(--color-white);text-box-trim:trim-both}.about-header h2{font:var(--title-s)}.close-button{position:absolute;top:0;right:4px;bottom:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:auto;cursor:pointer;transition:background-color .2s;color:var(--color-text);border:none;border-radius:100%;background:none;aspect-ratio:1}.close-button:hover{background-color:var(--color-accent-hover)}.about-content{padding:32px}.about-section{margin-bottom:32px}.about-title{font:var(--title-m);margin-bottom:8px}.about-subtitle{font:var(--title-s);margin-top:16px}@media(max-width:768px){.about-overlay{padding:8px}.about-modal{max-height:90vh}.about-content{padding:16px}}.about-enter-active{transition:opacity .5s ease}.about-enter-active .about-modal{transition:opacity .5s ease,transform .5s ease}.about-leave-active{transition:opacity .5s ease}.about-leave-active .about-modal{transition:opacity .5s ease,transform .5s ease}.about-enter-from,.about-leave-to{opacity:0}.about-enter-from .about-modal,.about-leave-to .about-modal{transform:translateY(48px);opacity:0}.cookie-banner[data-v-d9740811]{position:fixed;inset:auto 16px 16px;z-index:1000;max-width:600px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-white)}.cookie-banner__title[data-v-d9740811]{font:var(--title-s);width:100%;margin:0;padding:16px;border-bottom:1px solid var(--color-border);text-box-trim:trim-both}.cookie-banner__content[data-v-d9740811]{padding:16px 16px 24px}.cookie-banner__toggle[data-v-d9740811]{padding:.25rem;cursor:pointer;transition:all .2s ease;text-decoration:underline;border:none;border-radius:.25rem;background:none}.cookie-banner__toggle[data-v-d9740811]:hover{text-decoration:none;background:var(--color-accent-hover)}.cookie-banner__toggle-icon[data-v-d9740811]{width:1.25rem;height:1.25rem;transition:transform .2s ease}.cookie-banner__toggle-icon--rotated[data-v-d9740811]{transform:rotate(180deg)}.cookie-banner__description[data-v-d9740811]{line-height:1.5;margin:0 0 1rem}.cookie-banner__details[data-v-d9740811]{margin-bottom:24px}.cookie-banner__category[data-v-d9740811]{margin-bottom:1rem}.cookie-banner__category[data-v-d9740811]:last-child{margin-bottom:0}.cookie-banner__category-header[data-v-d9740811]{display:flex;align-items:flex-start;gap:.75rem}.cookie-banner__checkbox[data-v-d9740811]{display:flex;align-items:flex-start;width:100%;cursor:pointer;gap:.75rem}.cookie-banner__checkbox-input[data-v-d9740811]{width:20px;height:20px;accent-color:var(--color-accent)}.cookie-banner__checkbox-custom[data-v-d9740811]{position:relative;flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem;transition:all .2s ease;border:2px solid #4a5568;border-radius:.25rem;background:#2a2f3e}.cookie-banner__checkbox-input:checked+.cookie-banner__checkbox-custom[data-v-d9740811]{border-color:var(--color-border)}.cookie-banner__checkbox-input:checked+.cookie-banner__checkbox-custom[data-v-d9740811]:after{position:absolute;top:-.05rem;left:.25rem;width:.5rem;height:.75rem;content:"";transform:rotate(45deg);border:solid white;border-width:0 2px 2px 0}.cookie-banner__checkbox-input:disabled+.cookie-banner__checkbox-custom[data-v-d9740811]{opacity:.6;border-color:var(--color-border);background:#4a5568}.cookie-banner__checkbox-label[data-v-d9740811]{display:flex;flex:1;flex-direction:column;gap:.25rem}.cookie-banner__checkbox-label strong[data-v-d9740811]{font-weight:600}.cookie-banner__checkbox-description[data-v-d9740811]{font-size:.875rem;line-height:1.4}.cookie-banner__actions[data-v-d9740811]{display:flex;flex-wrap:wrap;margin-bottom:1rem;gap:.75rem}.cookie-banner__button[data-v-d9740811]{font:var(--text-m);padding:8px 16px;cursor:pointer;transition:all .2s ease;border:none;border-radius:.5rem}.cookie-banner__button--primary[data-v-d9740811]{color:var(--color-white);background:var(--color-black)}.cookie-banner__button--primary[data-v-d9740811]:hover{color:var(--color-black);background:var(--color-accent-hover)}.cookie-banner__button--secondary[data-v-d9740811]{background:var(--color-background)}.cookie-banner__button--secondary[data-v-d9740811]:hover{background:var(--color-accent-hover)}.cookie-banner__button--save[data-v-d9740811]{background:var(--color-light)}.cookie-banner__button--save[data-v-d9740811]:hover{background:var(--color-accent-hover)}.cookie-banner__footer[data-v-d9740811]{text-align:center}.cookie-banner__link[data-v-d9740811]{font:var(--text-m);transition:color .2s ease;text-decoration:none}.cookie-banner__link[data-v-d9740811]:hover{background:var(--color-accent-hover)}.cookie-modal[data-v-d9740811]{position:fixed;z-index:2000;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:#000000b3}.cookie-modal__content[data-v-d9740811]{overflow-y:auto;width:100%;max-width:600px;max-height:80vh;border:1px solid #3a4151;border-radius:.75rem;background:#1a1f2e}.cookie-modal__header[data-v-d9740811]{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #3a4151}.cookie-modal__header h3[data-v-d9740811]{font-size:1.25rem;margin:0}.cookie-modal__close[data-v-d9740811]{padding:.5rem;cursor:pointer;transition:all .2s ease;border:none;border-radius:.25rem;background:none}.cookie-modal__close[data-v-d9740811]:hover{background:#3a4151}.cookie-modal__close svg[data-v-d9740811]{width:1.25rem;height:1.25rem}.cookie-modal__body[data-v-d9740811]{line-height:1.6;padding:1.5rem}.cookie-modal__body h4[data-v-d9740811]{font-size:1.125rem;margin:1.5rem 0 .75rem}.cookie-modal__body h4[data-v-d9740811]:first-child{margin-top:0}.cookie-modal__body h5[data-v-d9740811]{font-size:1rem;margin:1rem 0 .5rem}.cookie-modal__body p[data-v-d9740811]{margin:0 0 1rem}.cookie-banner-enter-active[data-v-d9740811],.cookie-banner-leave-active[data-v-d9740811]{transition:transform .3s ease,opacity .3s ease}.cookie-banner-enter-from[data-v-d9740811],.cookie-banner-leave-to[data-v-d9740811]{transform:translateY(12px);opacity:0}.cookie-details-enter-active[data-v-d9740811],.cookie-details-leave-active[data-v-d9740811]{overflow:hidden;transition:all .3s ease}.cookie-details-enter-from[data-v-d9740811],.cookie-details-leave-to[data-v-d9740811]{max-height:0;margin-bottom:0;padding:0 1rem;opacity:0}.modal-enter-active[data-v-d9740811],.modal-leave-active[data-v-d9740811]{transition:opacity .3s ease}.modal-enter-from[data-v-d9740811],.modal-leave-to[data-v-d9740811]{opacity:0}@media(max-width:768px){.cookie-banner[data-v-d9740811]{padding:.75rem}.cookie-banner__actions[data-v-d9740811]{flex-direction:column}.cookie-banner__button[data-v-d9740811]{width:100%}.cookie-modal__content[data-v-d9740811]{max-height:calc(100vh - 2rem);margin:1rem}}.logo[data-v-775f33d1]{text-align:center}h2[data-v-775f33d1]{font:700 128px/128px var(--font-family);letter-spacing:10px;color:var(--color-text)}h1[data-v-775f33d1]{font:var(--title-m);color:var(--color-text)}.logo[data-v-7cad8fb9]{font:700 32px/32px var(--font-family);letter-spacing:10px;color:var(--color-text)}@media not (min-width:640px){.logo[data-v-7cad8fb9]{margin-inline:auto}}.site-container[data-v-14d823d0]{display:grid;align-content:start;align-items:center;justify-content:center;width:calc(100% - 64px);min-height:100svh;color:var(--color-text);background-color:var(--color-background);margin-inline:auto;grid-auto-flow:row;grid-template-columns:1fr;justify-items:center;padding-block:56px}.site-container.quiz-page[data-v-14d823d0]{align-content:start;width:calc(100% - 64px);margin-inline:auto;padding-block:16px 48px}@media not (min-width:860px){.site-container.quiz-page[data-v-14d823d0]{width:100%;padding-block:48px}}.site-container.admin-page[data-v-14d823d0]{width:100%}.logo-reset-btn[data-v-14d823d0]{padding:0;cursor:pointer;color:inherit;border:none;background:none}.site-header[data-v-14d823d0]{display:flex;align-items:center;flex-direction:column;justify-content:center;width:fit-content}.admin-page .site-header[data-v-14d823d0]{top:8px;margin:auto}.site-container:not(.home-page) .site-header[data-v-14d823d0]{position:absolute;z-index:99;inset:20px 8px auto}@media not (min-width:860px){.site-container:not(.home-page) .site-header[data-v-14d823d0]{top:8px;margin:auto}}.site-baseline[data-v-14d823d0]{font:var(--title-s);margin-bottom:1rem;text-align:center;color:var(--color-dark)}.quiz-page .site-baseline[data-v-14d823d0]{font:var(--text-xs)}.admin-menu[data-v-14d823d0]{position:fixed;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;border-radius:100px;background-color:var(--color-background-dark);gap:8px;inset:auto 8px 16px auto}.admin-menu .button[data-v-14d823d0]{z-index:999;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:4px;transition:all .6s ease;text-decoration:none;color:var(--color-text);border-radius:50%;background:var(--color-white);box-shadow:0 4px 8px #0000001a}.admin-menu .button.router-link-exact-active[data-v-14d823d0],.admin-menu .button.router-link-active[data-v-14d823d0]{background:var(--color-accent)}.admin-menu .button[data-v-14d823d0]:hover{background-color:var(--color-accent-hover);box-shadow:0 8px 8px #0000004d}@media(max-width:1024px){.admin-menu[data-v-14d823d0]{inset:auto 12px 12px auto;gap:4px}.admin-menu .button[data-v-14d823d0]{width:30px;height:30px}}.footer-buttons[data-v-14d823d0]{position:fixed;z-index:99;display:flex;gap:8px;inset:auto auto 16px 16px}.footer-button[data-v-14d823d0]{display:flex;align-items:center;flex:none;justify-content:center;height:40px;cursor:pointer;transition:all .6s ease;color:var(--color-text);border-radius:100px;background:var(--color-white);box-shadow:0 8px 16px #00000040}.footer-button[data-v-14d823d0]:hover{background-color:var(--color-accent-hover);box-shadow:0 16px 16px #00000080}.footer-button.about-button[data-v-14d823d0]{width:fit-content;padding:0 16px}.footer-button.cookie-fab[data-v-14d823d0]{width:40px}.intro-btn{font:var(--text-m);position:relative;display:flex;flex:none;flex-direction:column;width:240px;height:360px;padding:40px 24px 76px;cursor:pointer;transition:all .5s ease,box-shadow 1s ease;text-align:left;border-radius:40px;background:var(--color-background-card);box-shadow:0 20px 30px -10px #0000004d;will-change:transform,box-shadow}.intro-btn svg:not(.arrow){width:128px;height:128px;margin:auto auto 0}.intro-btn .arrow{position:absolute;right:32px;bottom:32px;transition:translate .5s ease;fill:currentColor;will-change:transform}.intro-btn:hover{z-index:1;transform:translateY(-3px);box-shadow:0 30px 30px -10px #0009}.intro-btn:hover .arrow{translate:0px 2px}.intro-btn:active{transform:translateY(0)}.intro-btn--title{font:var(--title-m)}.intro-btn--description{font:var(--text-m)}.intro-container{display:flex;align-items:center;flex-direction:column}.quiz-description{font:var(--text-m);max-width:600px;text-align:center;text-wrap:balance;margin-block:24px 32px}.selector-title{font:var(--title-l);margin-bottom:24px;text-align:center}.selector-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:32px}.step-indicator[data-v-1cccef24]{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;margin-bottom:40px;gap:8px}.step[data-v-1cccef24]{font-size:15px;font-weight:600;display:flex;align-items:center;flex-shrink:0;justify-content:center;width:40px;height:40px;border:2px solid;border-radius:50%;aspect-ratio:1}.step--pending[data-v-1cccef24]{color:var(--color-text-light, #aaa);border-color:var(--color-text-light, #aaa)}.step--found[data-v-1cccef24]{color:#4caf50;border-color:#4caf50}.step--missed[data-v-1cccef24]{color:#f44336;border-color:#f44336}@media(max-width:600px){.step-indicator[data-v-1cccef24]{gap:4px}.step[data-v-1cccef24]{font-size:12px;width:28px;height:28px;border-width:1.5px}}.input-container[data-v-5ce4ed5f]{width:100%}@media(min-width:640px){.input-container[data-v-5ce4ed5f]{padding:0 64px}}.quiz-input--wrapper[data-v-5ce4ed5f]{position:relative}.quiz-input--wrapper svg[data-v-5ce4ed5f]{position:absolute;margin:auto}@media(min-width:640px){.quiz-input--wrapper svg[data-v-5ce4ed5f]{width:30px;height:30px;inset:0 48px 0 auto}}@media not (min-width:640px){.quiz-input--wrapper svg[data-v-5ce4ed5f]{width:16px;height:16px;inset:0 24px 0 auto}}.quiz-input[data-v-5ce4ed5f]{width:100%;transition:all .5s ease;text-align:left;border:2px solid transparent;border-radius:40px;outline:none;background:var(--color-white);text-box-trim:trim-both}@media(min-width:640px){.quiz-input[data-v-5ce4ed5f]{font:var(--title-l);height:124px;padding:0 112px 0 40px}}@media not (min-width:640px){.quiz-input[data-v-5ce4ed5f]{font:var(--text-m);height:56px;padding:0 56px 0 16px}}.quiz-input[data-v-5ce4ed5f]:disabled{color:#aaa;background:#f0f0f0}.quiz-input[data-v-5ce4ed5f]:focus-visible{border-color:var(--color-border)}.quiz-input.shake[data-v-5ce4ed5f]{animation:shake-5ce4ed5f .6s ease-in-out;border-color:#f44}@keyframes shake-5ce4ed5f{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}.similarity-info[data-v-5ce4ed5f]{font-size:15px;margin-top:8px;transition:all .3s ease;text-align:center}.similarity-info.similarity-very-low[data-v-5ce4ed5f]{color:#f44}.similarity-info.similarity-low[data-v-5ce4ed5f]{color:#fa4}.similarity-info.similarity-medium[data-v-5ce4ed5f]{color:#fc4}.similarity-info.similarity-high[data-v-5ce4ed5f]{color:#4c4}.movie-choice[data-v-edf65aa4]{display:flex;flex-direction:column;justify-content:flex-start;box-shadow:0 10px 30px -10px #0003}.movie-choice[data-v-edf65aa4]:hover{transform:translateY(-4px);border-color:var(--color-accent);box-shadow:0 10px 30px -10px #00000080}.movie-poster[data-v-edf65aa4]{max-width:none}.movie-title[data-v-edf65aa4]{font:var(--text-m);margin:8px 0 0;text-align:center}.mcq-container[data-v-11a4e828]{width:100%}.mcq-grid[data-v-11a4e828]{display:grid;max-width:900px;margin:0 auto;grid-template-columns:repeat(4,1fr);gap:16px}@media not (min-width:720px){.mcq-grid[data-v-11a4e828]{grid-template-columns:repeat(2,1fr)}}@media not (min-width:480px){.mcq-grid[data-v-11a4e828]{grid-template-columns:1fr}}.track-info--wrapper{display:grid;align-items:center;width:100%;padding:8px 16px;border-radius:16px;background:var(--color-white);grid-template-columns:auto 1fr;gap:16px}.track-info--wrapper svg{flex:none;width:40px;height:auto;padding:12px;border-radius:100%;background:var(--color-light);aspect-ratio:1;fill:var(--color-black)}.track-info{overflow:hidden}.track-title{font-size:18px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text)}.track-artist,.track-composer{font-size:14px;font-style:italic;overflow:hidden;flex:1;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text-secondary)}.movie-card{overflow:hidden;padding:16px;transition:all .5s ease;border-radius:16px;background-color:var(--color-white);container:movie-card / inline-size}.movie-card--inner{width:100%}@container (width >= 480px){.movie-card--inner{display:grid;align-items:start;grid-template-columns:auto 1fr;gap:40px}}@container (480px > width){.movie-card--inner{display:flex;flex-direction:column;gap:16px}}.movie-poster{width:auto;max-width:208px;height:auto;aspect-ratio:208/312}.movie-poster img{width:100%;height:100%;border-radius:12px;object-fit:cover}@media(max-width:640px){.movie-poster{width:100%;max-width:none}}@container (width >= 480px){.movie-poster{width:208px}}.movie-title{font:var(--title-m);text-wrap:balance;margin-block:16px 8px}.movie-info-meta{display:flex;flex-direction:column}.movie-info-meta-item{margin-bottom:4px}.movie-info-meta-item .label{font:var(--text-s);color:var(--color-dark)}.movie-info-meta-item .value{font:var(--text-m);color:var(--color-black)}.movie-info-meta-item:last-child{border-bottom:none}.quiz-summary[data-v-6b6bbcb5]{width:100%;margin:0 auto;padding:0 32px}@media not (min-width:480px){.quiz-summary[data-v-6b6bbcb5]{padding:0 8px}}.summary-stats[data-v-6b6bbcb5]{display:flex;flex-wrap:wrap;justify-content:center;margin-block:40px;column-gap:32px}.stat-item[data-v-6b6bbcb5]{min-width:200px;padding:16px 32px;text-align:center;border-radius:8px;background-color:var(--color-background)}.stat-label[data-v-6b6bbcb5]{font-size:16px;margin-bottom:8px;color:var(--color-text-secondary)}.stat-value[data-v-6b6bbcb5]{font-size:24px;font-weight:700;color:var(--color-text)}.steps-grid[data-v-6b6bbcb5]{gap:16px}@media not (min-width:768px){.steps-grid[data-v-6b6bbcb5]{display:flex;flex-direction:column}}@media(min-width:768px){.steps-grid[data-v-6b6bbcb5]{display:grid;justify-content:center;grid-template-columns:repeat(auto-fill,minmax(auto,512px))}}.summary-card[data-v-6b6bbcb5]{display:flex;flex-direction:column;padding:16px 8px 8px;border-radius:16px 16px 24px 24px;gap:8px}@media not (min-width:768px){.summary-card[data-v-6b6bbcb5]{width:100%}}@media(min-width:768px){.summary-card[data-v-6b6bbcb5]{width:536px}}.summary-card .track-info--wrapper[data-v-6b6bbcb5],.summary-card .movie-card[data-v-6b6bbcb5]{border:1px solid var(--color-light)}.summary-card.summary-card--not-found[data-v-6b6bbcb5]{background-color:var(--color-background-invalid)}.summary-card.summary-card--found[data-v-6b6bbcb5]{background-color:var(--color-background-valid)}.summary-card .movies-list[data-v-6b6bbcb5],.summary-card .movie-card[data-v-6b6bbcb5]{flex:1}.summary-card__meta[data-v-6b6bbcb5]{display:flex;align-items:center;justify-content:space-between}.track-status[data-v-6b6bbcb5]{font:var(--text-m);padding:4px 16px;color:var(--color-text)}.movies-list[data-v-6b6bbcb5]{display:flex;flex-direction:column;gap:8px}.restart-btn[data-v-6b6bbcb5]{font:var(--text-m);display:flex;align-items:center;justify-content:center;width:148px;height:148px;cursor:pointer;transition:all .5s ease;border:2px solid var(--color-border);border-radius:100%;background:var(--color-white);margin-inline:auto}.restart-btn[data-v-6b6bbcb5]:hover{border-color:var(--color-black)}.quiz-step-result{display:flex;flex-direction:column;width:100%;max-width:640px;row-gap:40px}.movies-wrapper{display:flex;flex-direction:column;justify-content:center;width:100%;margin:0 auto;background-color:var(--color-background-dark);gap:16px}.quiz-container[data-v-58e62fcc]{display:flex;align-items:center;flex-direction:column;width:100%}.quiz-inner[data-v-58e62fcc]{position:relative;display:flex;align-items:center;flex-direction:column;width:100%;padding:0 16px;gap:40px}.quiz-header[data-v-58e62fcc]{position:relative;display:flex;align-items:center;flex-direction:column;gap:48px}.progress-wrapper[data-v-58e62fcc]{position:relative;width:148px;height:auto;border:2px solid var(--color-border);border-radius:100%;background:var(--color-white);aspect-ratio:1;--circle-radius: 54;--circumference: calc(2 * 3.1415926535897 * var(--circle-radius));--progress: 0;--progress-eased: 0}.progress-container[data-v-58e62fcc]{width:100%;height:100%;transform:rotate(-90deg)}.progress[data-v-58e62fcc]{transition:stroke-dashoffset .3s ease;fill:none;stroke:color-mix(in srgb,#ff0000 calc(var(--progress-eased) * 100%),#4caf50);stroke-width:32;stroke-dasharray:var(--circumference);stroke-dashoffset:calc(var(--circumference) * (1 - var(--progress)));stroke-linecap:round}.progress-bg[data-v-58e62fcc]{fill:none;stroke:var(--color-background-medium);stroke-width:10}.timer[data-v-58e62fcc]{font-family:monospace;font-size:32px;line-height:32px;position:absolute;display:flex;align-items:center;justify-content:center;color:color-mix(in srgb,#ff0000 calc(var(--progress-eased) * 100%),#4caf50);text-box-trim:trim-both;inset:0}.loading[data-v-58e62fcc]{font-size:20px;margin-top:80px}.loading-choices[data-v-58e62fcc]{font-size:18px;margin:32px 0;text-align:center;color:var(--color-text-secondary)}.view-movies-container[data-v-04d4dc9f]{padding:20px}.view-movies-container h1[data-v-04d4dc9f]{font:var(--title-m);margin-bottom:16px}.view-movies-container a[data-v-04d4dc9f]{color:var(--color-dark)}.view-movies-container a[data-v-04d4dc9f]:hover{color:var(--color-black)}.movies-list[data-v-04d4dc9f]{display:flex;flex-direction:column;padding:0;list-style:none;counter-reset:moviesCounter;gap:4px}.movies-item[data-v-04d4dc9f]{counter-increment:moviesCounter}.movies-item a[data-v-04d4dc9f]{display:flex;align-items:center;padding:8px;border-radius:8px;background:var(--color-white);gap:8px}.movies-item a[data-v-04d4dc9f]:hover{background-color:var(--color-accent-hover)}.movies-item a[data-v-04d4dc9f]:before{font:var(--text-s);display:flex;align-items:center;flex:none;justify-content:center;width:40px;height:40px;content:counter(moviesCounter);color:var(--color-dark);border-radius:100%;background-color:var(--color-light)}.sort-controls[data-v-04d4dc9f]{margin-bottom:20px}.sort-controls label[data-v-04d4dc9f]{font:var(--text-m);display:block;margin-bottom:8px;cursor:pointer}.sort-controls select[data-v-04d4dc9f]{min-width:300px;padding:8px;text-align:left;border:2px solid var(--color-border);border-radius:8px;accent-color:var(--color-accent-hover)}.sort-controls select option[data-v-04d4dc9f]{text-align:left}.notification[data-v-c815eaf8]{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:15px 30px;border-radius:4px;color:#fff;font-weight:700;z-index:1000;box-shadow:0 2px 8px #0003}.success[data-v-c815eaf8]{background-color:#4caf50}.error[data-v-c815eaf8]{background-color:#f44336}.info[data-v-c815eaf8]{background-color:#2196f3}.slide-fade-enter-active[data-v-c815eaf8]{transition:all .3s ease-out}.slide-fade-leave-active[data-v-c815eaf8]{transition:all .3s ease-in}.slide-fade-enter-from[data-v-c815eaf8],.slide-fade-leave-to[data-v-c815eaf8]{transform:translate(-50%,-100%);opacity:0}.admin-login[data-v-3a87538a]{display:flex;align-items:start;justify-content:center}.login-container[data-v-3a87538a]{width:320px;max-width:100%;margin-top:48px;padding:32px;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-white)}.login-form[data-v-3a87538a],.form-group[data-v-3a87538a]{display:flex;flex-direction:column;gap:8px}label[data-v-3a87538a]{color:var(--color-text)}input[data-v-3a87538a]{font-size:1rem;padding:8px;color:var(--color-text);border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-background)}input[data-v-3a87538a]:focus{border-color:var(--color-text);outline:none}.login-btn[data-v-3a87538a]{font-size:1rem;font-weight:700;padding:.75rem;cursor:pointer;transition:background-color .2s;color:var(--color-text);border:none;border-radius:4px;background-color:var(--color-accent)}.login-btn[data-v-3a87538a]:hover:not(:disabled){background-color:var(--color-accent-hover)}.login-btn[data-v-3a87538a]:disabled{cursor:not-allowed;opacity:.7}