:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:light;background-color:#dff2d2;color:#1f2933;font-family:Bitcount Single,monospace}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}.app{width:100%;min-height:100vh;border-radius:0;background:#dff2d2;box-shadow:none;display:flex;flex-direction:column}.app__header h1{margin:.5rem;font-size:clamp(1.75rem,3vw,2.25rem)}.app__header p{margin:.5rem;color:#4b5d4b}.app__content{margin-top:1.75rem;font-size:.95rem;color:#1f2933;flex:1;display:grid;place-items:center;margin:.5rem}.landing-page{padding:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.landing-page__content{width:100%;display:grid;grid-template-columns:1fr 1fr;min-height:100vh;position:relative}.landing-page__left{display:flex;flex-direction:column;align-items:flex-start;gap:2rem;padding:2rem;background-image:url(/assets/pinkgingham-DlgAPMfc.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat}.site-header{width:100%;display:flex;justify-content:center;align-items:center;padding:.5rem 0;z-index:1;background-color:#f5f5dcf2;border-bottom:2px dashed #8b4513}.site-header__wrapper{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:2rem;padding:.5em 2em;box-sizing:border-box}.site-header__name{font-family:"Rock 3D",cursive;font-size:clamp(1.5rem,3vw,2rem);font-weight:400;margin:0;color:#1f2933;text-shadow:2px 2px 4px rgba(255,255,255,.8);white-space:nowrap}.site-header__nav{display:flex;gap:.75rem;align-items:center}.site-header__tab{background:none;border:2px dashed #8b4513;border-radius:8px;padding:.4em 1.2em;font-family:Bitcount Single,monospace;font-size:clamp(.9rem,1.5vw,1.1rem);font-weight:300;color:#1f2933;cursor:pointer;transition:all .2s ease;background-color:transparent;white-space:nowrap}.site-header__tab:hover{background-color:#8b45131a;border-color:#654321}.site-header__tab--active{background-color:#8b451333;border-color:#654321;font-weight:700}.landing-page__image{max-width:100%;height:auto;border-radius:1rem;box-shadow:0 4px 12px #0003;max-height:60vh;object-fit:contain}.landing-page__right{display:flex;align-items:center;justify-content:center;padding:2rem;background-image:url(/assets/dreamy-oKSF4gH3.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat}.landing-page__button{font-size:1.25rem;padding:1rem 2rem}.landing-page__iframe-wrapper{width:calc(100% - 4rem);max-width:100%;padding:1rem;border:2px dashed #d4a574;border-radius:15px;background-color:#e2f5d6f2;box-shadow:0 0 0 4px #e2f5d6f2,2px 2px 4px 2px #00000080;margin:2rem;box-sizing:border-box}@media(max-width:768px){.landing-page__iframe-wrapper{width:calc(100% - 2rem);margin:1rem}}.landing-page__iframe-wrapper iframe{border-radius:12px;width:100%}@media(max-width:768px){.landing-page__content{grid-template-columns:1fr}.site-header__wrapper{flex-direction:column;gap:.75rem;padding:.5em 1em}.site-header__name{font-size:clamp(1.25rem,4vw,1.75rem)}.site-header__nav{width:100%;justify-content:center}.site-header__tab{flex:1;min-width:0}.landing-page__left{padding-top:8rem}.landing-page__right{padding-top:2rem}.landing-page__left{align-items:center;text-align:center;min-height:50vh}.landing-page__right{min-height:50vh}.landing-page__name{text-align:center}.landing-page__image{max-height:40vh}}.landing{display:grid;justify-items:center;align-items:center;min-height:50vh}.start{display:grid;justify-items:center}.start__options{width:min(520px,calc(100vw - 2rem));display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;padding:1rem}.start__option{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(148,191,128,.85);background:#e2f5d6f2;color:#234434;border-radius:.9rem;cursor:pointer;font-weight:600}.start__option:hover{border-color:#1b2517}.start__option:active{transform:translateY(1px)}.camera{display:grid;gap:.75rem;align-items:center;justify-items:center}.camera__frame{width:min(520px,calc(100vw - 2rem));aspect-ratio:3 / 2;border-radius:1rem;overflow:hidden;position:relative;background:transparent;border:none;box-shadow:none}.camera__video{width:100%;height:100%;object-fit:cover;display:block;transform:scaleX(-1)}.camera__countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:5rem;font-weight:800;color:#234434;text-shadow:0 10px 40px rgba(148,163,184,.7);background:#f4f8f28c;opacity:0;pointer-events:none;transition:opacity .12s ease}.camera__countdown[data-visible=true]{opacity:1}.camera__message{min-height:1.25rem;color:#b91c1c;text-align:center}.camera__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(124,187,96,.9);background:linear-gradient(135deg,#e2f5d6,#c4e9aa);color:#234434;padding:.55rem .9rem;border-radius:.75rem;cursor:pointer}.camera__button:hover{border-color:#5fa83a}.camera__button:active{transform:translateY(1px)}.camera__button:disabled{opacity:.55;cursor:not-allowed}.camera__meta{color:#4b5d4b;font-weight:500;margin-left:.4rem}.results-layout{display:flex;flex-direction:column;gap:1.5rem;align-items:center;flex:1;width:100%;max-width:100%}@media(min-width:768px){.results-layout{flex-direction:row;align-items:flex-start;justify-content:center;gap:2rem;max-width:1200px;margin:0 auto}}.options-sidebar{width:100%;max-width:100%;order:2;background:#e2f5d699;border:1px solid rgba(148,191,128,.7);border-radius:1.25rem;padding:1rem}@media(min-width:768px){.options-sidebar{width:auto;min-width:250px;max-width:300px;order:0;margin-left:0}}.tabs,.tab-content{width:100%}.tab-content h2{font-size:1.1rem;margin-bottom:.75rem;text-align:center;color:#234434}@media(min-width:768px){.tab-content h2{text-align:left}}.sticker-sidebar{width:150px;flex-shrink:0;background:#e2f5d699;border:1px solid rgba(148,191,128,.7);border-radius:1.25rem;padding:1rem;display:flex;flex-direction:column;align-items:center}.sticker-options h2{margin-top:0;margin-bottom:.75rem;font-size:1.1rem;color:#234434}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(30px,1fr));gap:.5rem;justify-items:center}@media(min-width:768px){.sticker-grid{justify-items:start;grid-template-columns:repeat(auto-fill,minmax(24px,1fr));gap:.375rem}}.sticker-item{width:50px;height:50px;object-fit:contain;cursor:grab}@media(min-width:768px){.sticker-item{width:24px;height:24px}}.dropped-sticker{position:absolute;width:70px;height:auto;object-fit:contain;pointer-events:none}.stripView{display:grid;place-items:center;width:auto;margin-top:0;flex-shrink:0;order:1}@media(min-width:768px){.stripView{order:0;margin-right:0}}.stripView_3_strip,.stripView_4_strip{width:200px;height:600px;overflow:hidden;display:flex;flex-direction:column;align-items:center;background-image:var(--strip-bg-image);background-color:var(--strip-bg-color, rgba(226, 245, 214, .6));background-size:cover;background-position:center;border:1px solid rgba(148,191,128,.7);position:relative}.stripView_3_strip{gap:.5rem;padding:.5rem}.stripView_3_strip .stripView__img{width:180px;height:120px;object-fit:cover;aspect-ratio:3 / 2;border-radius:0rem;border:1px solid rgba(148,191,128,.7);flex-shrink:0;margin-top:20px}.stripView_4_strip{gap:.3rem;padding:.5rem}.stripView_4_strip .stripView__img{width:180px;height:120px;object-fit:cover;aspect-ratio:3 / 2;border-radius:0rem;border:1px solid rgba(148,191,128,.7);flex-shrink:0}.results__actions{margin-top:1rem;display:flex;flex-direction:column;justify-content:center;gap:.75rem;width:100%}.results__actions dashed_button{width:100%;text-align:center}@media(min-width:768px){.results__actions{flex-direction:row;width:auto}.results__actions dashed_button{width:auto;padding:.33em 1em;font-size:.7rem;border-width:1px;border-radius:8px;box-shadow:0 0 0 2px #e2f5d6f2,1px 1px 2px 1px #00000080}}.color-options{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;justify-content:center}@media(min-width:768px){.color-options{justify-content:flex-start}}.color-option{width:2rem;height:2rem;border-radius:50%;border:2px solid rgba(0,0,0,.2);cursor:pointer;transition:transform .1s ease}.color-option:hover{transform:scale(1.1)}.image-background-options{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;justify-content:center}@media(min-width:768px){.image-background-options{justify-content:flex-start}}.image-background-option{width:2rem;height:2rem;border-radius:50%;border:2px solid rgba(0,0,0,.2);background-size:cover;background-position:center;cursor:pointer;transition:transform .1s ease}.image-background-option:hover{transform:scale(1.1)}@media(min-width:768px){.image-background-option{justify-content:flex-start}}.camera__secondary{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(148,163,184,.6);background:#f4f8f2e6;color:#4b5d4b;padding:.45rem .75rem;border-radius:.75rem;cursor:pointer}.camera__secondary:hover{border-color:#6e8a5fe6}.app__content code{padding:.15rem .4rem;border-radius:.4rem;background:#e2f5d6e6;border:1px solid rgba(148,191,128,.7);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}dashed_button{outline:none;color:#7da889;padding:1em 3em;border:2px dashed rgba(148,191,128,.85);border-radius:15px;background-color:#e2f5d6f2;box-shadow:0 0 0 4px #e2f5d6f2,2px 2px 4px 2px #00000080;transition:.1s ease-in-out,.4s color}dashed_button:active{transform:translate(.1em) translateY(.1em);box-shadow:0 0 0 4px #e2f5d6f2,1.5px 1.5px 2.5px 1.5px #00000080}dashed_button:hover{transform:translate(.1em) translateY(.1em);box-shadow:0 0 0 4px #e2f5d6f2,1.5px 1.5px 2.5px 1.5px #5e6e6780}.gr_custom_container_1769794605{border:4px solid gray;border-radius:10px;padding:10px 5px;background-color:#f5f5dcf2;color:#000;width:100%;max-width:500px;margin-top:2rem}.gr_custom_header_1769794605{border-bottom:1px solid gray;width:100%;margin-bottom:5px;text-align:center;font-size:150%}.gr_custom_each_container_1769794605{width:100%;clear:both;margin-bottom:10px;overflow:auto;padding-bottom:4px;border-bottom:1px solid #aaa}.gr_custom_book_container_1769794605{overflow:hidden;height:60px;float:left;margin-right:4px;width:39px}.gr_custom_author_1769794605{font-size:10px}.gr_custom_tags_1769794605{font-size:10px;color:gray}.gr_custom_rating_1769794605{float:right}.card{overflow:visible;width:188px;height:282px}.content{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .3s}.front,.back{background-color:#151515;position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:5px;overflow:hidden}.back{width:100%;height:100%;justify-content:center;display:flex;align-items:center;overflow:hidden}.back:before{position:absolute;content:" ";display:block;width:160px;height:160%;background:linear-gradient(90deg,transparent,#ff9966,#ff9966,#ff9966,#ff9966,transparent);animation:rotation_481 5s infinite linear}.back-content{position:absolute;width:99%;height:99%;background-color:#151515;border-radius:5px;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.card[data-flipped=true] .content{transform:rotateY(180deg)}@keyframes rotation_481{0%{transform:rotate(0)}0%{transform:rotate(360deg)}}.front{transform:rotateY(180deg);color:#fff;position:relative}@keyframes blurIn{0%{filter:blur(0px)}to{filter:blur(8px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.front .front-content{position:absolute;width:100%;height:100%;padding:10px;display:flex;flex-direction:column;justify-content:space-between}.front-content .badge{background-color:#0005;padding:2px 10px;border-radius:10px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);width:fit-content}.description{box-shadow:0 0 10px 5px #0008;width:100%;padding:10px;background-color:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:5px}.title{font-size:11px;max-width:100%;display:flex;justify-content:space-between}.title p{width:50%}.card-footer{color:#fff8;margin-top:5px;font-size:8px}.front .img,.back .img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.circle{width:90px;height:90px;border-radius:50%;background-color:#fb6;position:relative;filter:blur(15px);animation:floating 2.6s infinite linear}#bottom{background-color:#f86;left:50px;top:0;width:150px;height:150px;animation-delay:-.8s}#right{background-color:#f23;left:160px;top:-80px;width:30px;height:30px;animation-delay:-1.8s}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}