@font-face{font-family:Fredoka;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/fredoka.woff2)format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:600 900;font-display:swap;src:url(/fonts/nunito.woff2)format("woff2")}*{box-sizing:border-box}:root{--bubblegum:#ff7bac;--peach-frost:#f4beae;--kerma:#fdf1ea;--grape-juice:#6d1f42;--butter-yellow:#efce7b;--lilacs:#d3b6d3;--reuna:#6d1f421f;--varjo:0 3px 0 #6d1f421a;--r-kortti:28px;--r-nappi:20px;--r-pilleri:999px;--font-otsikko:"Fredoka", system-ui, sans-serif;--font-leipa:"Nunito", system-ui, sans-serif}html,body{background:var(--bubblegum);color:var(--grape-juice);font-family:var(--font-leipa);-webkit-tap-highlight-color:transparent;margin:0;padding:0}button,input,textarea,select{color:inherit;font-family:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0}#app{flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:relative}.otsikko-rivi{flex-shrink:0;align-items:center;gap:11px;padding:22px 18px 0;display:flex}.otsikko-rivi h1{font-family:var(--font-otsikko);letter-spacing:-.4px;color:var(--grape-juice);flex-grow:1;margin:0;font-size:29px;font-weight:700}.ika-badge{background:var(--kerma);border-radius:var(--r-pilleri);font-family:var(--font-otsikko);color:var(--grape-juice);box-shadow:var(--varjo);white-space:nowrap;padding:9px 15px;font-size:15px;font-weight:600}.kirjaudu-ulos-nappi{color:var(--kerma);opacity:.8;white-space:nowrap;font-size:13px;font-weight:700;text-decoration:underline}.lomake-kirjaudu-ulos{color:var(--grape-juice);opacity:.6;text-align:center;margin:-4px auto 0;font-size:13px;font-weight:700;text-decoration:underline}.lomake-poista-tili{color:var(--grape-juice);opacity:.4;text-align:center;background:0 0;border:none;width:100%;padding:8px;font-size:11px;font-weight:600;text-decoration:underline}.lomake-poista-tili:hover,.lomake-poista-tili:active{opacity:.65}main{-webkit-overflow-scrolling:touch;flex-direction:column;flex-grow:1;gap:18px;min-width:0;min-height:0;padding:14px 18px 18px;display:flex;overflow-y:auto}.kortti{background:var(--peach-frost);border-radius:var(--r-kortti);flex-direction:column;flex-shrink:0;gap:12px;padding:14px;display:flex}.osio-otsikko{letter-spacing:1.1px;text-transform:uppercase;color:var(--grape-juice);opacity:.72;padding:2px 4px 0;font-size:13px;font-weight:900}.ruoka-ruudukko{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ruoka-nappi{background:var(--kerma);border:1.5px solid var(--reuna);border-radius:var(--r-nappi);min-height:60px;box-shadow:var(--varjo);text-align:left;flex-shrink:0;align-items:center;gap:9px;width:100%;padding:0 12px;display:flex}.ruoka-nappi.valittu{background:var(--butter-yellow);border:2.5px solid var(--grape-juice)}.ruoka-nappi .ruoka-nimi{font-family:var(--font-otsikko);color:var(--grape-juice);flex-grow:1;font-size:16px;font-weight:600;line-height:1.05}.hakukentta{background:var(--kerma);border-radius:var(--r-nappi);height:54px;box-shadow:var(--varjo);flex-shrink:0;align-items:center;gap:10px;padding:0 16px;display:flex}.hakukentta input{color:var(--grape-juice);background:0 0;border:none;outline:none;flex-grow:1;font-size:16px;font-weight:700}.hakukentta input::placeholder{color:var(--grape-juice);opacity:.6}.uusi-aine-rivi{background:var(--kerma);border-radius:var(--r-nappi);box-shadow:var(--varjo);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;font-size:15px;font-weight:700;display:flex}.kategoria-rivi{background:var(--kerma);border-radius:var(--r-nappi);height:58px;box-shadow:var(--varjo);text-align:left;flex-shrink:0;align-items:center;gap:10px;width:100%;padding:0 14px;display:flex}.kategoria-rivi .nimi{font-family:var(--font-otsikko);color:var(--grape-juice);flex-grow:1;font-size:17px;font-weight:600}.kategoria-rivi .maara{color:var(--grape-juice);opacity:.55;font-size:14px;font-weight:800}.kategoria-rivi .chevron{transition:transform .15s;display:flex}.kategoria-rivi[aria-expanded=true] .chevron{transform:rotate(180deg)}.kategoria-sisalto{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:9px;display:grid}.aine-kortti{background:var(--kerma);border-radius:var(--r-nappi);min-height:74px;box-shadow:var(--varjo);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;padding:8px 4px;display:flex;position:relative}.aine-kortti.nukkuu{opacity:.55}.aine-kortti .laskuri{background:var(--butter-yellow);border-radius:var(--r-pilleri);min-width:24px;height:24px;color:var(--grape-juice);justify-content:center;align-items:center;padding:0 4px;font-size:12px;font-weight:900;display:flex;position:absolute;top:6px;right:6px}.aine-kortti .nimi{font-family:var(--font-otsikko);color:var(--grape-juice);font-size:14px;font-weight:600}.aine-kortti.nukkuu .nimi{font-weight:500}.maara-palkki{background:var(--kerma);border-radius:30px;flex-direction:column;flex-shrink:0;gap:13px;padding:16px;display:flex}.maara-palkki-otsikko{align-items:center;gap:10px;padding:0 4px;display:flex}.maara-palkki-otsikko .maara-palkki-nimi{font-family:var(--font-otsikko);flex-grow:1;font-size:18px;font-weight:600}.maara-palkki-otsikko .maara-palkki-maara{opacity:.6;white-space:nowrap;font-size:14px;font-weight:800}.maara-palkki-sulje{opacity:.55;flex-shrink:0;padding:6px;display:flex}.maara-palkki-sulje:hover,.maara-palkki-sulje:active{opacity:.9}.valitut-chipit{flex-wrap:wrap;gap:7px;display:flex}.chip{background:var(--butter-yellow);border-radius:var(--r-pilleri);color:var(--grape-juice);align-items:center;gap:7px;padding:5px 13px 5px 6px;font-size:14px;font-weight:800;display:flex}.maara-ruudukko{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.maara-nappi{background:var(--lilacs);text-align:center;min-height:66px;font-family:var(--font-otsikko);box-shadow:var(--varjo);border-radius:18px;justify-content:center;align-items:center;width:100%;padding:8px;font-size:16px;font-weight:600;line-height:1.15;display:flex}.maara-nappi.valittu{background:var(--butter-yellow);outline:2.5px solid var(--grape-juice);outline-offset:-2.5px}.lisaa-tarkennus{opacity:.7;justify-content:center;align-items:center;gap:7px;width:100%;padding-top:1px;font-size:14px;font-weight:800;display:flex}.tarkennus-lomake{flex-direction:column;gap:10px;display:flex}.reaktio-ruudukko{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.reaktio-nappi{border:1.5px solid var(--reuna);text-align:center;min-height:50px;font-family:var(--font-otsikko);background:#fff;border-radius:16px;justify-content:center;align-items:center;width:100%;padding:6px;font-size:15px;font-weight:600;display:flex}.reaktio-nappi.valittu{background:var(--lilacs);border-color:var(--grape-juice)}.kommentti-kentta{border:1.5px solid var(--reuna);resize:vertical;background:#fff;border-radius:16px;width:100%;min-height:44px;padding:10px 12px;font-size:15px;font-weight:600}.ajankohta-nappi{background:var(--lilacs);border-radius:var(--r-pilleri);font-family:var(--font-otsikko);color:var(--grape-juice);box-shadow:var(--varjo);align-self:flex-start;align-items:center;gap:6px;padding:7px 14px;font-size:14px;font-weight:600;display:flex}.ajankohta-syote{border:1.5px solid var(--reuna);color:var(--grape-juice);background:#fff;border-radius:16px;width:100%;min-height:44px;padding:10px 12px;font-size:15px;font-weight:600}[data-sheet]:empty{display:none}[data-sheet]{flex-shrink:0;padding:0 18px}[data-sheet] .maara-palkki{margin-bottom:14px}.ala-navi{background:var(--grape-juice);border-radius:22px;flex-shrink:0;gap:6px;margin:0 18px 18px;padding:7px;display:flex}.ala-navi[hidden]{display:none}.ala-navi button{height:48px;font-family:var(--font-otsikko);color:var(--kerma);opacity:.85;border-radius:16px;flex-grow:1;justify-content:center;align-items:center;font-size:16px;font-weight:500;display:flex}.ala-navi button.aktiivinen{background:var(--butter-yellow);color:var(--grape-juice);opacity:1;font-weight:600}.edistyminen-kortti{background:var(--kerma);box-shadow:var(--varjo);border-radius:24px;flex-direction:column;flex-shrink:0;gap:11px;padding:15px 16px 17px;display:flex}.edistyminen-otsikko{justify-content:space-between;align-items:baseline;display:flex}.edistyminen-otsikko .luku{font-family:var(--font-otsikko);font-size:21px;font-weight:700}.edistyminen-palkki{height:18px;position:relative}.edistyminen-palkki .tausta{border-radius:var(--r-pilleri);background:var(--peach-frost);height:12px;position:absolute;top:3px;left:0;right:0}.edistyminen-palkki .tayte{border-radius:var(--r-pilleri);background:var(--butter-yellow);height:12px;position:absolute;top:3px;left:0}.edistyminen-palkki .hahmo{position:absolute;top:-4px}.perusmaku-rivi{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.perusmaku-pilleri{background:var(--peach-frost);border-radius:var(--r-pilleri);align-items:center;gap:5px;padding:6px 10px;display:flex}.perusmaku-nimi{letter-spacing:.3px;text-transform:uppercase;color:var(--grape-juice);opacity:.72;font-size:10px;font-weight:800}.perusmaku-luku{font-family:var(--font-otsikko);margin-left:auto;font-size:12px;font-weight:700}.hahmopilvi{width:100%;height:250px;position:relative}.kupla{animation:.52s cubic-bezier(.22,.9,.3,1.25) both pilvi-tulo;position:absolute}.kupla-kellu{cursor:pointer;background:0 0;border:none;width:100%;height:100%;padding:0;animation-name:pilvi-kellu;animation-timing-function:ease-in-out;animation-iteration-count:infinite;display:block;position:relative}.kupla-nimi{white-space:nowrap;font-family:var(--font-otsikko);color:var(--grape-juice);padding-top:2px;font-size:12px;font-weight:600;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes pilvi-tulo{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes pilvi-kellu{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(var(--kellu-x,0px), var(--kellu-y,0px)) rotate(var(--kellu-kulma,0deg))}}@media (prefers-reduced-motion:reduce){.kupla{opacity:1;animation:none;transform:none}.kupla-kellu{animation:none!important}}[data-loput]{flex-direction:column;gap:18px;display:flex}.ika-valinta{gap:8px;display:flex}.ika-valinta button{background:var(--kerma);height:46px;font-family:var(--font-otsikko);opacity:.75;box-shadow:var(--varjo);border-radius:18px;flex-grow:1;justify-content:center;align-items:center;font-size:16px;font-weight:500;display:flex}.ika-valinta button.aktiivinen{background:var(--butter-yellow);opacity:1;font-weight:600}.kirjaus-rivi{background:var(--kerma);border-radius:var(--r-nappi);box-shadow:var(--varjo);text-align:left;flex-direction:column;flex-shrink:0;gap:9px;width:100%;padding:14px;display:flex;position:relative}.kirjaus-rivi-ylin{justify-content:space-between;align-items:center;gap:10px;display:flex}.kirjaus-aika{opacity:.6;font-size:14px;font-weight:800}.kirjaus-poista{color:var(--grape-juice);opacity:.45;padding:6px;display:flex}.kirjaus-poista:hover,.kirjaus-poista:active{opacity:.85}.kirjaus-chipit,.kirjaus-badgerivi{flex-wrap:wrap;gap:7px;display:flex}.badge{border-radius:var(--r-pilleri);background:var(--lilacs);padding:5px 12px;font-size:13px;font-weight:800}.badge.reaktio{border:1.5px solid var(--reuna);background:#fff}.kirjaus-kommentti{opacity:.75;font-size:14px;font-style:italic;font-weight:600}.sivun-alaotsikko{color:var(--kerma);opacity:.85;padding:0 4px;font-size:14px;font-weight:700}.tyhja-viesti{color:var(--kerma);opacity:.85;text-align:center;padding:24px 0;font-size:15px;font-weight:700}.piilotettu{display:none!important}.auth-kortti{background:var(--kerma);border-radius:var(--r-kortti);flex-direction:column;gap:16px;min-width:0;padding:20px 18px;display:flex}.auth-kortti-teksti{color:var(--grape-juice);margin:0;font-size:15px;font-weight:600;line-height:1.4}.kotinaytto-vinkki{background:var(--lilacs);border-radius:var(--r-kortti);flex-direction:column;gap:10px;min-width:0;padding:18px;display:flex}.kotinaytto-vinkki-teksti{color:var(--grape-juice);margin:0;font-size:14px;font-weight:700;line-height:1.4}.kotinaytto-vinkki-ohje{color:var(--grape-juice);opacity:.85;margin:0;font-size:13px;font-weight:500;line-height:1.4}.kotinaytto-vinkki-ohje strong{font-weight:700}.lomake-tausta{z-index:50;background:#6d1f4273;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.lomake{background:var(--kerma);border-radius:30px 30px 0 0;flex-direction:column;gap:16px;width:100%;max-width:480px;max-height:88vh;padding:18px 18px 26px;display:flex;overflow-y:auto}.lomake-otsikkorivi{justify-content:space-between;align-items:center;display:flex}.lomake-otsikkorivi h2{font-family:var(--font-otsikko);color:var(--grape-juice);margin:0;font-size:20px;font-weight:600}.lomake-sulje{opacity:.6;padding:6px;display:flex}.lomake-esikatselu{justify-content:center;padding:6px 0 2px;display:flex}.lomake-esikatselu-kehys{background:var(--peach-frost);border-radius:var(--r-pilleri);padding:14px;display:flex}.lomake-kentta{flex-direction:column;gap:7px;min-width:0;display:flex}.lomake-kentta label{letter-spacing:1.1px;text-transform:uppercase;color:var(--grape-juice);opacity:.72;font-size:13px;font-weight:900}.lomake-kentta input[type=text],.lomake-kentta input[type=email],.lomake-kentta input[type=date],.lomake-kentta select{border:1.5px solid var(--reuna);border-radius:var(--r-nappi);height:50px;color:var(--grape-juice);box-sizing:border-box;background:#fff;width:100%;min-width:0;padding:0 14px;font-size:16px;font-weight:700}.lomake-kentta input[type=date]{appearance:none}.lomake-kentta input[type=date]::-webkit-datetime-edit{color:var(--grape-juice);font-weight:700}.lomake-kentta input[type=date]::-webkit-calendar-picker-indicator{opacity:.6;cursor:pointer}.vari-ruudukko{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.vari-nappi{aspect-ratio:1;border-radius:var(--r-pilleri);box-shadow:var(--varjo);border:3px solid #0000;position:relative}.vari-nappi.valittu{border-color:var(--grape-juice)}.vari-nappi svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lehti-nappi{border:1.5px solid var(--reuna);border-radius:var(--r-nappi);height:50px;font-family:var(--font-otsikko);color:var(--grape-juice);background:#fff;justify-content:space-between;align-items:center;width:100%;padding:0 16px;font-size:16px;font-weight:600;display:flex}.lehti-nappi .kytkin{border-radius:var(--r-pilleri);background:var(--reuna);flex-shrink:0;width:42px;height:26px;transition:background .15s;position:relative}.lehti-nappi .kytkin:after{content:"";width:20px;height:20px;box-shadow:var(--varjo);background:#fff;border-radius:50%;transition:transform .15s;position:absolute;top:3px;left:3px}.lehti-nappi.paalla .kytkin{background:var(--butter-yellow)}.lehti-nappi.paalla .kytkin:after{transform:translate(16px)}.lomake-huomio{color:var(--grape-juice);background:var(--lilacs);border-radius:var(--r-nappi);margin:0;padding:10px 14px;font-size:14px;font-weight:700}.lomake-virhe{color:var(--grape-juice);border-radius:var(--r-nappi);background:#ef6f3c26;margin:0;padding:10px 14px;font-size:14px;font-weight:700}.lomake-tallenna{background:var(--butter-yellow);border-radius:var(--r-nappi);height:62px;font-family:var(--font-otsikko);color:var(--grape-juice);box-shadow:var(--varjo);justify-content:center;align-items:center;width:100%;font-size:19px;font-weight:700;display:flex}.lomake-tallenna:disabled{opacity:.6}.lomake-poista{font-family:var(--font-otsikko);color:var(--grape-juice);opacity:.55;text-align:center;background:0 0;border:none;width:100%;padding:8px;font-size:15px;font-weight:600}.lomake-poista:hover,.lomake-poista:active{opacity:.9}.aine-kortti.oma{cursor:pointer}.toast{opacity:0;pointer-events:none;background:var(--butter-yellow);color:var(--grape-juice);border-radius:var(--r-pilleri);font-family:var(--font-otsikko);box-shadow:var(--varjo);z-index:80;white-space:nowrap;padding:12px 22px;font-size:15px;font-weight:600;transition:opacity .22s,transform .22s;position:fixed;top:18px;left:50%;transform:translate(-50%,-14px)}.toast.nakyy{opacity:1;transform:translate(-50%)}