@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@300;400;500;600;700&display=swap);*{margin:0;padding:0}#root,body,html{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f0f0f;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}::selection{background:hsla(36,18%,89%,.15);color:#e8e4de}@font-face{font-display:swap;font-family:Harry Potter;font-style:normal;font-weight:400;src:url(/static/media/HarryP.a65869c0c1a4b3d4fcfc.ttf) format("truetype")}*{box-sizing:border-box}html{scroll-behavior:smooth}.app{background:#0a0a0a;background-image:radial-gradient(ellipse at top,rgba(139,109,76,.08) 0,transparent 50%),radial-gradient(ellipse at bottom,rgba(75,85,120,.06) 0,transparent 50%);color:#e8e4de}.section{align-items:center;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding:3rem 2rem;position:relative}.section,.section--hero{justify-content:center}.section--last{min-height:auto;padding-bottom:4rem}.section__content{max-width:600px;text-align:center;width:100%}.scroll-indicator{align-items:center;-webkit-animation:float 2s ease-in-out infinite;animation:float 2s ease-in-out infinite;bottom:2rem;color:#a89880;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .3s ease}.scroll-indicator:hover{color:#d4a574;-webkit-transform:translateX(-50%) scale(1.05);transform:translateX(-50%) scale(1.05)}.scroll-indicator span{font-family:Inter,-apple-system,sans-serif;font-size:.6875rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase}.scroll-indicator__arrow{border-bottom:1.5px solid;border-right:1.5px solid;height:1.5rem;margin-top:-.25rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:1.5rem}@-webkit-keyframes float{0%,to{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}50%{-webkit-transform:translateX(-50%) translateY(6px);transform:translateX(-50%) translateY(6px)}}@keyframes float{0%,to{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}50%{-webkit-transform:translateX(-50%) translateY(6px);transform:translateX(-50%) translateY(6px)}}.hero{align-items:center;display:flex;flex-direction:column;max-width:700px;padding:0 1rem;text-align:center;width:100%}.hero__answer{color:#fff;font-family:Harry Potter,Outfit,sans-serif;font-size:clamp(6rem,25vw,12rem);font-weight:400;letter-spacing:.02em;line-height:1;margin:0}.hero__divider{background:linear-gradient(90deg,transparent,#c4a87c,transparent);height:1px;margin:2rem 0;width:60px}.hero__question{color:#a89880;font-size:clamp(1.125rem,3vw,1.5rem);font-weight:300;letter-spacing:.02em;margin:0}.hero__detail,.hero__question{font-family:Outfit,-apple-system,sans-serif}.hero__detail{color:#c4a87c;font-size:clamp(1.25rem,3.5vw,1.75rem);font-weight:400;margin:1.25rem 0 0}.loading{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:100vh;min-height:100dvh}.loading-text{color:#8a8480;font-family:Inter,-apple-system,sans-serif;font-size:clamp(1rem,3vw,1.25rem);font-weight:400}.loading-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:2px solid hsla(0,0%,100%,.1);border-radius:50%;border-top-color:#7d7873;height:28px;width:28px}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:600px){.section{padding:2rem 1.5rem}.section__content{width:100%}.hero__divider{margin:1.5rem 0}.scroll-indicator{bottom:1.5rem}}@media (max-width:360px){.section{padding:1.5rem 1rem}.hero__answer{font-size:5rem}}@media (max-height:600px) and (orientation:landscape){.section{min-height:auto;padding:3rem 2rem}.section--hero{min-height:100vh;min-height:100dvh}.hero__answer{font-size:5rem}.scroll-indicator{bottom:auto;margin-top:2rem;position:relative}}.now-playing{background:linear-gradient(145deg,rgba(139,109,76,.12),rgba(75,85,120,.08));border:1px solid hsla(31,53%,64%,.25);border-radius:1.25rem;box-shadow:0 8px 32px rgba(139,109,76,.15);margin-top:2rem;overflow:hidden;padding:2rem;position:relative;text-align:center}.now-playing:before{background:linear-gradient(90deg,transparent,hsla(31,53%,64%,.5),transparent);content:"";height:1px;left:0;position:absolute;right:0;top:0}.now-playing__label{-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite;color:#d4a574;font-family:Inter,-apple-system,sans-serif;font-size:.6875rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase}@-webkit-keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.now-playing__title{color:#fff;font-family:Outfit,-apple-system,sans-serif;font-size:clamp(1.5rem,4.5vw,2.25rem);font-weight:600;line-height:1.2;margin:.75rem 0 .25rem}.now-playing__subtitle{color:#8a8480;font-family:Inter,-apple-system,sans-serif;font-size:.875rem;font-weight:300}.now-playing__progress{align-items:center;display:flex;gap:1rem;margin-top:1.5rem}.now-playing__progress-track{background:hsla(0,0%,100%,.1);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.now-playing__progress-fill{background:linear-gradient(90deg,#8b6d4c,#d4a574,#f5e6d3);border-radius:3px;box-shadow:0 0 12px hsla(31,53%,64%,.4);height:100%;transition:width .5s ease}.now-playing__progress-text{color:#d4a574;font-family:Inter,-apple-system,sans-serif;font-size:.875rem;font-weight:600;min-width:3rem;text-align:right}.now-playing__users{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:1.25rem}.now-playing__users-label{color:#8a8480;font-family:Inter,-apple-system,sans-serif;font-size:.8125rem;font-weight:400}.now-playing__users-list{color:#e8e4de;font-family:Inter,-apple-system,sans-serif;font-size:.875rem;font-weight:500}@media (max-width:600px){.now-playing{padding:1.5rem}}.stats{margin-top:3rem}.stats__grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.stats__grid+.stats__grid{margin-top:1rem}.stats__grid--periods .stat-card{background:linear-gradient(145deg,hsla(31,53%,64%,.08),rgba(139,109,76,.12));border-color:hsla(31,53%,64%,.2)}.stat-card{background:linear-gradient(145deg,hsla(0,0%,100%,.04),rgba(139,109,76,.06));border:1px solid hsla(31,53%,64%,.15);border-radius:1rem;display:flex;flex-direction:column;gap:.25rem;padding:1.5rem 1.25rem;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:hsla(31,53%,64%,.3);box-shadow:0 8px 24px rgba(139,109,76,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.stat-card--loading{gap:.75rem;justify-content:center;min-height:100px}.stat-card__label{color:#c4a87c;font-family:Inter,-apple-system,sans-serif;font-size:.6875rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.stat-card__value{color:#fff;font-family:Outfit,-apple-system,sans-serif;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:600;line-height:1.2}.stat-card__subtext{color:#8a8480;font-family:Inter,-apple-system,sans-serif;font-size:.75rem;font-weight:300}.skeleton{-webkit-animation:shimmer 1.5s infinite;animation:shimmer 1.5s infinite;background:linear-gradient(90deg,hsla(0,0%,100%,.03) 25%,hsla(0,0%,100%,.06) 50%,hsla(0,0%,100%,.03) 75%);background-size:200% 100%;border-radius:4px}.skeleton--label{height:12px;margin:0 auto;width:60%}.skeleton--value{height:28px;margin:0 auto;width:40%}@-webkit-keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.stats__favorite{background:linear-gradient(135deg,rgba(139,109,76,.08),rgba(75,85,120,.06));border:1px solid hsla(31,53%,64%,.1);border-radius:1rem;display:flex;flex-direction:column;gap:.25rem;margin-top:1.5rem;padding:1.5rem;text-align:center}.stats__favorite-label{color:#c4a87c;font-family:Inter,-apple-system,sans-serif;font-size:.6875rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.stats__favorite-title{color:#fff;font-family:Outfit,-apple-system,sans-serif;font-size:clamp(1.125rem,3vw,1.5rem);font-weight:500}.stats__favorite-count{color:#8a8480;font-family:Inter,-apple-system,sans-serif;font-size:.8125rem;font-weight:300}.stats__movies{margin-top:2rem}.stats__movies-title{color:#c4a87c;font-family:Inter,-apple-system,sans-serif;font-size:.6875rem;font-weight:600;letter-spacing:.15em;margin:0 0 1rem;text-transform:uppercase}.stats__movies-list{display:flex;flex-direction:column;gap:.5rem}.movie-row{grid-gap:.75rem;align-items:center;background:hsla(0,0%,100%,.02);border:1px solid transparent;border-radius:.5rem;display:grid;gap:.75rem;grid-template-columns:1.5rem 1fr auto auto;padding:.75rem 1rem;transition:all .2s ease}.movie-row:hover{background:rgba(139,109,76,.08);border-color:hsla(31,53%,64%,.1)}.movie-row__index{color:#c4a87c;font-family:Outfit,-apple-system,sans-serif;font-size:1rem;font-weight:500}.movie-row__title{color:#e8e4de;font-family:Inter,-apple-system,sans-serif;font-size:.875rem;font-weight:400;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.movie-row__count{color:#a8a29d;font-weight:500}.movie-row__count,.movie-row__time{font-family:Inter,-apple-system,sans-serif;font-size:.8125rem}.movie-row__time{color:#8a8480;font-weight:300;min-width:4rem;text-align:right}@media (max-width:600px){.stats__grid{grid-template-columns:repeat(2,1fr)}.stats__grid .stat-card:last-child{grid-column:span 2}.movie-row{grid-template-columns:1.25rem 1fr auto}.movie-row__time{display:none}}@media (max-width:360px){.stats__grid{grid-template-columns:1fr}.stats__grid .stat-card:last-child{grid-column:span 1}}.history{margin-top:3rem;padding-bottom:3rem}.history__title{color:#c4a87c;font-size:.6875rem;font-weight:600;letter-spacing:.15em;margin:0 0 1.5rem;text-transform:uppercase}.history__empty,.history__title{font-family:Inter,-apple-system,sans-serif}.history__empty{color:#8a8480;font-size:.875rem;font-weight:300;padding:2rem;text-align:center}.history__list{gap:1.5rem}.history__group,.history__list{display:flex;flex-direction:column}.history__group{gap:.5rem}.history__date{border-bottom:1px solid hsla(31,53%,64%,.15);color:#c4a87c;font-family:Outfit,-apple-system,sans-serif;font-size:.9375rem;font-weight:500;letter-spacing:.02em;margin-bottom:.5rem;padding-bottom:.5rem}.history-item{align-items:center;background:hsla(0,0%,100%,.02);border:1px solid transparent;border-radius:.5rem;display:flex;gap:1rem;justify-content:space-between;padding:.75rem 1rem;transition:all .2s ease}.history-item:hover{background:rgba(139,109,76,.08);border-color:hsla(31,53%,64%,.1)}.history-item--loading{align-items:flex-start;flex-direction:column;gap:.5rem;padding:1rem}.history-item__movie{color:#e8e4de;flex:1 1;font-size:.9375rem;font-weight:400;overflow:hidden;text-overflow:ellipsis}.history-item__meta,.history-item__movie{font-family:Inter,-apple-system,sans-serif;white-space:nowrap}.history-item__meta{color:#8a8480;font-size:.8125rem;font-weight:300}.history-item .skeleton--date{height:12px;width:80px}.history-item .skeleton--movie{height:16px;width:200px}@media (max-width:600px){.history-item{align-items:flex-start;flex-direction:column;gap:.25rem}.history-item__meta{font-size:.75rem}}
/*# sourceMappingURL=main.bc9249f0.css.map*/