: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(138,252,85,.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)}}.blog-fullscreen{width:100vw;height:100vh;overflow:hidden;position:relative;background-color:#e2f5d6e6}.blog-page-root{position:relative;min-height:100vh}.blog-page-root>.site-header{position:absolute;top:0;left:0;width:100%;z-index:10}.blog-book-area{position:absolute;left:0;right:0;bottom:0;display:grid;place-items:center}.blog-css-book{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;width:100%;height:100%;min-height:0;padding:.5rem;box-sizing:border-box}.blog-css-book__hint{margin:0;font-family:Bitcount Single,monospace;font-size:clamp(.75rem,1.5vw,.95rem);color:#4b5d4b;text-align:center}.blog-css-book input[type=checkbox]{display:none}.blog-css-book .book{position:relative;--book-page-w: min(44vw, 420px);--book-spread-h: min( calc(100vh - 140px) , 640px);width:calc(var(--book-page-w) * 2);height:var(--book-spread-h);margin:0 auto;perspective:1400px;transform-style:preserve-3d}.blog-css-spread{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr;gap:0;background:#e8e2d8;border-radius:4px;box-shadow:0 8px 32px #0000001f;transition:opacity .01s}.blog-css-spread__left{position:relative;z-index:0;overflow:hidden;border-right:1px solid rgba(80,60,40,.12);border-radius:4px 0 0 4px;background:linear-gradient(to right,#e9e4dd,#faf6f0)}.blog-css-spread__left--backable{perspective:1200px;transform-style:preserve-3d;cursor:pointer}.blog-css-spread__left-sheet{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform-origin:right center;transition:transform .85s cubic-bezier(.4,0,.2,1)}.blog-css-book .spread--1 .blog-css-spread__left-sheet,.blog-css-book .spread--2 .blog-css-spread__left-sheet,.blog-css-book .spread--3 .blog-css-spread__left-sheet,.blog-css-book .spread--4 .blog-css-spread__left-sheet,.blog-css-book .spread--5 .blog-css-spread__left-sheet,.blog-css-book .spread--6 .blog-css-spread__left-sheet{transform:rotateY(180deg)}.blog-css-book #flip-spread-0:checked~.spread--1 .blog-css-spread__left-sheet,.blog-css-book #flip-spread-1:checked~.spread--2 .blog-css-spread__left-sheet,.blog-css-book #flip-spread-2:checked~.spread--3 .blog-css-spread__left-sheet,.blog-css-book #flip-spread-3:checked~.spread--4 .blog-css-spread__left-sheet,.blog-css-book #flip-spread-4:checked~.spread--5 .blog-css-spread__left-sheet,.blog-css-book #flip-spread-5:checked~.spread--6 .blog-css-spread__left-sheet{transform:rotateY(0)}.blog-css-spread__face--left.blog-css-spread__face--front{background:linear-gradient(to right,#e9e4dd,#faf6f0);box-shadow:inset 0 -1px 2px #32323214,inset 1px 0 1px #96969626}.blog-css-spread__face--left-back{transform:rotateY(180deg);background:linear-gradient(to right,#ddd8d0,#f0ebe4);box-shadow:inset 0 -1px 2px #3232320f}.blog-css-spread__right{position:relative;border-radius:0 4px 4px 0;perspective:1200px;transform-style:preserve-3d;cursor:pointer}.blog-css-spread__sheet{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform-origin:left center;transition:transform .85s cubic-bezier(.4,0,.2,1)}.blog-css-spread__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-sizing:border-box}.blog-css-spread__face--front{background:linear-gradient(to right,#f2ede6,#fffbf6);box-shadow:inset 0 -1px 2px #32323214,inset -1px 0 1px #96969626}.blog-css-spread__face--back{transform:rotateY(180deg);background:linear-gradient(to left,#ddd8d0,#f0ebe4);box-shadow:inset 0 -1px 2px #3232320f}.blog-css-book #flip-spread-0:checked~.spread--0 .blog-css-spread__sheet,.blog-css-book #flip-spread-1:checked~.spread--1 .blog-css-spread__sheet,.blog-css-book #flip-spread-2:checked~.spread--2 .blog-css-spread__sheet,.blog-css-book #flip-spread-3:checked~.spread--3 .blog-css-spread__sheet,.blog-css-book #flip-spread-4:checked~.spread--4 .blog-css-spread__sheet,.blog-css-book #flip-spread-5:checked~.spread--5 .blog-css-spread__sheet,.blog-css-book #flip-spread-6:checked~.spread--6 .blog-css-spread__sheet{transform:rotateY(-180deg)}.blog-css-book #flip-spread-0:checked~.spread--0:not(.blog-css-spread--last),.blog-css-book #flip-spread-1:checked~.spread--1:not(.blog-css-spread--last),.blog-css-book #flip-spread-2:checked~.spread--2:not(.blog-css-spread--last),.blog-css-book #flip-spread-3:checked~.spread--3:not(.blog-css-spread--last),.blog-css-book #flip-spread-4:checked~.spread--4:not(.blog-css-spread--last),.blog-css-book #flip-spread-5:checked~.spread--5:not(.blog-css-spread--last),.blog-css-book #flip-spread-6:checked~.spread--6:not(.blog-css-spread--last){opacity:0;pointer-events:none;transition:opacity .38s ease .42s}.blog-css-sheet__content{position:relative;box-sizing:border-box;height:100%;padding:clamp(.75rem,2vw,1.25rem);overflow-y:auto;font-family:"Noto Serif",serif;font-weight:200;font-size:clamp(.85rem,1.5vw,1.1rem);line-height:1.5;white-space:pre-wrap;color:#1f2933}.blog-css-sheet__cover{position:relative;box-sizing:border-box;height:100%;padding:0;overflow:hidden}.blog-css-book:has(#flip-spread-0:not(:checked)) .blog-css-spread:not(.spread--0){opacity:0;pointer-events:none}.blog-css-book:has(#flip-spread-0:not(:checked)) .spread--0{background:transparent!important;box-shadow:none!important}