html{overflow-x:hidden}body{margin:0;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background-color:#fff8e7}::selection{background:#f28f3b;color:#2c2c2c}::-moz-selection{background:#f28f3b;color:#2c2c2c}.fullscreen-menu{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#c5d86d;z-index:500;display:flex;flex-direction:column;padding:20px var(--page-padding-x, clamp(20px, 5.6vw, 24px));box-sizing:border-box;overflow-y:auto;animation:fullscreen-menu-slide-in .25s ease-out}@keyframes fullscreen-menu-slide-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.fullscreen-menu.fullscreen-menu--closing{animation:fullscreen-menu-slide-out .2s ease-in forwards}@keyframes fullscreen-menu-slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.fullscreen-menu-body{flex:1;display:flex;flex-direction:column;justify-content:space-between}.fullscreen-menu-header-area{display:flex;flex-direction:column;align-items:flex-end}.fullscreen-menu-header{width:100%;display:flex;align-items:center;justify-content:space-between}.fullscreen-menu-left{display:flex;align-items:center;gap:15px;flex-shrink:0}.fullscreen-menu-close{width:28px;height:25.2px;border-radius:12.674px;background-color:var(--color-primary, #f28f3b);display:flex;align-items:center;justify-content:center;padding:6.3px;box-sizing:border-box;cursor:pointer;flex-shrink:0;border:none;transition:opacity .2s ease}.fullscreen-menu-close:hover{opacity:.9}.fullscreen-menu-close:active{opacity:.8}.fullscreen-menu-close-icon{width:15px;height:15px;display:block}.fullscreen-menu-logo{height:clamp(40px,7vh,49px);width:auto;object-fit:contain;flex-shrink:0}.fullscreen-menu-logo-clickable{cursor:pointer;transition:opacity .2s ease}.fullscreen-menu-logo-clickable:hover{opacity:.85}.fullscreen-menu-logo-clickable:active{opacity:.7}.fullscreen-menu-lang-btn{background-color:var(--color-primary, #f28f3b);border:none;border-radius:24.15px;padding:9.538px 12.59px 9.538px 12.944px;display:flex;align-items:center;justify-content:center;gap:5.607px;cursor:pointer;flex-shrink:0;transition:opacity .2s ease}.fullscreen-menu-lang-btn:hover{opacity:.9}.fullscreen-menu-lang-btn:active{opacity:.8}.fullscreen-menu-lang-icon{width:18.79px;height:18.79px;flex-shrink:0;display:block}.fullscreen-menu-lang-text{font-family:DM Sans,sans-serif;font-weight:700;font-size:9.703px;line-height:normal;color:var(--color-text, #2c2c2c);white-space:nowrap}.fullscreen-menu-lang-wrapper{position:relative}.fullscreen-menu-lang-dropdown{position:absolute;top:100%;right:0;background-color:var(--color-white, #ffffff);border-radius:4.722px;width:119.467px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:4.3px 0;margin-top:4px;box-shadow:0 2px 8px #00000014;z-index:10}.fullscreen-menu-lang-option{width:107.027px;height:25.183px;background-color:var(--color-white, #ffffff);border:none;border-radius:4.722px;display:flex;align-items:center;justify-content:center;padding:0 15.739px;cursor:pointer;flex-shrink:0;transition:opacity .2s ease}.fullscreen-menu-lang-option:hover{opacity:.85}.fullscreen-menu-lang-option:active{opacity:.75}.fullscreen-menu-lang-option--active{background-color:var(--color-primary, #f28f3b)}.fullscreen-menu-lang-option-text{font-family:DM Sans,sans-serif;font-weight:500;font-size:16.195px;line-height:normal;color:var(--color-text, #2c2c2c);white-space:nowrap}.fullscreen-menu-nav{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:23.772px}.fullscreen-menu-link{font-family:DM Sans,sans-serif;font-weight:500;font-size:26.185px;line-height:normal;color:var(--color-text, #2c2c2c);text-decoration:underline;text-decoration-style:solid;cursor:pointer;background:none;border:none;padding:0;transition:opacity .2s ease}.fullscreen-menu-link:hover{opacity:.7}.fullscreen-menu-link:active{opacity:.6}.fullscreen-menu-donate{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:8.247px 7.658px 8.247px 11.192px;background-color:#be1e2d;border:none;border-radius:17.671px;cursor:pointer;margin-top:25px;flex-shrink:0;transition:opacity .2s ease,transform .1s ease}.fullscreen-menu-donate:hover{opacity:.9}.fullscreen-menu-donate:active{transform:scale(.98)}.fullscreen-menu-donate-icon{width:12.867px;height:20.753px;flex-shrink:0}.fullscreen-menu-donate-text{font-family:DM Sans,sans-serif;font-weight:700;font-size:10.947px;line-height:normal;color:#fff}.sticky-top-group{position:sticky;top:0;z-index:100;background-color:var(--color-bg, #fff8e7);flex-shrink:0;padding-bottom:12px;box-shadow:0 2px 0 0 var(--color-bg, #fff8e7)}.sticky-top-group .header-logo-sf{position:relative;top:auto;margin-bottom:0}.header-logo-sf{position:sticky;top:0;width:100%;padding:20px var(--page-padding-x, clamp(20px, 5.6vw, 24px));box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;z-index:100;flex-shrink:0;margin-bottom:12px;background-color:var(--color-bg, #fff8e7)}.header-menu{display:flex;align-items:center;gap:15px;flex-shrink:0}.burger-menu-mobile{width:28px;height:25.2px;border-radius:12.674px;background-color:var(--color-primary, #f28f3b);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6.3px;box-sizing:border-box;cursor:pointer;flex-shrink:0;transition:opacity .2s ease}.burger-menu-mobile svg{display:block;width:9.874px;height:8.23px}.burger-menu-mobile:hover{opacity:.9}.rectangle-parent{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.646px}.frame-child{width:9.874px;height:1.646px;border-radius:6.541px;background-color:var(--color-text, #2c2c2c)}.sf-logo-2-1{height:clamp(40px,7vh,49px);width:auto;object-fit:contain;flex-shrink:0}.sf-logo-clickable{cursor:pointer;transition:opacity .2s ease}.sf-logo-clickable:hover{opacity:.85}.sf-logo-clickable:active{opacity:.7}.donation-button{border-radius:21.536px;background-color:var(--color-primary, #f28f3b);border:none;display:flex;align-items:center;justify-content:center;padding:8.5px 11.4px;gap:9px;cursor:pointer;flex-shrink:0;transition:opacity .2s ease,transform .2s ease}.donation-button:hover{opacity:.9}.donation-button:active{transform:scale(.98)}.logo-trakteer-icon{height:16px;width:auto;flex-shrink:0}.donation-text{font-family:DM Sans,sans-serif;font-size:8.65px;font-weight:700;color:var(--color-text, #2c2c2c);white-space:nowrap}@media(max-width:340px){.donation-text{display:none}.donation-button{padding:8.5px}}.footer-mobile{width:100%;padding:15px var(--page-padding-x, 22px);box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:21px;background-color:#ececec;flex-shrink:0}.footer-discord{display:flex;align-items:center;gap:15px;flex-shrink:0;cursor:pointer;transition:opacity .2s ease}.footer-discord:hover{opacity:.8}.footer-discord-text{font-family:DM Sans,sans-serif;font-weight:500;font-size:10px;line-height:normal;color:#000;margin:0}.footer-discord-bold{font-weight:700}.footer-discord-icon{width:20.601px;height:15.616px;flex-shrink:0}.footer-menu{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10.071px}.footer-menu-link{font-family:DM Sans,sans-serif;font-weight:500;font-size:11.093px;line-height:normal;color:#000;text-decoration:underline;text-decoration-style:solid;cursor:pointer;transition:opacity .2s ease}.footer-menu-link:hover{opacity:.7}.footer-donation-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:8.247px 7.658px 8.247px 11.192px;background-color:#be1e2d;border:none;border-radius:17.671px;cursor:pointer;transition:opacity .2s ease,transform .1s ease}.footer-donation-btn:hover{opacity:.9}.footer-donation-btn:active{transform:scale(.98)}.footer-trakteer-icon{width:12.867px;height:20.753px;flex-shrink:0}.footer-donation-text{font-family:DM Sans,sans-serif;font-weight:700;font-size:10.947px;line-height:normal;color:#fff}.footer-copyright{display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:312px;max-width:100%}.footer-copyright-main{font-family:DM Sans,sans-serif;font-weight:700;font-size:8.289px;line-height:normal;color:#000;margin:0;width:100%}.footer-copyright-sub{font-family:DM Sans,sans-serif;font-weight:400;font-size:5.699px;line-height:normal;color:#2c2c2c;width:100%}.footer-copyright-sub p{margin:0}@media(max-width:360px){.footer-mobile{padding:12px 18px;gap:18px}.footer-copyright{width:100%}}@media(max-width:320px){.footer-mobile{padding:10px 15px;gap:15px}.footer-donation-text{font-size:10px}}.progress-bar-container{display:flex;width:100%;flex-shrink:0}.progress-bar-track{width:100%;height:2.9px;border-radius:30px;background-color:var(--color-progress-inactive, #a9a9a9);display:flex;overflow:hidden}.progress-bar-segment{flex:1;height:100%;background-color:var(--color-progress-inactive, #a9a9a9);transition:background-color .3s ease}.progress-bar-segment.active{background-color:var(--color-progress-active, #154f3c)}.search-page{--color-bg: #fff8e7;--color-text: #2c2c2c;--color-text-secondary: #141414;--color-input-bg: #efe8d5;--color-placeholder: #757575;--color-psa-bg: #0d71eb;--color-psa-text: #f0e4d7;--color-orange: #f28f3b;--color-green: #154f3c;--color-disabled: #a9a9a9;--page-padding-x: clamp(20px, 5.6vw, 24px);--content-padding-x: 29px}.search-page{width:100%;display:flex;flex-direction:column;background-color:var(--color-bg);text-align:left;color:var(--color-text);font-family:DM Sans,sans-serif;position:relative}.search-viewport-content{width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;flex-shrink:0}.psa-notification{width:100%;background-color:var(--color-psa-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;position:relative;flex-shrink:0;box-sizing:border-box}.psa-content{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%}.psa-text-content{display:flex;flex-direction:column;align-items:center;gap:5px;padding:0 15px;color:var(--color-psa-text);text-align:center}.psa-title{font-family:Gooper SemiCondensed,Georgia,serif;font-size:20px;font-weight:600;line-height:25px;color:var(--color-psa-text);margin:0;width:176px}.psa-description{font-family:DM Sans,sans-serif;font-size:10px;font-weight:400;line-height:normal;color:var(--color-psa-text);margin:0;width:100%;max-width:330px}.psa-description strong{font-weight:700;color:var(--color-psa-text)}.psa-ok-button{background-color:var(--color-orange);border:none;border-radius:15.86px;padding:6.68px 8.35px;font-family:SF Pro,DM Sans,sans-serif;font-size:9.08px;font-weight:500;color:#000;cursor:pointer;line-height:normal}.psa-ok-button:hover{opacity:.9}.psa-close-button{position:absolute;right:59px;top:13.32px;width:15px;height:15px;background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:visible}.search-page .progress-section{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 calc(var(--page-padding-x) + 4.75px);margin-top:0;margin-bottom:0;flex-shrink:0;width:100%;box-sizing:border-box;position:relative;z-index:101}.search-page .progress-bar-container{flex:1;width:auto;max-width:none;flex-shrink:0}.search-page .back-icon{width:18.5px;height:18.5px;flex-shrink:0;transition:opacity .2s ease;cursor:pointer}.search-page .back-icon:hover{opacity:.7}.search-page .question-icon{width:18.5px;height:18.5px;flex-shrink:0;transition:opacity .2s ease;cursor:pointer}.search-page .question-icon:hover{opacity:.7}.search-page-content{display:flex;flex-direction:column;gap:17px;padding:0 var(--content-padding-x);padding-top:17px;padding-bottom:20px;flex:1}.sticky-search-bar-wrapper{padding:0 var(--content-padding-x);padding-top:39px}.search-bar{width:100%;height:53px;background-color:var(--color-input-bg);border-radius:40.6px;display:flex;align-items:center;gap:15px;padding:9px 15px;box-sizing:border-box;cursor:text;flex-shrink:0}.search-icon-wrapper{width:23.6px;height:23.6px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.search-icon-wrapper svg{width:23.6px;height:23.6px}.search-page .search-input{flex:1;border:none;background-color:transparent;outline:none;font-family:DM Sans,sans-serif;font-size:12.3px;font-weight:400;color:var(--color-text);line-height:normal;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-page .search-input::placeholder{color:var(--color-placeholder)}.search-page .search-error{background-color:#f28f3b26;color:#d44;font-family:DM Sans,sans-serif;font-size:11px;padding:8px 12px;border-radius:8px;text-align:center}.search-results-section{width:100%}.search-loading{display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px 0}.search-loading p{font-family:DM Sans,sans-serif;font-size:11.8px;color:var(--color-placeholder);margin:0}.search-loading-spinner{width:24px;height:24px;border:2.5px solid var(--color-input-bg);border-top-color:var(--color-green);border-radius:50%;animation:spin .8s linear infinite}.search-results-grid{display:flex;flex-wrap:wrap;gap:10px;width:100%}.search-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 20px;gap:20px;flex:1;min-height:0}.no-results-wilson{width:120px;height:auto}.no-results-text-group{display:flex;flex-direction:column;align-items:center;gap:5px}.no-results-title{font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;color:#2c2c2c;margin:0;text-align:center}.no-results-body{font-family:DM Sans,sans-serif;font-size:12px;font-weight:400;color:#757575;margin:0;text-align:center;max-width:253px;line-height:1.4}.most-searched-section{width:100%;background-color:var(--color-input-bg);border-radius:10px;padding:15px;box-sizing:border-box;display:flex;flex-direction:column;gap:11px}.most-searched-title{font-family:Gooper SemiCondensed,Georgia,serif;font-size:18.2px;font-weight:400;color:var(--color-text-secondary);margin:0;line-height:normal}.most-searched-grid{display:flex;flex-wrap:wrap;gap:10px;width:100%}.poster-card{width:calc((100% - 30px)/4);aspect-ratio:66.35 / 99.52;border-radius:5px;position:relative;overflow:hidden;cursor:pointer;flex-shrink:0;transition:transform .15s ease}.poster-card:hover{transform:scale(1.03)}.poster-image{width:100%;height:100%;object-fit:cover;border-radius:5px;display:block}.poster-no-image{width:100%;height:100%;background-color:#d4cfc2;border-radius:5px;display:flex;align-items:center;justify-content:center;padding:4px;box-sizing:border-box}.poster-no-image span{font-family:DM Sans,sans-serif;font-size:8px;color:var(--color-text);text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.poster-add-button{position:absolute;bottom:3px;right:3px;width:16px;height:16px;background:transparent;border:none;border-radius:50%;padding:0;cursor:pointer;z-index:2;overflow:visible}.morphing-icon{overflow:visible;will-change:transform}.morphing-icon .icon-plus{transform-origin:center;opacity:1;transform:rotate(0) scale(1);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.morphing-icon .icon-check{transform-origin:center;opacity:0;transform:scale(.3);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.morphing-icon.checked .icon-plus{opacity:0;transform:rotate(90deg) scale(.3)}.morphing-icon.checked .icon-check{opacity:1;transform:scale(1)}.poster-icon-face{position:absolute;top:0;left:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;opacity:1;transform:scale(1);transition:opacity .25s ease,transform .25s ease}.poster-icon-face.poster-icon-hidden{opacity:0;transform:scale(.5);pointer-events:none}.selected-films-slot{width:100%;min-height:157px;display:flex;flex-direction:column}.selected-films-slot-empty{background-color:var(--color-input-bg);border-radius:10px;align-items:center;justify-content:center;padding:23px;box-sizing:border-box}.selected-films-empty-text{font-family:DM Sans,sans-serif;font-size:11.82px;font-weight:400;color:#757575;text-align:center;margin:0}.selected-films-list{width:100%;display:flex;flex-direction:column;gap:10px}.selected-films-cards{width:100%;display:flex;flex-direction:column}.selected-card{width:100%;background-color:var(--color-input-bg);display:flex;align-items:stretch;gap:14.995px;padding:15px;box-sizing:border-box}.selected-card.selected-card-first{border-radius:10px 10px 0 0}.selected-card.selected-card-last{border-radius:0 0 10px 10px}.selected-card.selected-card-first.selected-card-last{border-radius:10px}.selected-card-poster{width:69.583px;min-height:104.374px;border-radius:5.267px;border:1.654px solid #f28f3b;flex-shrink:0;overflow:visible;position:relative;background-color:#a9a9a9}.selected-card-poster img{width:100%;height:100%;object-fit:cover;display:block;border-radius:4px}.selected-card-no-poster{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:4px;box-sizing:border-box}.selected-card-no-poster span{font-family:DM Sans,sans-serif;font-size:8px;color:#fff;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.selected-card-number{position:absolute;bottom:-9.58px;left:50%;transform:translate(-50%);width:20.954px;height:20.954px;background-color:#f28f3b;border-radius:10.477px;display:flex;align-items:center;justify-content:center;z-index:2}.selected-card-number span{font-family:Gooper SemiCondensed,Georgia,serif;font-size:11.814px;font-weight:600;color:#2c2c2c;line-height:1;text-align:center}.selected-card-details{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;position:relative}.selected-card-header{display:flex;flex-direction:column;gap:3.866px;padding-right:30px}.selected-card-category-badge{display:inline-flex;align-items:center;gap:1.122px;padding:3.366px 5.61px;background-color:#f28f3b;border-radius:16.436px;align-self:flex-start}.selected-card-category-icon{width:10px;height:10px;object-fit:contain;flex-shrink:0}.selected-card-category-badge span{font-family:DM Sans,sans-serif;font-size:7px;font-weight:500;color:#2c2c2c;line-height:normal}.selected-card-title{font-family:Gooper SemiCondensed,Georgia,serif;font-size:18.043px;font-weight:500;color:#2c2c2c;line-height:1.2;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;overflow-wrap:break-word}.selected-card-footer{display:flex;align-items:flex-end;justify-content:space-between}.selected-card-meta{display:flex;gap:3px;align-items:center;flex-wrap:wrap}.selected-card-year{font-family:DM Sans,sans-serif;font-size:5.84px;font-weight:500;color:#717171;line-height:normal;white-space:nowrap}.selected-card-dot{font-family:DM Sans,sans-serif;font-size:14px;color:#717171;line-height:0;flex-shrink:0}.selected-card-genre-pill{display:inline-flex;align-items:center;justify-content:center;padding:2.952px 5px;background-color:#c0c0c080;border-radius:147.598px;font-family:DM Sans,sans-serif;font-size:5.84px;font-weight:400;color:#717171;line-height:normal;white-space:nowrap}.selected-card-remove-btn{flex-shrink:0;width:24.909px;height:24.909px;background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;border-radius:12.454px;transition:background-color .3s cubic-bezier(.4,0,.2,1)}.selected-card-remove-btn--trash{background-color:#dc0000}.remove-icon-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:1;transform:scale(1);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.remove-icon-face.remove-icon-hidden{opacity:0;transform:scale(.3);pointer-events:none}.selected-card-remove-btn:hover{transform:scale(1.1);transition:transform .15s ease,background-color .3s cubic-bezier(.4,0,.2,1)}.selected-card-remove-btn:active{transform:scale(.9);transition:transform .1s ease,background-color .3s cubic-bezier(.4,0,.2,1)}.selected-card-arrange-btn{position:absolute;right:0;bottom:35px;width:24.913px;height:24.913px;background:none;border:none;padding:0;cursor:grab;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease;touch-action:none;user-select:none;-webkit-user-select:none}.selected-card-arrange-btn:active{cursor:grabbing}.selected-card-arrange-btn:hover{transform:scale(1.1)}.selected-films-cards{position:relative}.selected-card{position:relative;will-change:transform}.selected-card-dragging{z-index:10;box-shadow:0 4px 16px #0000002e;opacity:.95}.drag-reordering .selected-card:not(.selected-card-dragging){transition:transform .2s ease}.bottom-generate-bar{position:sticky;bottom:0;left:0;right:0;background:linear-gradient(to bottom,rgba(255,248,231,0),var(--color-bg) 59.37%);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:31.932px 16px;padding-bottom:calc(31.932px + env(safe-area-inset-bottom,0px));z-index:20;pointer-events:none;margin-top:auto}.generate-button{background-color:var(--color-disabled);border:none;border-radius:21.9px;padding:15.09px 23.27px;font-family:DM Sans,sans-serif;font-size:11.59px;font-weight:700;color:#2c2c2c80;cursor:not-allowed;line-height:normal;pointer-events:auto;transition:background-color .2s ease,color .2s ease}.generate-button.generate-active{background-color:var(--color-primary);color:#2c2c2c;cursor:pointer}.generate-button.generate-active:hover{opacity:.9}.search-bar-button{cursor:pointer;user-select:none;-webkit-user-select:none}.search-input-placeholder{flex:1;font-family:DM Sans,sans-serif;font-size:clamp(10.5px,3.15vw,12.3px);font-weight:400;color:var(--color-placeholder);line-height:normal;white-space:nowrap;min-width:0}.search-popup-panel{position:fixed;left:0;right:0;bottom:0;z-index:200;background-color:#fcfcfc;border-radius:30px 30px 0 0;box-shadow:0 3px 9.4px #00000040;display:flex;flex-direction:column;align-items:center;overflow:hidden;animation:popupSlideUp .25s ease-out;transition:transform .2s ease-out,top .3s ease-out}.search-popup-panel.popup-dragging{transition:none}@keyframes popupSlideUp{0%{transform:translateY(40px);opacity:.7}to{transform:translateY(0);opacity:1}}.popup-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:199;background:transparent}.popup-drag-handle-wrapper{width:100%;display:flex;justify-content:center;padding:5px 0;flex-shrink:0;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.popup-drag-handle-wrapper:active{cursor:grabbing}.popup-drag-handle{width:61px;height:3px;background-color:#a9a9a9;border-radius:18.3px}.popup-drag-handle-wrapper:hover .popup-drag-handle{background-color:#888}.popup-content{width:100%;display:flex;flex-direction:column;align-items:center;padding:9px 29px 30px;padding-bottom:calc(30px + env(safe-area-inset-bottom,0px));box-sizing:border-box;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;min-height:0}.popup-search-filter-icon-text{width:100%;display:flex;flex-direction:column;align-items:center;gap:0;flex:1;min-height:0}.popup-state-overall-psa .popup-search-filter-icon-text,.popup-state-category .popup-search-filter-icon-text,.popup-search-filter-icon-text.popup-has-results{gap:0}.popup-search-filter{width:100%;display:flex;flex-direction:column;gap:17px}.popup-search-filter-icon{width:100%;display:flex;flex-direction:column;align-items:center;gap:0;flex:1;min-height:0}.popup-state-overall-psa .popup-search-filter-icon,.popup-state-category .popup-search-filter-icon{gap:0}.popup-search-filter-icon.popup-has-results{gap:18px}.popup-search-field{width:100%;height:53px;background-color:#ececec;border-radius:40.6px;display:flex;align-items:center;gap:15px;padding:9px 15px;box-sizing:border-box;flex-shrink:0}.popup-search-icon-wrapper{width:23.607px;height:23.607px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.popup-search-input{flex:1;min-width:0;font-family:DM Sans,sans-serif;font-size:clamp(10.5px,3.15vw,12.3px);font-weight:400;color:#2c2c2c;line-height:normal;padding:0;margin:0;border:none;outline:none;background:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:text;-webkit-user-select:text;user-select:text;word-break:break-all}.popup-search-input-empty:empty:before{content:attr(data-placeholder);color:#757575;pointer-events:none}.popup-search-input:focus{outline:none;border:none;box-shadow:none}.popup-search-spacer{width:.957px;height:10.523px;flex-shrink:0}.recent-search-section{display:flex;flex-direction:column;gap:clamp(12px,3.85vw,15px);padding:clamp(7px,2.24vw,8.736px) clamp(4px,1.28vw,5px);width:100%}.recent-search-header{display:flex;align-items:center;justify-content:space-between}.recent-search-title{font-family:Gooper SemiCondensed,serif;font-weight:400;font-size:clamp(15px,4.53vw,17.7px);color:#2c2c2c;line-height:normal}.recent-search-clear-btn{background-color:#f28f3b;border:none;border-radius:13.692px;padding:clamp(4.8px,1.48vw,5.765px) clamp(6px,1.85vw,7.206px);font-family:DM Sans,sans-serif;font-weight:500;font-size:clamp(6.7px,2.01vw,7.8px);color:#2c2c2c;cursor:pointer;white-space:nowrap;line-height:normal}.recent-search-chips{display:flex;flex-wrap:nowrap;gap:clamp(5.5px,1.74vw,6.795px);align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-left:-29px;margin-right:-29px;padding-left:29px;padding-right:29px;scrollbar-width:none;-ms-overflow-style:none}.recent-search-chips::-webkit-scrollbar{display:none}.recent-search-chip{display:flex;align-items:center;gap:clamp(2px,.63vw,2.439px);background-color:#ececec;border-radius:13.658px;padding-left:clamp(5px,1.5vw,5.853px);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background-color .15s ease}.recent-search-chip:active{background-color:#dedede}.recent-search-chip-text{font-family:DM Sans,sans-serif;font-weight:400;font-size:clamp(7.8px,2.34vw,9.1px);color:#2c2c2c;line-height:normal}.recent-search-chip-remove{background:none;border:none;padding:0;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:15.121px;height:15.121px}.popup-category-tabs{width:100%;background-color:#ececec;border:2px solid #ececec;border-radius:19.476px;display:flex;align-items:center;flex-shrink:0;overflow:hidden;position:relative}.popup-category-pill{position:absolute;top:0;bottom:0;left:0;width:calc(100% / 3);background-color:#f28f3b;border-radius:19.476px;transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:0;pointer-events:none}.popup-category-tab{flex:1;border:none;background:transparent;border-radius:19.476px;padding:8.201px 0;font-family:DM Sans,sans-serif;font-size:11.148px;font-weight:500;color:#2c2c2c;text-align:center;cursor:pointer;line-height:normal;overflow:hidden;position:relative;z-index:1;transition:color .2s ease}.popup-category-tab.popup-category-active{background:transparent}.popup-category-tab:hover:not(.popup-category-active){background-color:#0000000d}.popup-illustration-group{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:0;width:100%}.popup-senter-image{width:180px;height:auto;object-fit:contain;display:block}.popup-helper-text{font-family:DM Sans,sans-serif;font-size:12px;font-weight:400;line-height:normal;color:#757575;text-align:center;width:192px;margin:0;white-space:pre-wrap}.popup-results-area{width:100%;flex:1;display:flex;flex-direction:column;min-height:0}.popup-results-list{width:100%;display:flex;flex-direction:column;padding-bottom:16px}.popup-result-card{width:100%;background-color:#ececec;display:flex;align-items:stretch;gap:15.155px;padding:9px 12.697px;box-sizing:border-box}.popup-result-card.popup-result-first{border-radius:10px 10px 0 0}.popup-result-card.popup-result-last{border-radius:0 0 10px 10px}.popup-result-card.popup-result-first.popup-result-last{border-radius:10px}.popup-result-poster{width:70.322px;min-height:105.482px;border-radius:5.323px;flex-shrink:0;overflow:hidden;background-color:#a9a9a9}.popup-result-poster img{width:100%;height:100%;object-fit:cover;display:block}.popup-result-no-poster{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:4px;box-sizing:border-box}.popup-result-no-poster span{font-family:DM Sans,sans-serif;font-size:8px;color:#fff;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.popup-result-details{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding:0}.popup-result-header{display:flex;flex-direction:column;gap:3.907px}.popup-result-category-badge{display:inline-flex;align-items:center;gap:1px;padding:3px 5px;background-color:#f28f3b;border-radius:14.65px;align-self:flex-start}.popup-result-category-icon{width:9px;height:9px;object-fit:contain;flex-shrink:0;border-radius:0}.popup-result-category-badge span{font-family:DM Sans,sans-serif;font-size:5.8px;font-weight:500;color:#2c2c2c;line-height:normal}.popup-result-title{font-family:Gooper SemiCondensed,Georgia,serif;font-size:18.235px;font-weight:500;color:#2c2c2c;line-height:1.2;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;overflow-wrap:break-word}.popup-result-footer{display:flex;align-items:flex-end;justify-content:space-between}.popup-result-meta{display:flex;gap:3px;align-items:center;flex-wrap:wrap}.popup-result-year{font-family:DM Sans,sans-serif;font-size:5.84px;font-weight:500;color:#717171;line-height:normal;white-space:nowrap}.popup-result-dot{font-family:DM Sans,sans-serif;font-size:14px;color:#717171;line-height:0;flex-shrink:0}.popup-result-genre-pill{display:inline-flex;align-items:center;justify-content:center;padding:2.952px 5px;background-color:#c0c0c080;border-radius:147.598px;font-family:DM Sans,sans-serif;font-size:5.84px;font-weight:400;color:#717171;line-height:normal;white-space:nowrap}.popup-result-add-btn{flex-shrink:0;width:25.173px;height:25.173px;background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative}.popup-result-add-btn:hover{transform:scale(1.1);transition:transform .15s ease}.popup-result-add-btn:active{transform:scale(.9);transition:transform .1s ease}.morphing-result-icon{overflow:visible;will-change:transform}.morphing-result-icon .result-icon-plus{transform-origin:center;opacity:1;transform:rotate(0) scale(1);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.morphing-result-icon .result-icon-check{transform-origin:center;opacity:0;transform:scale(.3);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.morphing-result-icon.checked .result-icon-plus{opacity:0;transform:rotate(90deg) scale(.3)}.morphing-result-icon.checked .result-icon-check{opacity:1;transform:scale(1)}.popup-result-icon-plus,.popup-result-icon-check{position:absolute;display:flex;align-items:center;justify-content:center;transition:opacity .25s ease,transform .25s ease}.popup-result-icon-hidden{opacity:0;transform:scale(.5) rotate(-90deg)}.popup-result-icon-plus:not(.popup-result-icon-hidden),.popup-result-icon-check:not(.popup-result-icon-hidden){opacity:1;transform:scale(1) rotate(0)}.popup-result-skeleton .popup-result-poster{background-color:#a9a9a9}.skeleton-category{width:43px;height:14.41px;border-radius:14.65px;background-color:#a9a9a9}.skeleton-title{width:167px;height:22px;border-radius:15px;background-color:#a9a9a9}.skeleton-year{width:15px;height:8px;border-radius:30px;background-color:#a9a9a9}.skeleton-dot{width:2px;height:2px;border-radius:50%;background-color:#a9a9a9}.skeleton-genre{width:41px;height:13.9px;border-radius:147.598px;background-color:#a9a9a9}.skeleton-add-btn{width:25.173px;height:25.173px;border-radius:50%;background-color:#a9a9a9;flex-shrink:0}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton-pulse{animation:skeletonPulse 1.5s ease-in-out infinite}.popup-load-more-sentinel{width:100%;min-height:1px}.not-ten-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000004d;z-index:300;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.not-ten-popup{background-color:#ececec;border-radius:12px;padding:18px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 12px #00000026;animation:slideUp .25s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.not-ten-popup-message{display:flex;flex-direction:column;gap:6px}.not-ten-popup-title{font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;color:var(--color-text);line-height:1.2;margin:0}.not-ten-popup-text{font-family:DM Sans,sans-serif;font-size:12px;font-weight:400;color:var(--color-text);line-height:1.4;margin:0}.not-ten-popup-text strong{font-weight:700}.not-ten-popup-buttons{display:flex;flex-direction:column;gap:5px}.not-ten-btn-complete{background-color:var(--color-primary);border:none;border-radius:20px;padding:10px 24px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;color:var(--color-text);cursor:pointer;transition:opacity .15s ease;line-height:normal}.not-ten-btn-complete:hover{opacity:.9}.not-ten-btn-complete:active{opacity:.8}.not-ten-btn-generate{background-color:#ececec;border:1px solid var(--color-text);border-radius:20px;padding:10px 24px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;color:var(--color-text);cursor:pointer;transition:background-color .15s ease,opacity .15s ease;line-height:normal}.not-ten-btn-generate:hover{background-color:#e0e0e0}.not-ten-btn-generate:active{opacity:.8}@media screen and (min-width:480px){.not-ten-popup{padding:20px;border-radius:14px}.not-ten-popup-title{font-size:18px}.not-ten-popup-text{font-size:13px}.not-ten-btn-complete,.not-ten-btn-generate{font-size:13px;padding:12px 24px}}@media screen and (max-width:359px){.not-ten-popup-overlay{padding:var(--spacing-sm);padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom,0px))}.not-ten-popup{padding:14px;border-radius:10px}.not-ten-popup-title{font-size:14px}.not-ten-popup-text{font-size:11px}.not-ten-btn-complete,.not-ten-btn-generate{font-size:11px;padding:9px 20px}}@media screen and (orientation:landscape)and (max-height:500px){.not-ten-popup-overlay{justify-content:center;padding-bottom:var(--spacing-md)}.not-ten-popup{max-width:400px}}@media all and (display-mode:standalone){.not-ten-popup-overlay{padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px))}}:root{--color-bg: #fff8e7;--color-primary: #f28f3b;--color-primary-hover: #e07f2b;--color-text: #2c2c2c;--light-flash: #FFE566;--light-bright: #EAC435;--light-dim: #B5982A;--gap-frame-text: 47px;--gap-text-button: 50px;--page-padding-x: clamp(20px, 5.6vw, 24px)}.frame-light{fill:var(--light-bright);animation:cinema-glow 10s ease-in-out infinite}@keyframes cinema-glow{0%,55%{fill:var(--light-bright)}70%{fill:var(--light-dim)}75%{fill:var(--light-dim)}82%{fill:var(--light-flash)}95%,to{fill:var(--light-bright)}}.welcome-page-root{width:100%;display:flex;flex-direction:column;background-color:var(--color-bg);text-align:left;color:var(--color-text);font-family:DM Sans,sans-serif;position:relative}.welcome-viewport-content{width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;flex-shrink:0}.welcome-viewport-content .header-logo-sf{margin-bottom:0}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%}.visual-section{position:relative;width:100%;height:clamp(300px,48vh,420px);margin-top:clamp(5px,1.5vh,15px);margin-bottom:var(--gap-frame-text);display:flex;align-items:center;justify-content:center;overflow:hidden}.frame-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:95%;aspect-ratio:205 / 327;z-index:10;pointer-events:none}.frame-overlay{width:100%;height:100%}.posters-carousel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:83%;z-index:1;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}.posters-carousel::-webkit-scrollbar{display:none}.posters-carousel{--poster-gap: 25px}.poster-track{display:flex;align-items:center;height:100%;width:max-content;gap:var(--poster-gap)}.poster-item{flex-shrink:0;height:100%;aspect-ratio:2/3;border-radius:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.poster-item.poster-hidden{visibility:hidden}.poster-image,.poster-placeholder{height:100%;width:100%;object-fit:cover}.poster-skeleton{height:100%;width:100%;background:linear-gradient(135deg,#e8dcc8,#d4c4a8);position:relative;overflow:hidden}.poster-placeholder{background:linear-gradient(135deg,#e8dcc8,#d4c4a8);display:flex;align-items:center;justify-content:center;font-size:2rem}.skeleton-shimmer{width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.content-container{padding:0 var(--page-padding-x);box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:100%;align-self:center}.headline-and-body-text{width:100%;max-width:min(280px,72vw);display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-family:Gooper SemiCondensed,Georgia,serif}.choose-rank-generate-container{line-height:1.2;font-size:clamp(20px,5.8vw,26px);width:100%}.choose-rank-generate-container b{font-weight:700}.choose-rank-generate-container span{font-weight:400}.with-this-wrapped{font-size:clamp(9px,2.6vw,11px);line-height:1.3;font-family:DM Sans,sans-serif;margin-top:6px;max-width:231px}.welcome-viewport-content .button-section{width:100%;padding:0 var(--page-padding-x);padding-bottom:30px;padding-top:clamp(20px,3vh,30px);box-sizing:border-box;margin-top:auto}.button-continue{height:54px;width:100%;border-radius:30px;background-color:var(--color-primary);display:flex;align-items:center;justify-content:center;padding:0 10px;border:none;cursor:pointer;transition:all .2s ease}.button-continue:hover{background-color:var(--color-primary-hover)}.button-continue:active{transform:scale(.98)}.continue{font-family:DM Sans,sans-serif;font-size:clamp(16px,5vw,18.42px);font-weight:700;color:var(--color-text)}@media screen and (max-height:699px){.visual-section{height:clamp(220px,35vh,260px);margin-top:10px}.welcome-viewport-content .button-section{padding-bottom:20px;padding-top:15px}}@media screen and (max-width:349px){.visual-section{margin-bottom:30px}}.nickname-page{--color-bg: #fff8e7;--color-primary: #f28f3b;--color-primary-hover: #e07f2b;--color-text: #2c2c2c;--color-text-muted: #a9a9a9;--color-error: #f41e1e;--color-input-bg: #F0E4D7;--color-progress-active: #154f3c;--color-progress-inactive: #a9a9a9;--color-disabled: #a9a9a9;--page-padding-x: clamp(20px, 5.6vw, 24px);--gap-progress-headline: 39px;--gap-headline-body: 4px;--gap-body-input: clamp(35px, 5vh, 57px);--gap-input-error: 8px}.nickname-page{width:100%;display:flex;flex-direction:column;background-color:var(--color-bg);text-align:left;color:var(--color-text);font-family:DM Sans,sans-serif;position:relative}.nickname-viewport-content{width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;flex-shrink:0}.progress-section{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 calc(var(--page-padding-x) + 4.75px);margin-top:0;margin-bottom:0;flex-shrink:0;width:100%;box-sizing:border-box;position:relative;z-index:101}.close-icon{width:18.5px;height:18.5px;flex-shrink:0;transition:opacity .2s ease;cursor:pointer}.close-icon:hover{opacity:.7}.question-icon{width:18.5px;height:18.5px;flex-shrink:0;transition:opacity .2s ease;cursor:pointer}.question-icon:hover{opacity:.7}.nickname-page .progress-bar-container{flex:1;width:auto;max-width:none;flex-shrink:0}.nickname-content{flex:1;display:flex;flex-direction:column;align-items:flex-start;padding:0 calc(var(--page-padding-x) + 19px);padding-top:var(--gap-progress-headline);width:100%;box-sizing:border-box}.headline-section{width:100%;margin-bottom:var(--gap-headline-body)}.headline-text{font-family:Gooper SemiCondensed,Georgia,serif;font-size:clamp(26px,7.8vw,30.64px);line-height:1.15;color:var(--color-text)}.headline-text span{font-weight:400}.headline-text b{font-weight:700}.body-text{font-family:DM Sans,sans-serif;font-size:clamp(9px,2.6vw,10.09px);line-height:1.4;color:var(--color-text);max-width:231px;margin-bottom:var(--gap-body-input)}.input-container{width:100%;max-width:313px;height:51px;margin-bottom:0;transition:transform .1s ease;position:relative}.input-container.error .nickname-input{border:1.5px solid var(--color-error)!important}.input-container.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.nickname-input{display:block;width:100%;height:100%;padding:18px 19px!important;border-radius:30px!important;background-color:#f0e4d7!important;border:none!important;outline:none!important;box-shadow:none!important;font-family:DM Sans,sans-serif!important;font-size:13.8px!important;font-weight:500!important;color:var(--color-text)!important;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.nickname-input::placeholder{color:#a9a9a9!important;font-weight:500!important}.nickname-input:focus{border:none!important;outline:none!important;box-shadow:none!important}.error-hint{font-family:DM Sans,sans-serif;font-size:7.5px;font-weight:400;color:#f41e1e;margin-top:var(--gap-input-error);margin-left:19px;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease}.error-hint.visible{opacity:1;visibility:visible}.button-section{width:100%;padding:0 var(--page-padding-x);padding-bottom:30px;padding-top:clamp(20px,3vh,30px);box-sizing:border-box;margin-top:auto}.nickname-page .button-continue{height:54px;width:100%;border-radius:30px;background-color:var(--color-primary);display:flex;align-items:center;justify-content:center;padding:0 10px;border:none;cursor:pointer;transition:all .2s ease}.nickname-page .button-continue:hover:not(.disabled){background-color:var(--color-primary-hover)}.nickname-page .button-continue:active:not(.disabled){transform:scale(.98)}.nickname-page .button-continue.disabled{background-color:var(--color-disabled);cursor:not-allowed}.nickname-page .continue{font-family:DM Sans,sans-serif;font-size:clamp(16px,5vw,18.42px);font-weight:700;color:var(--color-text)}@media screen and (max-height:699px){.nickname-page{--gap-progress-headline: 30px;--gap-body-input: 30px}.button-section{padding-bottom:20px;padding-top:15px}}@media screen and (max-width:349px){.nickname-page{--gap-progress-headline: 30px;--gap-body-input: 30px}.progress-bar-container{width:180px}.progress-section{gap:12px}}@media screen and (min-width:400px){.input-container{max-width:313px}}.category-page{--color-bg: #fff8e7;--color-text: #2c2c2c;--color-card-bg: #c5d86d;--color-card-button-bg: #faf9ee;--page-padding-x: clamp(20px, 5.6vw, 24px);--gap-progress-content: 39px}.category-page{width:100%;display:flex;flex-direction:column;background-color:var(--color-bg);text-align:left;color:var(--color-text);font-family:DM Sans,sans-serif;position:relative}.category-viewport-content{width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;flex-shrink:0}.category-page .progress-section{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 calc(var(--page-padding-x) + 4.75px);margin-top:0;margin-bottom:0;flex-shrink:0;width:100%;box-sizing:border-box;position:relative;z-index:101}.category-page .back-icon{width:18.5px;height:18.5px;flex-shrink:0;transition:opacity .2s ease;cursor:pointer}.category-page .back-icon:hover{opacity:.7}.category-page .question-icon{width:18.5px;height:18.5px;flex-shrink:0;transition:opacity .2s ease;cursor:pointer}.category-page .question-icon:hover{opacity:.7}.category-page .progress-bar-container{flex:1;width:auto;max-width:none;flex-shrink:0}.category-content{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;padding:0 calc(var(--page-padding-x) + 19px);padding-top:var(--gap-progress-content);width:100%;box-sizing:border-box}.greeting-text{font-family:DM Sans,sans-serif;font-size:16.17px;font-weight:500;color:#000;margin:0 0 4px;line-height:1.4}.category-page .headline-section{width:100%;margin-bottom:clamp(20px,3vh,30px)}.category-page .headline-text{font-family:Gooper SemiCondensed,Georgia,serif;font-size:clamp(26px,7.8vw,30.64px);line-height:1.15;color:#000;letter-spacing:-.03em;margin:0}.category-page .headline-text span{font-weight:400}.category-page .headline-text b{font-weight:600}.carousel-wrapper{position:relative;width:100%;flex-shrink:0;padding-bottom:30px}.carousel-container{display:flex;gap:12.5px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 calc(var(--page-padding-x) + 19px);padding-bottom:10px;width:100%;box-sizing:border-box;cursor:grab;scroll-snap-type:x mandatory;scroll-padding-left:calc(var(--page-padding-x) + 19px);scrollbar-width:none;-ms-overflow-style:none}.carousel-container::-webkit-scrollbar{display:none}.carousel-container:active{cursor:grabbing}.category-card{flex-shrink:0;width:328.6px;height:436px;border-radius:15.57px;background-color:var(--color-card-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;box-sizing:border-box;gap:25px;scroll-snap-align:start;cursor:pointer}.card-icon-container{width:255px;height:255px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;position:relative}.card-icon{width:100%;height:100%;object-fit:contain}.card-bottom{width:100%;display:flex;align-items:flex-end;gap:43px;align-self:stretch}.card-text{width:199.3px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;flex-shrink:0}.card-title{font-family:Gooper SemiCondensed,Georgia,serif;font-size:27.37px;font-weight:400;color:#000;margin:0;line-height:1.15;align-self:stretch}.card-description{font-family:DM Sans,sans-serif;font-size:12.09px;font-weight:400;color:#141414;margin:0;line-height:1.4;align-self:stretch}.card-arrow-button{width:36.1px;height:36.1px;min-width:36.1px;border-radius:18.06px;background-color:var(--color-card-button-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:4px 5px;box-sizing:border-box}.slider-button{position:absolute;top:218px;transform:translateY(-50%);width:45px;height:45px;border-radius:22.5px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:opacity .3s ease,transform .2s ease;padding:0}.slider-button:hover{transform:translateY(-50%) scale(1.05)}.slider-button:active{transform:translateY(-50%) scale(.95)}.slider-button.hidden{opacity:0;pointer-events:none}.slider-left{left:8px;background-color:#a9a9a980}.slider-right{right:8px;background-color:#a9a9a9b3}.feedback-popup-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;background:transparent}.feedback-popup-container{position:fixed;left:20px;right:20px;bottom:20px;z-index:100;background:var(--bob-gray, #ececec);border-radius:10px;padding:15.35px;display:flex;flex-direction:column;gap:11px;animation:feedbackSlideUp .25s ease-out}@keyframes feedbackSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feedback-messages{display:flex;flex-direction:column;gap:5px}.feedback-heading{display:flex;align-items:center;gap:5px}.high-five-icon{width:21px;height:21px;flex-shrink:0}.feedback-heading-text{font-family:DM Sans,sans-serif;font-weight:600;font-size:14.633px;line-height:normal;color:var(--black-is-the-new, #2c2c2c)}.feedback-body-text{font-family:DM Sans,sans-serif;font-weight:400;font-size:12px;line-height:normal;color:var(--black-is-the-new, #2c2c2c);width:316px;max-width:100%;margin:0;white-space:pre-wrap}.feedback-popup-buttons{display:flex;gap:6.962px;width:100%}.feedback-popup-btn{flex:1;min-height:25px;padding:6.604px 6.133px 6.604px 8.963px;border-radius:14.152px!important;border:none!important;outline:none;display:flex;align-items:center;justify-content:center;gap:7.208px;cursor:pointer;transition:transform .1s ease,opacity .1s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.feedback-popup-btn:active{transform:scale(.96);opacity:.9}.feedback-popup-btn-no{background-color:#dc0000!important}.feedback-popup-btn-no span{font-family:DM Sans,sans-serif;font-weight:700;font-size:8.767px;line-height:normal;color:#ececec;text-align:center}.thumbs-down-icon{width:11.446px;height:11.446px;flex-shrink:0}.feedback-popup-btn-yes{background-color:#f28f3b!important}.feedback-popup-btn-yes span{font-family:DM Sans,sans-serif;font-weight:700;font-size:8.767px;line-height:normal;color:#2c2c2c;text-align:center}.thumbs-up-icon{width:11.445px;height:11.855px;flex-shrink:0}@media(max-width:360px){.feedback-popup-container{left:15px;right:15px;bottom:15px;padding:12px;gap:10px}.feedback-body-text{font-size:11px}}.result-page{--color-bg: #2c2c2c;--color-text: #ececec;--color-text-muted: #a9a9a9;--color-primary: #f28f3b;--color-indicator-active: #ffffff;--color-indicator-inactive: #a9a9a9;--page-padding-x: 22px}.result-page{width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;background-color:var(--color-bg);color:var(--color-text);font-family:DM Sans,sans-serif;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;overflow:hidden}.result-header-wrapper{position:relative;z-index:100;flex-shrink:0}.result-page .header-logo-sf{background-color:#2c2c2c;--color-bg: #2c2c2c;margin-bottom:0}.result-page .sticky-top-group{background-color:#2c2c2c;box-shadow:none}.result-page .donation-text{color:#2c2c2c}.result-image-container{flex:0 1 auto;width:100%;min-height:0;position:relative;overflow:hidden;touch-action:manipulation}.story-count-section{position:absolute;top:0;left:0;right:0;z-index:20;padding:12px var(--page-padding-x) 0}.story-count-section:before{content:"";position:absolute;top:0;left:0;right:0;height:70px;background:linear-gradient(to bottom,rgba(0,0,0,.35),transparent);pointer-events:none;z-index:-1;border-radius:0}.story-indicators{display:flex;gap:5.227px;margin-bottom:9px}.story-indicator-wrapper{flex:1;height:7.317px;border-radius:31.36px;position:relative;overflow:hidden}.story-indicator-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-indicator-inactive);border-radius:inherit}.story-indicator-fill{position:absolute;top:0;left:0;bottom:0;background-color:var(--color-indicator-active);border-radius:inherit;transition:width .05s linear}.button-row{display:flex;justify-content:space-between;align-items:center}.button-row .question-icon,.button-row .close-icon{width:18.5px;height:18.5px;flex-shrink:0;transition:opacity .2s ease;cursor:pointer;color:#ececec}.button-row .question-icon:hover,.button-row .close-icon:hover{opacity:.7}.result-image{display:block;width:100%;height:auto;max-height:calc(100dvh - 140px);object-fit:contain;object-position:top center;border-radius:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;transition:opacity .2s ease-out;opacity:1}.result-image.fade-out{opacity:0;transition:none}.result-image.fade-in{opacity:1}.result-placeholder{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:390 / 693.33;max-height:calc(100dvh - 140px);background-color:#0000004d;color:var(--color-text-muted);font-size:14px}.tap-zone{position:absolute;top:0;bottom:0;width:50%;z-index:10;cursor:pointer}.tap-zone-left{left:0}.tap-zone-right{right:0}.tap-zone:active{background:#ffffff05}.download-section{flex:1;display:flex;align-items:center;justify-content:center;min-height:40px;padding:0 var(--page-padding-x);padding-bottom:max(0px,env(safe-area-inset-bottom));position:relative;z-index:50}.download-button{display:flex;align-items:center;justify-content:center;gap:6.349px;padding:4.535px 13.605px;border:.907px solid var(--color-text);border-radius:45.349px;background-color:transparent;color:var(--color-text);font-family:DM Sans,sans-serif;font-size:12.861px;font-weight:600;cursor:pointer;transition:all .2s ease}.download-button:hover{background-color:#ffffff1a}.download-button:active{transform:scale(.98)}.download-icon{width:21.767px;height:21.767px;flex-shrink:0}.download-text{text-align:center;white-space:nowrap}.result-page.closing{animation:slideDownClose .4s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}@keyframes slideDownClose{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:.8}}.result-page.closing .result-header-wrapper,.result-page.closing .result-image-container,.result-page.closing .download-section{animation:contentFadeDown .35s cubic-bezier(.4,0,.2,1) forwards}@keyframes contentFadeDown{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(50px) scale(.95);opacity:0}}@media(max-width:375px){.story-indicator-wrapper{height:5px}.download-button{padding:4px 12px;font-size:11px}.download-icon{width:18px;height:18px}}@media(max-width:320px){.result-page{--page-padding-x: 16px}.story-indicators{gap:4px}}.cookie-consent-container{position:fixed;left:20px;right:20px;bottom:20px;z-index:1000;background:#0d71eb;border-radius:10px;padding:15.35px;display:flex;flex-direction:column;gap:9px;animation:cookieSlideUp .3s ease-out}@keyframes cookieSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cookie-close-btn{position:absolute;top:7px;right:8.38px;width:15.322px;height:15.322px;background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.cookie-close-btn:hover{opacity:.8}.cookie-close-btn:disabled{cursor:not-allowed;opacity:.5}.close-icon{width:15px;height:15px}.cookie-content{display:flex;flex-direction:column;gap:9px}.cookie-heading{display:flex;align-items:center;gap:5px}.cookie-icon{width:21px;height:20.063px;flex-shrink:0}.cookie-heading-text{font-family:DM Sans,sans-serif;font-weight:600;font-size:14.633px;line-height:normal;color:#ececec;width:110px}.cookie-description{font-family:DM Sans,sans-serif;font-weight:400;font-size:12px;line-height:normal;color:#ececec;width:316px;max-width:100%;margin:0}.cookie-buttons{display:flex;gap:4.306px;height:33.036px;align-items:center}.cookie-btn{height:23.556px;width:155.672px;border-radius:17.716px;padding:8.858px 21.259px;font-family:DM Sans,sans-serif;font-size:10.582px;line-height:normal;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease;white-space:nowrap}.cookie-btn:active{opacity:.9}.cookie-btn:disabled{cursor:not-allowed;opacity:.7}.cookie-btn-reject{background:#ececec;border:.644px solid #2c2c2c;color:#2c2c2c;font-weight:500}.cookie-btn-reject:hover:not(:disabled){opacity:.9}.cookie-btn-accept{background:#2c2c2c;border:none;color:#ececec;font-weight:600}.cookie-btn-accept:hover:not(:disabled){opacity:.9}.cookie-privacy-link{font-family:DM Sans,sans-serif;font-weight:400;font-size:5.775px;color:#ececec;width:105px;text-decoration:none}.cookie-privacy-link-underline{font-family:DM Sans,sans-serif;font-weight:400;font-size:5.775px;color:#ececec;text-decoration:underline}.cookie-privacy-link-underline:hover{opacity:.8}@media(min-width:480px){.cookie-consent-container{max-width:350px;left:50%;transform:translate(-50%)}@keyframes cookieSlideUp{0%{opacity:0;transform:translate(-50%) translateY(30px)}to{opacity:1;transform:translate(-50%) translateY(0)}}}.queue-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:#d9d9d914;backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:28px 29px;animation:queueOverlayFadeIn .3s ease-out}@keyframes queueOverlayFadeIn{0%{opacity:0}to{opacity:1}}.queue-popup-modal{width:331px;min-height:323px;background:#efe8d5;border-radius:10px;display:flex;flex-direction:column;overflow:hidden;animation:queueModalSlideUp .3s ease-out}@keyframes queueModalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.queue-info-bar{width:100%;height:41px;background:#0d71eb;border-radius:10px 10px 0 0;display:flex;align-items:center;padding:5px 10px 5px 15px}.queue-info-content{display:flex;align-items:flex-start;gap:7px}.queue-info-icon{width:10px;height:10px;flex-shrink:0}.queue-info-text{font-family:DM Sans,sans-serif;font-weight:400;font-size:8.725px;line-height:normal;color:#ececec;width:276px;margin:0}.queue-content{display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center}.queue-details{width:276px;display:flex;flex-direction:column;gap:23px;padding:14px 0 20px}.queue-heading-body{display:flex;flex-direction:column;gap:5px;width:210px}.queue-heading{font-family:Gooper Trial SemiCondensed,DM Sans,sans-serif;font-weight:500;font-size:18.204px;line-height:normal;color:#2c2c2c;width:144px;margin:0}.queue-body-text{font-family:DM Sans,sans-serif;font-weight:400;font-size:8.725px;line-height:normal;color:#2c2c2c;width:210px;margin:0}.queue-estimate{display:flex;flex-direction:column;gap:23px;align-items:center;width:100%}.queue-timer{display:flex;flex-direction:column;gap:5px;align-items:center;width:131.034px}.queue-timer-label{font-family:DM Sans,sans-serif;font-weight:500;font-size:8.139px;line-height:normal;color:#2c2c2c;text-align:center;width:100%;margin:0}.queue-countdown{display:flex;align-items:center;height:62.897px;width:100%;position:relative}.queue-time-box{width:60.276px;height:62.897px;background:#ececec;border-radius:6.552px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:13.103px 10.483px}.queue-time-number{font-family:Gooper Trial SemiCondensed,DM Sans,sans-serif;font-weight:500;font-size:30.442px;line-height:normal;color:#2c2c2c}.queue-time-unit{font-family:DM Sans,sans-serif;font-weight:500;font-size:5px;line-height:normal;color:#2c2c2c}.queue-colon{display:flex;flex-direction:column;gap:6.55px;align-items:center;justify-content:center;width:10.483px;height:62.897px}.queue-colon-dot{width:2.621px;height:2.621px;background:#2c2c2c;border-radius:50%}.queue-progress-section{display:flex;flex-direction:column;gap:11px;align-items:center;width:100%}.queue-progress-container{position:relative;width:276px;height:23.193px}.queue-progress-track{position:absolute;left:0;top:11.6px;width:276px;height:6.958px;background:#2c2c2c;border-radius:23.193px}.queue-progress-fill{position:absolute;left:0;top:11.6px;height:6.958px;background:#f28f3b;border-radius:23.193px;transition:width .5s ease-out}.queue-seat-wrapper{position:absolute;top:0;transform:translate(-50%);width:21.824px;height:23.193px;transition:left .5s ease-out}.queue-cinema-seat{width:21.824px;height:23.193px}.queue-info-section{display:flex;flex-direction:column;gap:2.101px;align-items:center;width:125px}.queue-position-text{font-family:DM Sans,sans-serif;font-weight:500;font-size:6.525px;line-height:normal;color:#2c2c2c;text-align:center;width:100%;margin:0}.queue-updated-text{font-family:DM Sans,sans-serif;font-weight:400;font-size:5.89px;line-height:normal;color:#2c2c2c;width:100%;text-align:center;margin:0}@media(min-width:480px){.queue-popup-overlay{justify-content:center}}.warning-popup-container{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:350;width:calc(100% - 32px);max-width:360px;margin-bottom:16px;background-color:#ffe61b;border-radius:10px;padding:15.35px;display:flex;flex-direction:column;gap:9px;align-items:flex-start;justify-content:center;animation:warningSlideIn .3s ease-out forwards}@keyframes warningSlideIn{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.warning-popup-animating-out{animation:warningSlideOut .2s ease-in forwards}@keyframes warningSlideOut{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(100%);opacity:0}}.warning-close-btn{position:absolute;top:7px;right:8.38px;width:15.322px;height:15.322px;background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:opacity .15s;z-index:1}.warning-close-btn:hover{opacity:.7}.warning-close-btn:active{opacity:.5}.warning-close-icon{display:block;width:15.322px;height:15.322px}.warning-heading{display:flex;align-items:center;gap:5px;flex-shrink:0}.warning-icon{flex-shrink:0;width:21px;height:19.326px}.warning-heading-text{font-family:DM Sans,sans-serif;font-weight:600;font-size:15px;line-height:normal;color:#2c2c2c}.warning-description{font-family:DM Sans,sans-serif;font-weight:400;font-size:12px;line-height:normal;color:#2c2c2c;margin:0;max-width:316px;flex-shrink:0}.warning-button-container{display:flex;align-items:center;height:33.036px;width:100%;flex-shrink:0}.warning-btn-gotit{flex:1 0 0;height:23.556px;min-height:1px;min-width:1px;display:flex;align-items:center;justify-content:center;font-family:DM Sans,sans-serif;font-weight:600;font-size:10.582px;line-height:normal;color:#ececec;background-color:#2c2c2c;border:none;border-radius:17.716px;padding:8.858px 21.259px;cursor:pointer;transition:background-color .15s,transform .1s}.warning-btn-gotit:hover{background-color:#1a1a1a}.warning-btn-gotit:active{transform:scale(.97);background-color:#111}@supports (padding-bottom: env(safe-area-inset-bottom)){.warning-popup-container{margin-bottom:calc(16px + env(safe-area-inset-bottom,0px))}}.ban-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:400;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:22px 21px;background:#d9d9d914;backdrop-filter:blur(2.5px);-webkit-backdrop-filter:blur(2.5px);animation:banOverlayFadeIn .3s ease-out}@keyframes banOverlayFadeIn{0%{opacity:0}to{opacity:1}}.ban-popup-container{width:100%;max-width:360px;background-color:#ffe61b;border-radius:10px;padding:15.35px;display:flex;flex-direction:column;gap:9px;align-items:flex-start;justify-content:center;flex-shrink:0;animation:banSlideUp .3s ease-out}@keyframes banSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.ban-heading{display:flex;align-items:center;flex-shrink:0}.ban-heading-text{font-family:DM Sans,sans-serif;font-weight:600;font-size:15px;line-height:normal;color:#2c2c2c}.ban-description{font-family:DM Sans,sans-serif;font-weight:400;font-size:12px;line-height:normal;color:#2c2c2c;margin:0;max-width:316px;flex-shrink:0}.ban-description strong{font-weight:700}.ban-counter{display:inline-flex;align-items:center;gap:5.367px;background-color:#f28f3b;border-radius:10px;padding:3px 10px;flex-shrink:0}.ban-hourglass-icon{flex-shrink:0;width:6.959px;height:10.82px}.ban-counter-text{font-family:DM Sans,sans-serif;font-weight:400;font-size:9.833px;line-height:normal;color:#2c2c2c;margin:0;max-width:116px}.ban-counter-text strong{font-weight:700}@supports (padding-bottom: env(safe-area-inset-bottom)){.ban-popup-overlay{padding-bottom:calc(22px + env(safe-area-inset-bottom,0px))}}.perma-ban-page{width:100%;min-height:100vh;min-height:100dvh;background-color:var(--color-background, #FFF8E7);position:relative;display:flex;flex-direction:column;overflow:hidden}.perma-ban-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;width:312px;max-width:90%;margin:0 auto;padding-bottom:20px}.perma-ban-headline{display:flex;flex-direction:column;align-items:center;justify-content:center;width:303.602px;max-width:100%}.perma-ban-403{display:flex;align-items:center;justify-content:center;gap:11px;width:100%}.perma-ban-digit{font-family:var(--font-headline, "Gooper SemiCondensed", Georgia, serif);font-weight:700;font-size:clamp(100px,25vw,158.213px);line-height:normal;letter-spacing:.15em;color:var(--color-text, #2C2C2C);flex-shrink:0;-webkit-user-select:none;user-select:none}.perma-ban-wilson-container{width:clamp(80px,20vw,119.602px);height:auto;flex-shrink:0;display:flex;align-items:center;justify-content:center}.perma-ban-wilson{width:100%;height:auto;display:block}.perma-ban-subtitle{font-family:var(--font-body, "DM Sans", sans-serif);font-weight:600;font-size:clamp(13px,2.6vw,16.428px);line-height:normal;color:var(--color-text, #2C2C2C);text-align:center;width:100%;margin:0}.perma-ban-body{display:flex;flex-direction:column;gap:25px;align-items:flex-start;width:100%;text-align:center}.perma-ban-description{font-family:var(--font-body, "DM Sans", sans-serif);font-weight:400;font-size:clamp(11px,2vw,12.048px);line-height:1.5;color:var(--color-text, #2C2C2C);text-align:center;width:100%;margin:0}.perma-ban-description strong{font-weight:700}.perma-ban-error-code{font-family:var(--font-body, "DM Sans", sans-serif);font-weight:300;font-style:italic;font-size:clamp(11px,2vw,12.048px);line-height:normal;color:var(--color-text, #2C2C2C);text-align:center;width:100%;margin:0}.perma-ban-page *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.perma-ban-error-code{-webkit-user-select:text;-moz-user-select:text;user-select:text}@media(min-width:768px){.perma-ban-content{width:400px}.perma-ban-headline{width:380px}.perma-ban-digit{font-size:158.213px;letter-spacing:23.732px}.perma-ban-wilson-container{width:119.602px;height:120px}.perma-ban-subtitle{font-size:16.428px}.perma-ban-description,.perma-ban-error-code{font-size:12.048px}}@media(max-width:340px){.perma-ban-digit{font-size:80px;letter-spacing:8px}.perma-ban-wilson-container{width:70px}.perma-ban-403{gap:6px}}.not-found-page{width:100%;display:flex;flex-direction:column;background-color:var(--color-background, #FFF8E7);position:relative}.not-found-viewport{width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;flex-shrink:0}.not-found-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;width:312px;max-width:90%;margin:0 auto;padding-bottom:20px}.not-found-headline{display:flex;flex-direction:column;align-items:center;justify-content:center;width:303.602px;max-width:100%}.not-found-404{display:flex;align-items:center;justify-content:center;gap:11px;width:100%}.not-found-digit{font-family:var(--font-headline, "Gooper SemiCondensed", Georgia, serif);font-weight:700;font-size:clamp(100px,25vw,158.213px);line-height:normal;letter-spacing:.15em;color:var(--color-text, #2C2C2C);flex-shrink:0;-webkit-user-select:none;user-select:none}.not-found-wilson-container{width:clamp(80px,20vw,119.602px);height:auto;flex-shrink:0;display:flex;align-items:center;justify-content:center}.not-found-wilson{width:100%;height:auto;display:block}.not-found-subtitle{font-family:var(--font-body, "DM Sans", sans-serif);font-weight:600;font-size:clamp(13px,2.6vw,16.428px);line-height:normal;color:var(--color-text, #2C2C2C);text-align:center;width:100%;margin:0}.not-found-body{display:flex;flex-direction:column;gap:25px;align-items:center;width:100%;text-align:center}.not-found-description{font-family:var(--font-body, "DM Sans", sans-serif);font-weight:400;font-size:clamp(11px,2vw,12.048px);line-height:1.5;color:var(--color-text, #2C2C2C);text-align:center;width:100%;margin:0}.not-found-sail-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:#f28f3b;color:#2c2c2c;border:none;border-radius:17.7px;padding:10px 24px;cursor:pointer;font-family:var(--font-body, "DM Sans", sans-serif);font-weight:600;font-size:clamp(10px,1.8vw,10.646px);line-height:normal;letter-spacing:.02em;transition:background-color .2s ease,transform .15s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.not-found-sail-btn:hover{background-color:#e07d2f}.not-found-sail-btn:active{transform:scale(.97);background-color:#d0721f}.not-found-sampan-icon{width:18px;height:12px;flex-shrink:0}@media(min-width:768px){.not-found-content{width:400px}.not-found-headline{width:380px}.not-found-digit{font-size:158.213px;letter-spacing:23.732px}.not-found-wilson-container{width:119.602px;height:120px}.not-found-subtitle{font-size:16.428px}.not-found-description{font-size:12.048px}.not-found-sail-btn{font-size:10.646px}}@media(max-width:340px){.not-found-digit{font-size:80px;letter-spacing:8px}.not-found-wilson-container{width:70px}.not-found-404{gap:6px}.not-found-sail-btn{padding:8px 18px}}.desktop-blocker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;background-color:var(--color-bg, #FFF8E7);display:flex;flex-direction:column;align-items:center;overflow-y:auto;overflow-x:hidden;gap:0}.db-main{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;flex-shrink:0;padding:40px 0;box-sizing:border-box}.db-logo{width:107px;height:auto;object-fit:contain;flex-shrink:0;margin-bottom:55px}.db-visual{position:relative;width:100%;height:484px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;margin-bottom:55px}.db-frame-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;aspect-ratio:205 / 327;z-index:10;pointer-events:none}.db-frame-overlay{width:100%;height:100%;display:block}.db-frame-light{fill:var(--light-bright, #EAC435);animation:db-cinema-glow 10s ease-in-out infinite}@keyframes db-cinema-glow{0%,55%{fill:var(--light-bright, #EAC435)}70%{fill:var(--light-dim, #B5982A)}75%{fill:var(--light-dim, #B5982A)}82%{fill:var(--light-flash, #FFE566)}95%,to{fill:var(--light-bright, #EAC435)}}.db-carousel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:88%;z-index:1;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}.db-carousel::-webkit-scrollbar{display:none}.db-track{display:flex;align-items:center;height:100%;width:max-content;gap:30px}.db-poster-item{flex-shrink:0;height:100%;aspect-ratio:2 / 3;border-radius:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.db-poster-hidden{visibility:hidden}.db-poster-image,.db-poster-placeholder{height:100%;width:100%;object-fit:cover}.db-poster-placeholder{background:linear-gradient(135deg,#e8dcc8,#d4c4a8);display:flex;align-items:center;justify-content:center;font-size:2rem}.db-poster-skeleton{height:100%;width:100%;background:linear-gradient(135deg,#e8dcc8,#d4c4a8);position:relative;overflow:hidden}.db-skeleton-shimmer{width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:db-shimmer 1.5s infinite}@keyframes db-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.db-text{text-align:center;max-width:642px;padding:0 24px;flex-shrink:0;margin-bottom:15px}.db-headline{font-family:Gooper SemiCondensed,serif;font-size:37.83px;font-weight:600;color:#000;margin-bottom:12px}.db-body{font-family:DM Sans,sans-serif;font-size:25.63px;color:#000;line-height:1.35}.db-qr{width:192px;height:192px;object-fit:contain;flex-shrink:0}.db-footer{display:flex;flex-direction:column;align-items:center;width:100%;flex-shrink:0;padding:50px 0 60px;box-sizing:border-box}.db-footer-donation{display:flex;align-items:center;justify-content:center;gap:21.726px;width:488px;max-width:90%;height:90.247px;padding:23.397px 21.726px 23.397px 31.753px;background-color:#be1e2d;border-radius:50.137px;border:none;cursor:pointer;text-decoration:none;transition:opacity .2s ease,transform .1s ease;margin-bottom:60px;box-sizing:border-box}.db-footer-donation:hover{opacity:.9}.db-footer-donation:active{transform:scale(.98)}.db-footer-trakteer-icon{width:27.976px;height:45.123px;flex-shrink:0}.db-footer-donation-text{font-family:DM Sans,sans-serif;font-weight:700;font-size:23.802px;line-height:normal;color:#fff;white-space:nowrap}.db-footer-discord{display:flex;flex-direction:column;align-items:center;gap:15px;cursor:pointer;text-decoration:none;color:inherit;transition:opacity .2s ease;margin-bottom:75px}.db-footer-discord:hover{opacity:.8}.db-footer-discord-text{font-family:DM Sans,sans-serif;font-weight:500;font-size:23.557px;line-height:normal;color:#000;text-align:center;width:246px;margin:0}.db-footer-discord-bold{font-weight:700}.db-footer-discord-icon{width:42.402px;height:32.142px;flex-shrink:0}.db-footer-silhouette{width:100%;overflow:hidden;margin-bottom:55px}.db-footer-silhouette svg{width:100%;height:auto;display:block}.db-footer-copyright{display:flex;flex-direction:column;align-items:center;gap:4px;max-width:766px;width:90%;text-align:center}.db-footer-copyright-main{font-family:DM Sans,sans-serif;font-weight:700;font-size:20.378px;line-height:normal;color:#000;margin:0;width:100%}.db-footer-copyright-sub{font-family:DM Sans,sans-serif;font-weight:400;font-size:14.012px;line-height:normal;color:#2c2c2c;width:100%}.db-footer-copyright-sub p{margin:0}@media(max-width:1024px)and (min-width:768px){.db-visual{height:380px;margin-bottom:40px}.db-headline{font-size:30px}.db-body{font-size:20px}.db-qr{width:160px;height:160px}.db-logo{width:85px;margin-bottom:36px}.db-text{margin-bottom:12px}.db-track{gap:22px}.db-footer{padding:40px 0 50px}.db-footer-donation{width:380px;height:72px;border-radius:40px;gap:16px;padding:18px 18px 18px 24px;margin-bottom:45px}.db-footer-trakteer-icon{width:22px;height:36px}.db-footer-donation-text{font-size:19px}.db-footer-discord{margin-bottom:55px}.db-footer-discord-text{font-size:19px;width:210px}.db-footer-discord-icon{width:34px;height:26px}.db-footer-silhouette{margin-bottom:40px}.db-footer-copyright-main{font-size:16px}.db-footer-copyright-sub{font-size:11px}}@media(min-height:1000px){.db-visual{height:520px}}@media(max-height:799px){.db-logo{width:70px;margin-bottom:24px}.db-visual{height:300px;margin-bottom:24px}.db-headline{font-size:28px;margin-bottom:8px}.db-body{font-size:18px}.db-qr{width:140px;height:140px}.db-text{margin-bottom:10px}.db-footer{padding:30px 0 40px}.db-footer-donation{width:360px;height:65px;border-radius:36px;gap:14px;padding:16px 16px 16px 22px;margin-bottom:35px}.db-footer-trakteer-icon{width:20px;height:32px}.db-footer-donation-text{font-size:17px}.db-footer-discord{margin-bottom:50px}.db-footer-discord-text{font-size:18px;width:200px}.db-footer-discord-icon{width:32px;height:24px}.db-footer-silhouette{margin-bottom:35px}.db-footer-copyright-main{font-size:16px}.db-footer-copyright-sub{font-size:11px}}.generating-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff8e740;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;animation:overlayFadeIn .3s ease-out}.generating-spinner-wrapper{width:200px;height:224px;animation:generatingLogoSpin 12s linear infinite;will-change:transform;transform:translateZ(0)}.generating-logo{width:100%;height:100%;display:block}.star-1-filling{animation:starFill1 1.5s ease-out forwards}.star-2-filling{animation:starFill2 1.5s ease-out forwards}.star-3-filling{animation:starFill3 1.5s ease-out forwards}@keyframes starFill1{0%{y:125px;height:0px}to{y:95px;height:30px}}@keyframes starFill2{0%{y:92px;height:0px}to{y:62px;height:30px}}@keyframes starFill3{0%{y:123px;height:0px}to{y:93px;height:30px}}@keyframes generatingLogoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:359px){.generating-spinner-wrapper{width:160px;height:179px}}.slideup-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1100;background:#0000;transition:background .25s ease;pointer-events:none}.slideup-backdrop-visible{background:#00000040;pointer-events:auto}.slideup-panel{position:fixed;left:0;right:0;bottom:0;z-index:1101;background-color:#fcfcfc;border-radius:30px 30px 0 0;box-shadow:0 3px 9.4px #00000040;display:flex;flex-direction:column;align-items:center;overflow:hidden;transform:translateY(100%);opacity:0;transition:transform .25s ease-out,opacity .15s ease-out,height .2s ease-out}.slideup-panel-open{transform:translateY(0);opacity:1}.slideup-panel-closing{transform:translateY(100%);opacity:0;transition:transform .25s ease-in,opacity .2s ease-in}.slideup-panel-dragging{transition:none!important}.slideup-drag-handle-wrapper{width:100%;display:flex;justify-content:center;padding:9px 0 5px;flex-shrink:0;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.slideup-drag-handle-wrapper:active{cursor:grabbing}.slideup-drag-handle{width:61px;height:3px;background-color:#a9a9a9;border-radius:18.3px}.slideup-drag-handle-wrapper:hover .slideup-drag-handle{background-color:#888}.slideup-content{width:100%;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:8px 28px 32px;padding-bottom:calc(32px + env(safe-area-inset-bottom,0px));box-sizing:border-box}.slideup-title{font-family:var(--font-headline, "Gooper SemiCondensed", serif);font-size:20px;font-weight:700;line-height:1.3;color:var(--color-text, #2C2C2C);margin:0 0 16px}.slideup-body{font-family:var(--font-body, "DM Sans", sans-serif);font-size:14px;font-weight:400;line-height:1.65;color:#3a3a3a}.slideup-paragraph{margin:0 0 12px}.slideup-paragraph:last-child{margin-bottom:0}.slideup-paragraph strong{font-weight:600;color:var(--color-text, #2C2C2C)}.slideup-hr{border:none;border-top:1px solid #e0e0e0;margin:16px 0}.slideup-link{color:#b33a2a;text-decoration:underline;text-underline-offset:2px;font-weight:500;transition:color .15s ease}.slideup-link:hover{color:#8a2a1e}.slideup-inline-img{display:inline-block;height:1.3em;width:auto;vertical-align:middle;margin:0 2px}.slideup-callout{display:flex;gap:10px;padding:12px 14px;border-radius:10px;margin:12px 0;font-family:var(--font-body, "DM Sans", sans-serif);font-size:13px;line-height:1.6}.slideup-callout-icon{flex-shrink:0;font-size:16px;line-height:1.5}.slideup-callout-body{flex:1;min-width:0;color:inherit}.slideup-callout-body strong{font-weight:600}.slideup-callout-tip{background-color:#fff7e6;border:1px solid #f5d89a;color:#6b4f1a}.slideup-callout-note{background-color:#eef4ff;border:1px solid #b8d4f8;color:#1a3a6b}.slideup-callout-warn{background-color:#fff0ef;border:1px solid #f5b3ae;color:#6b1f1a}.slideup-category-item{display:flex;align-items:flex-start;gap:12px;margin:10px 0}.slideup-category-icon{width:36px;height:36px;flex-shrink:0;object-fit:contain}.slideup-category-label{flex:1;min-width:0}.slideup-empty{font-family:var(--font-body, "DM Sans", sans-serif);font-size:14px;color:#999;text-align:center;padding:40px 0}@media(max-width:420px){.slideup-content{padding:8px 22px 28px}.slideup-title{font-size:18px}.slideup-body{font-size:13px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.slideup-content{padding-bottom:calc(32px + env(safe-area-inset-bottom))}}:root{--color-background: #FFF8E7;--color-primary: #F28F3B;--color-primary-hover: #E07F2B;--color-text: #2C2C2C;--color-text-light: #666666;--color-white: #FFFFFF;--color-error: #CC0000;--color-success: #48BB78;--font-headline: "Gooper SemiCondensed", Georgia, serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 30px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-body);font-size:16px;line-height:1.5;color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column;position:relative}.welcome-transition-wrapper{position:relative;z-index:1}.welcome-transition-wrapper.fade-in-behind{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;animation:welcomeFadeIn .4s ease-out forwards}@keyframes welcomeFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.page{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg)}.page-content{width:100%;max-width:400px}.page-content.wide{max-width:800px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;font-family:var(--font-body);font-size:16px;font-weight:700;color:var(--color-text);background-color:var(--color-primary);border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color .2s,transform .1s;width:100%;max-width:346px}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--color-text);background-color:transparent;border:2px solid var(--color-text);border-radius:var(--radius-full);cursor:pointer;transition:all .2s}.btn-secondary:hover{background-color:var(--color-text);color:var(--color-white)}.btn-back{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) 0;font-size:14px;color:var(--color-text-light);background:none;border:none;cursor:pointer;margin-bottom:var(--spacing-md)}.btn-back:hover{color:var(--color-text)}.btn-generate{margin-top:var(--spacing-lg)}input[type=text]{width:100%;padding:14px 16px;font-family:var(--font-body);font-size:16px;color:var(--color-text);background-color:var(--color-white);border:2px solid #E0E0E0;border-radius:var(--radius-sm);outline:none;transition:border-color .2s}input[type=text]:focus{border-color:var(--color-primary)}input[type=text]::placeholder{color:#999}form{display:flex;flex-direction:column;gap:var(--spacing-md)}.error-message{padding:var(--spacing-sm) var(--spacing-md);background-color:#ffe4e4;border:1px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);font-size:14px}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-top:var(--spacing-lg)}.selected-films-container{background-color:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.selected-films-container h3{font-size:14px;font-weight:600;margin-bottom:var(--spacing-sm)}.selected-films-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.selected-film-chip{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-background);border:1px solid #E0E0E0;border-radius:var(--radius-lg);font-size:13px;cursor:grab}.selected-film-chip:active{cursor:grabbing}.chip-rank{font-weight:700;color:var(--color-primary)}.chip-title{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip-remove{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;font-size:16px;color:var(--color-error);background:none;border:none;cursor:pointer}.chip-remove:hover{opacity:.7}.empty-text{color:var(--color-text-light);font-size:14px}.story-toggle{display:flex;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-lg)}.story-toggle button{padding:var(--spacing-sm) var(--spacing-lg);font-size:14px;font-weight:600;background:var(--color-white);border:2px solid #E0E0E0;border-radius:var(--radius-full);cursor:pointer;transition:all .2s}.story-toggle button.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text)}.image-preview{text-align:center;margin-bottom:var(--spacing-lg)}.image-preview img{max-width:100%;max-height:500px;border-radius:var(--radius-md);box-shadow:0 4px 20px #00000026}.personality-box{background:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);text-align:center}.personality-box h3{font-family:var(--font-headline);font-size:20px;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.personality-box p{font-size:14px;color:var(--color-text-light)}.feedback-box{text-align:center;margin-bottom:var(--spacing-lg)}.feedback-box p{margin-bottom:var(--spacing-sm);color:var(--color-text-light)}.feedback-buttons{display:flex;gap:var(--spacing-sm);justify-content:center}.feedback-buttons button{padding:var(--spacing-sm) var(--spacing-md);font-size:14px;background:var(--color-white);border:1px solid #E0E0E0;border-radius:var(--radius-sm);cursor:pointer}.feedback-buttons button:hover{border-color:var(--color-primary)}.feedback-thanks{text-align:center;color:var(--color-success);font-weight:600;margin-bottom:var(--spacing-lg)}.action-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff8e7f2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.loading-spinner{width:48px;height:48px;border:4px solid #E0E0E0;border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay p{color:var(--color-text);font-weight:600}@media(max-width:480px){.category-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-buttons button{width:100%}}