:root{--sivu:#eef1f6;--pohja:#1d1f29;--pinta:#fff;--viiva:#dde0e8;--liitu:#fff;--himmea:#62647c;--tartan:#d03a14;--tartan-pieni:#d03a14;--musta:#1d1f29;--tausta-sheet:#1d1f298c;--liitu-teksti:#3f414c;--liitu-himmea:#62647c;--liitu-viiva:#e4e6ee;--liitu-reuna:#8a8ca3;--liitu-tausta:#eef1f6;--rivi-pitka:#62647c;--rivi-kevyt:#8a8ca3;--vaihe-1:#0e8e94;--vaihe-2:#e0700f;--vaihe-3:#d9261c;--vaihe-4:var(--pohja);--otsikko:"Roboto Condensed", "Arial Narrow", sans-serif;--mono:"Inter", system-ui, sans-serif;--leipa:"Inter", system-ui, sans-serif;--kosketus:44px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--sivu);color:var(--pohja);font-family:var(--leipa);font-variant-numeric:tabular-nums;margin:0}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--pohja);outline-offset:2px}.liitu :focus-visible{outline-color:var(--pohja)}#sovellus{flex-direction:column;padding-bottom:48px;display:flex}.etiketti,.liitu .etiketti{color:var(--himmea);font-size:12px;font-weight:600}.mono{font-family:var(--mono)}.pieni{color:var(--himmea);font-size:12px;line-height:1.5}.osio{flex-direction:column;gap:12px;width:100%;max-width:560px;margin:0 auto;padding:72px 20px 0;display:flex}.osio-alku{text-align:center;flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.osio-alku p{color:var(--liitu-teksti);font-size:16px;line-height:1.5}.osio-otsikko{font-size:34px;font-weight:600;line-height:1.15}.hero{text-align:center;color:#fff;background:linear-gradient(145deg,#0b6b72 0%,#2e7a5a 45%,#a84a0e 100%);flex-direction:column;align-items:center;padding:76px 20px 104px;display:flex;position:relative;overflow:hidden}.hero>:not(.hero-kaaret){position:relative}.hero-kaaret{width:100%;height:100%;inset:0;position:absolute!important}.hero-yla{font-size:14px;font-weight:500}.hero h1{font-family:var(--otsikko);margin:10px 0 14px;font-size:clamp(72px,21vw,128px);font-weight:800;line-height:1}.hero-lause{max-width:300px;font-size:18px;line-height:1.4}.hero-luvut{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:420px;margin-top:40px;display:grid}.hero-luvut div{flex-direction:column;gap:2px;display:flex}.hero-luvut b{font-size:28px;font-weight:600;line-height:1.1}.hero-luvut span{font-size:13px}.nimi-nappi{min-width:var(--kosketus);min-height:var(--kosketus);background:var(--pinta);color:var(--pohja);border:0;border-radius:999px;padding:0 18px;font-size:14px;font-weight:600}.hero .nimi-nappi{position:absolute;top:16px;right:16px}.hero :focus-visible{outline-color:#fff}.aikajana-osio{margin-top:-56px;padding-top:0;position:relative}.aikajana{background:var(--pinta);border-radius:20px;flex-direction:column;gap:16px;padding:22px 20px;display:flex;box-shadow:0 10px 30px #1d1f291a}.aika-yla{color:var(--himmea);align-items:baseline;gap:8px;font-size:13px;display:flex}.aika-yla strong{color:var(--pohja);font-size:15px}.aika-maali{color:var(--pohja);margin-left:auto;font-weight:600}.aika-palkki{height:10px;margin:2px 0;display:flex;position:relative}.aika-viikko{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.aika-viikko i{opacity:.28;position:absolute;inset:0}.aika-viikko.kulunut i{opacity:1}.aika-viikko:first-child i{border-radius:5px 0 0 5px}:is(.aika-viikko:last-child i,.aika-viikko:nth-last-child(2):has(+.aika-nyt) i){border-radius:0 5px 5px 0}.aika-viikko.uusi-vaihe{margin-left:3px}.aika-viikko:hover i{opacity:1}.aika-testi{background:var(--pinta);width:6px;height:6px;box-shadow:0 0 0 1.5px var(--pohja);border-radius:50%;position:relative}.aika-nyt{background:var(--pohja);width:3px;box-shadow:0 0 0 1.5px var(--pinta);pointer-events:none;border-radius:2px;margin-left:-1.5px;position:absolute;top:-4px;bottom:-4px}.aika-vaiheet{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin:0;padding:0;list-style:none;display:grid}.aika-vaiheet li{gap:8px;display:flex}.aika-vaiheet i{border-radius:2px;flex:none;width:4px}.aika-vaiheet div{flex-direction:column;gap:1px;display:flex}.aika-vaiheet b{font-size:13px;font-weight:600}.aika-vaiheet span{color:var(--himmea);font-size:12px}.selite{color:var(--himmea);flex-wrap:wrap;gap:6px 14px;font-size:12px;display:flex}.selite i{border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.lappu{background:var(--liitu);color:var(--pohja);border-radius:20px;flex-direction:column;gap:14px;padding:22px 20px 10px;display:flex}.lappu-keski{align-items:center;gap:14px;display:flex}.lappu-nimi{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sija{font-family:var(--otsikko);min-width:26px;font-size:44px;font-weight:800;line-height:1}.lappu-nimi strong{font-size:17px;font-weight:600}.lappu-nimi span{color:var(--liitu-himmea);font-size:12px}.lappu-aika{flex-direction:column;flex:none;align-items:flex-end;display:flex}.lappu-aika b{font-size:28px;font-weight:600;line-height:1.1}.lappu-aika span{font-family:var(--mono);color:var(--tartan-pieni);font-size:12px}.lappu-ala{color:var(--liitu-teksti);flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-top:14px;font-size:13px;display:flex}.lappu-lisaa summary{min-height:var(--kosketus);border-top:1px solid var(--liitu-viiva);cursor:pointer;justify-content:space-between;align-items:center;font-size:14px;font-weight:500;list-style:none;display:flex}.lappu-lisaa summary::-webkit-details-marker{display:none}.lappu-lisaa summary:after{content:"+";font-size:20px;font-weight:400}.lappu-lisaa[open] summary:after{content:"–"}.lappu-huomio{color:var(--liitu-himmea);font-size:12px;line-height:1.4}.oma-nappi{min-height:var(--kosketus);background:var(--pohja);color:var(--liitu);font-family:var(--mono);border:0;border-radius:999px;justify-content:center;align-items:center;width:100%;margin-bottom:12px;font-size:13px;display:flex}.vol{grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;gap:10px;display:grid}.vol>span:first-child{font-size:13px}.vol-tausta{background:var(--viiva);border-radius:4px;height:8px}.vol-palkki{background:var(--pohja);border-radius:4px;height:8px}.vol.oma .vol-palkki{background:var(--tartan)}.vol>span:last-child{font-family:var(--mono);text-align:right;font-size:14px}.alaviite{color:var(--himmea);border-top:1px solid var(--viiva);padding-top:12px;font-size:12px}.tyhja{flex-direction:column;gap:14px;padding-top:12vh;display:flex}.tyhja p{font-size:16px;line-height:1.5}dialog.sheet{background:var(--liitu);width:100%;max-width:480px;max-height:92dvh;color:var(--pohja);overscroll-behavior:contain;border:0;border-radius:20px 20px 0 0;margin:0 auto;padding:0;transition:transform .2s;position:fixed;inset:auto 0 0;overflow-y:auto}dialog.sheet[open]{animation:.22s nouse}dialog.sheet::backdrop{background:var(--tausta-sheet)}@keyframes nouse{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){dialog.sheet{transition:none}dialog.sheet[open]{animation:none}}.sheet-sisus{padding:10px 16px calc(28px + env(safe-area-inset-bottom));flex-direction:column;gap:20px;display:flex}.kahva{justify-content:center;display:flex}.kahva span{background:var(--liitu-reuna);border-radius:12px;width:40px;height:4px}.sheet-yla{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sheet-yla>div{flex-direction:column;gap:2px;display:flex}.sheet-yla h2{font-family:var(--otsikko);font-size:36px;font-weight:800;line-height:.95}.sulje{width:var(--kosketus);height:var(--kosketus);border:1px solid var(--liitu-reuna);background:0 0;border-radius:22px;flex:none;justify-content:center;align-items:center;display:flex}fieldset{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}legend{margin-bottom:8px;padding:0}.kaksi{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.valinta{border:2px solid var(--liitu-reuna);cursor:pointer;border-radius:12px;flex-direction:column;gap:6px;min-height:108px;padding:12px;display:flex;position:relative}.valinta.ei-ohjelmaa{min-height:0}.valinta input{opacity:0;width:1px;height:1px;position:absolute}.valinta:has(input:focus-visible){outline:2px solid var(--pohja);outline-offset:2px}.valinta b{font-family:var(--otsikko);font-size:22px;font-weight:800;line-height:1}.valinta span{color:var(--liitu-himmea);font-size:12px;line-height:1.35}.valinta.valittu{border-color:var(--pohja);background:var(--pohja);color:var(--liitu)}.valinta.valittu span{color:#c9cfd2}.valinta em{font-style:normal;font-family:var(--mono);color:#ffb08a;margin-top:auto;font-size:10px}.info-nappi{min-height:var(--kosketus);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0 4px;font-size:13px;display:flex}.vahvistus{background:var(--liitu-tausta);color:var(--liitu-teksti);border-radius:12px;flex-direction:column;gap:10px;padding:12px;font-size:13px;line-height:1.5;display:flex}.kerrat{border:1px solid var(--pohja);border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.kerrat button{min-height:var(--kosketus);border:0;border-right:1px solid var(--pohja);font-family:var(--mono);background:0 0;font-size:16px}.kerrat button:last-child{border-right:0}.kerrat button[aria-pressed=true]{background:var(--pohja);color:var(--liitu)}.kerrat button:focus-visible{outline-offset:-4px}.kerrat button[aria-pressed=true]:focus-visible{outline-color:var(--liitu)}[role=tablist]{border-bottom:1px solid var(--liitu-reuna);gap:20px;display:flex}[role=tab]{min-height:var(--kosketus);color:var(--liitu-himmea);background:0 0;border:0;border-bottom:3px solid #0000;padding:0;font-size:14px}[role=tab][aria-selected=true]{border-bottom-color:var(--pohja);color:var(--pohja);font-weight:600}.paneeli{flex-direction:column;gap:4px;display:flex}.viikko-otsikko{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.viikko-otsikko b{font-family:var(--otsikko);font-size:20px;font-weight:800}.viikko-otsikko span{font-family:var(--mono);white-space:nowrap;font-size:13px}.paiva{border-bottom:1px solid var(--liitu-viiva);grid-template-columns:30px minmax(0,1fr) 48px;align-items:center;gap:10px;padding:10px 0;display:grid}.paiva.lepo{color:var(--liitu-himmea)}.paiva>.mono:first-child{font-size:12px;font-weight:700}.paiva>.mono:last-child{text-align:right;font-size:13px}.paiva div{flex-direction:column;gap:1px;min-width:0;display:flex}.paiva strong{font-size:14px;font-weight:600}.paiva div span{color:var(--liitu-himmea);font-size:12px}.huomiot{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.huomiot li{border-bottom:1px solid var(--liitu-viiva);color:var(--liitu-teksti);padding:10px 0;font-size:14px;line-height:1.5}.vk-rivi{border-bottom:1px solid var(--liitu-viiva);grid-template-columns:44px minmax(0,1fr) 48px;align-items:baseline;gap:10px;padding:10px 0;display:grid}.vk-rivi.kuluva{background:var(--liitu-tausta)}.vk-rivi>.mono{font-size:12px;font-weight:700}.vk-rivi>.mono:last-child{text-align:right;font-weight:400}.vk-rivi div{flex-direction:column;gap:1px;min-width:0;font-size:13px;display:flex}.vk-rivi div span{color:var(--liitu-himmea);font-size:12px}.vk-valinta{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px;display:grid}.toissijainen{min-height:var(--kosketus);border:1px solid var(--pohja);font-family:var(--mono);background:0 0;border-radius:999px;font-size:12px}.toissijainen[aria-pressed=true]{background:var(--pohja);color:var(--liitu)}.toissijainen:disabled{border-color:var(--liitu-reuna);color:var(--liitu-himmea)}.siirto{border-top:1px solid var(--liitu-viiva);flex-direction:column;gap:10px;padding-top:16px;display:flex}.siirto p{color:var(--liitu-teksti);font-size:13px;line-height:1.5}.paanappi{background:var(--pohja);min-height:52px;color:var(--liitu);font-family:var(--mono);border:0;border-radius:999px;padding:0 12px;font-size:14px;font-weight:700}.paanappi.tumma{background:var(--pohja);color:var(--liitu)}.paanappi:disabled{background:var(--liitu-tausta);color:var(--liitu-himmea)}.siirto small{font-family:var(--mono);color:var(--liitu-himmea);text-align:center;font-size:10px}.tiedote{font-size:13px;font-weight:600;line-height:1.5}.virhe{color:var(--tartan-pieni)}.linkki-nappi{min-height:var(--kosketus);color:var(--liitu-teksti);background:0 0;border:0;font-size:13px;text-decoration:underline}.info .sheet-sisus{gap:22px;padding-inline:20px}.info h2{font-size:40px;line-height:.92}.info-ydin{font-family:var(--otsikko);font-size:24px;font-weight:800;line-height:1.1}.info-teksti{color:var(--liitu-teksti);font-size:14px;line-height:1.55}.info section{flex-direction:column;gap:8px;display:flex}.info h3{font-family:var(--mono);color:var(--liitu-himmea);font-size:11px;font-weight:400}.viikkokuva{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.viikkokuva>div{flex-direction:column;gap:4px;display:flex}.viikkokuva .ala{align-items:flex-end;height:80px;display:flex}.viikkokuva .ala i{width:100%;display:block}.viikkokuva .ala.lepo{border-bottom:2px dashed var(--liitu-reuna)}.viikkokuva span{font-family:var(--mono);text-align:center;font-size:10px}.info .selite{color:var(--liitu-teksti);font-size:10px}.vauhti{border-bottom:1px solid var(--liitu-viiva);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:10px;padding:8px 0;font-size:14px;display:grid}.vauhti b{font-family:var(--mono);font-size:15px;font-weight:700}.laatikko{color:var(--liitu-teksti);background:var(--liitu-tausta);border-radius:12px;padding:12px;font-size:13px;line-height:1.5}.info a{color:var(--tartan-pieni);min-height:var(--kosketus);align-items:center;font-size:13px;display:flex}.spesit{flex-direction:column;gap:12px;margin-top:14px;display:flex}.spesi-ruudut{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;display:grid}.spesi-ruudut>div{flex-direction:column;gap:1px;display:flex}.spesi-ruudut b{font-family:var(--mono);font-size:20px;line-height:1.1}.spesi-ruudut span:last-child{color:var(--liitu-himmea);font-size:12px;line-height:1.3}.km-trendi{color:var(--liitu-himmea);flex-direction:column;gap:6px;font-size:12px;display:flex}.km-palkit{align-items:flex-end;gap:3px;height:32px;display:flex}.km-sarake{flex:1;align-items:flex-end;height:100%;display:flex}.km-sarake i{background:var(--pohja);border-radius:3px 3px 0 0;width:100%;min-height:2px;display:block}.km-sarake:hover i{background:var(--tartan)}.vo2{color:var(--liitu-himmea);font-size:12px}.kaavio-kehys{background:var(--pinta);border-radius:20px;padding:16px 12px 10px 4px}.kaavio{width:100%;height:auto;display:block}.mato{fill:none;stroke-linecap:round;stroke-linejoin:round}.mato-renkaat{fill:none;stroke-linejoin:round}.mato-paa{animation:2.4s ease-in-out infinite nyokkaus}@keyframes nyokkaus{50%{transform:translateY(-1.5px)}}@media (prefers-reduced-motion:reduce){.mato-paa{animation:none}}.kaavio text{font-family:var(--leipa)}.matka-lista{padding:0;background:var(--pinta);border-radius:20px;flex-direction:column;gap:0;margin:4px 0 8px;padding:6px 0;list-style:none;display:flex}.matka-rivi{padding:14px 18px 14px 26px;position:relative}.matka-rivi+.matka-rivi{border-top:1px solid var(--liitu-viiva)}.matka-rivi.oma strong{font-weight:700}.matka-otsikko{align-items:baseline;gap:8px;display:flex}.matka-otsikko strong{font-size:15px}.matka-vari{border-radius:2px;width:4px;position:absolute;top:16px;bottom:16px;left:12px}.matka-puuttuu{color:var(--himmea);font-size:12px}.matka-aika{font-family:var(--mono);margin-left:auto;font-size:15px;font-weight:700}.matka-luvut{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:6px;display:grid}.matka-luvut div{flex-direction:column;gap:1px;display:flex}.matka-luvut span{color:var(--himmea);font-size:11px}.matka-luvut b{font-family:var(--mono);white-space:nowrap;font-size:12px;font-weight:700}[data-selite]{cursor:help}.vol:hover .vol-palkki,.vol:focus-visible .vol-palkki{filter:brightness(1.2)}.vol:focus-visible,.km-palkit:focus-visible{outline-offset:2px;outline:2px solid}.selite-kupla{z-index:50;background:var(--pohja);max-width:min(280px,100vw - 16px);color:var(--liitu);border-radius:12px;padding:8px 12px;font-size:13px;line-height:1.35;position:fixed;box-shadow:0 6px 18px #1d1f2940}.selite-kupla[hidden]{display:none}.osio.tumma{background:var(--pohja);width:calc(100% - 32px);max-width:520px;color:var(--liitu);border-radius:24px;gap:16px;margin-top:72px;padding:48px 24px}.tumma .osio-alku p{color:#c9ccd8}.tumma .vol-tausta{background:#ffffff29}.tumma .vol-palkki{background:var(--liitu)}.tumma .vol.oma .vol-palkki{background:#ff9a5c}.tumma :focus-visible{outline-color:var(--liitu)}.alaviite{text-align:center;width:100%;max-width:560px;margin:40px auto 0;padding:0 20px;border:0!important}.pieni{text-align:center}.aikajana .pieni{text-align:left}