:root{--achtergrond:#f4f6f2;--kaart:#fff;--rand:#e1e6df;--vlak:#eef2ec;--tekst:#0f1412;--gedempt:#5f6963;--accent:#c8f169;--accent-licht:#d8f78f;--op-accent:#0f1412;--daling:#c4521e;--stijging:#3f7a10;--link:#3f7a10;--stip:#5fa317;--schaduw:0 1px 2px #0f14120f;--grafiek-lijn:#4e8f12;--grafiek-daling:#d0582a;--grafiek-raster:#edf1eb;--grafiek-stip:#fff;--boven:40px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{height:var(--app-hoogte,100%);background:var(--achtergrond);color:var(--tekst);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-family:Space Grotesk,system-ui,sans-serif}#root{height:var(--app-hoogte,100%)}button{cursor:pointer;font-family:inherit}a{color:var(--link)}a:hover{color:var(--tekst)}:focus-visible{outline:2px solid var(--link);outline-offset:2px}.app{max-width:440px;height:100%;height:var(--app-hoogte,100dvh);margin:0 auto;position:relative;overflow:hidden}.app.smal{flex-direction:column;display:flex}.scherm{min-height:0;padding:var(--boven) 20px 10px;flex-direction:column;flex:1;display:flex}.omrekenen{gap:8px}.kop{flex:none;justify-content:space-between;align-items:flex-end;display:flex}.kop-tekst{flex-direction:column;gap:4px;min-width:0;display:flex}.kop h1{letter-spacing:-.5px;margin:0;font-size:30px;font-weight:700}.status{color:var(--gedempt);white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.stip{background:var(--stip);border-radius:4px;flex:none;width:8px;height:8px}.stip.uit{background:var(--daling)}.stip.laden{background:var(--gedempt);animation:1.2s ease-in-out infinite knipper}@keyframes knipper{50%{opacity:.3}}.rondknop{border:1px solid var(--rand);background:var(--kaart);width:44px;height:44px;color:var(--tekst);border-radius:22px;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.rondknop.groot{border-radius:28px;width:56px;height:56px}.rondknop:active{background:var(--vlak)}.lijst{background:var(--kaart);box-shadow:var(--schaduw);overscroll-behavior:contain;scrollbar-width:none;border-radius:22px;flex-direction:column;flex:0 auto;gap:2px;min-height:0;padding:6px;display:flex;overflow-y:auto}.lijst::-webkit-scrollbar{display:none}.rij-houder{border-radius:18px;flex:none;transition:transform .16s;position:relative}.rij-houder:has(.opgetild){transition:none}.rij-houder.weg{transition:none}.rij-verwijder{background:var(--daling);color:#fff;border-radius:18px;justify-content:flex-end;align-items:center;padding-right:22px;transition:opacity .12s;display:flex;position:absolute;inset:0}.rij{background:var(--kaart);color:var(--tekst);touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:18px;align-items:center;gap:14px;padding:11px 14px;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .16s,background-color .16s;display:flex;position:relative}.rij.veegt{transition:none}.rij.actief{background:var(--accent);color:var(--op-accent)}.rij.opgetild{background:var(--kaart);transform:scale(1.02);box-shadow:0 14px 30px #0f141229}.rij.actief.opgetild{background:var(--accent)}.teken{background:var(--vlak);width:40px;height:40px;color:var(--tekst);border-radius:20px;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.rij.actief .teken{background:var(--op-accent);color:var(--accent)}.teken.vlag{background:var(--vlak);position:relative;overflow:hidden}.teken.vlag img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.teken.vlag:after{content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #808a8238}.rij.actief .teken.vlag:after{box-shadow:inset 0 0 0 1px #0f141259}.naam{flex-direction:column;flex-grow:1;min-width:0;display:flex}.code{font-size:17px;font-weight:600}.rij.actief .code{font-weight:700}.voluit{color:var(--gedempt);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.rij.actief .voluit{color:inherit;opacity:.7}.bedrag{flex-direction:column;flex:none;align-items:flex-end;max-width:62%;display:flex}.bedrag.groot{white-space:nowrap;border-radius:8px;margin-right:-4px;padding:0 4px;font-size:30px;font-weight:700;display:block}.bedrag.groot.gekozen{background:#0f14121a}.bedrag.groot.typt:after{content:"";vertical-align:-.08em;background:currentColor;width:2px;height:.85em;margin-left:3px;animation:1s step-end infinite cursor;display:inline-block}@keyframes cursor{50%{opacity:0}}.waarde{white-space:nowrap;font-size:22px;font-weight:600}.verandering{color:var(--gedempt);font-size:12px}.verandering.op{color:var(--stijging)}.verandering.neer{color:var(--daling)}.onderaan{flex-direction:column;flex:none;gap:10px;margin-top:auto;display:flex}.omrekenen .onderaan{flex:1 0 0;justify-content:flex-end;min-height:200px}.omrekenen .toetsenblok{flex:1 1 0;grid-template-rows:repeat(4,minmax(44px,66px));align-content:end;min-height:0}.toetsenblok{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.toets{background:var(--kaart);height:100%;min-height:44px;color:var(--tekst);box-shadow:var(--schaduw);-webkit-user-select:none;user-select:none;touch-action:manipulation;border:none;border-radius:16px;font-size:24px;font-weight:500;transition:background-color 80ms}.toets:active{background:var(--vlak)}.toets.wis{background:#e3e9e0;justify-content:center;align-items:center;display:flex}.toets.wis:active{background:var(--rand)}.hoofdknop{background:var(--accent);width:100%;height:56px;color:var(--op-accent);border:none;border-radius:28px;justify-content:center;align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.hoofdknop:active{background:var(--accent-licht)}.tabbalk{padding:6px 20px max(12px, env(safe-area-inset-bottom));flex:none;justify-content:center;display:flex}.tabbalk-pil{background:var(--kaart);border:1px solid var(--rand);border-radius:34px;gap:4px;padding:5px;display:flex;box-shadow:0 10px 30px #0f14121a}.tab{width:120px;height:56px;color:var(--gedempt);background:0 0;border:none;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:12px;font-weight:600;transition:background-color .15s,color .15s;display:flex}.tab.aan{background:var(--vlak);color:var(--link)}.grafiekscherm{overscroll-behavior:contain;scrollbar-width:none;gap:18px;overflow-y:auto}.grafiekscherm::-webkit-scrollbar{display:none}.g-kop{flex:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.g-titel{min-width:0}.g-titel h1{letter-spacing:-.5px;margin:0;font-size:32px;font-weight:700;line-height:1.1}.g-sub{flex-wrap:wrap;align-items:center;gap:14px;margin-top:8px;font-size:26px;font-weight:600;display:flex}.g-koers{color:var(--gedempt);white-space:nowrap}.g-verschil{white-space:nowrap;align-items:center;gap:2px;display:inline-flex}.g-verschil.op{color:var(--stijging)}.g-verschil.neer{color:var(--daling)}.g-grafiek{flex:none;margin:0 -20px;transition:opacity .2s}.g-grafiek.laden,.d-grafiek-vlak.laden{opacity:.55}.g-leeg{color:var(--gedempt);justify-content:center;align-items:center;font-size:14px;display:flex}.segment{background:var(--kaart);border-radius:24px;flex:none;gap:2px;padding:4px;display:flex}.segment-knop{min-width:0;height:44px;color:var(--gedempt);background:0 0;border:none;border-radius:20px;flex:1 1 0;font-size:15px;font-weight:600}.segment-knop:hover{color:var(--tekst)}.segment-knop.aan{background:var(--accent);color:var(--op-accent);font-weight:700}.g-valuta{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.valutapil{border:1px solid var(--rand);background:var(--kaart);height:64px;color:var(--tekst);box-shadow:var(--schaduw);border-radius:32px;justify-content:center;align-items:center;gap:12px;font-size:22px;font-weight:700;display:flex}.valutapil .teken{width:44px;height:44px}.valutapil:active{background:var(--vlak)}.g-voet{text-align:center;flex-direction:column;flex:none;align-items:center;gap:2px;display:flex}.g-uitersten{color:var(--gedempt);font-size:13px}.g-uitersten small{opacity:.8;font-size:12px}.alarmlink{height:44px;color:var(--link);background:0 0;border:none;align-items:center;gap:8px;padding:0 12px;font-size:15px;font-weight:600;display:inline-flex}.grafiek-kaart{background:var(--kaart);border-radius:22px;flex-direction:column;gap:8px;padding:18px 12px 12px;display:flex}.grafiek-kaart.kaal{background:0 0;border-radius:0;gap:6px;padding:0}.grafiek-kaart.kaal .grafiek-as{padding:0 20px}.grafiek{touch-action:pan-y;cursor:crosshair;position:relative}.grafiek svg{display:block;overflow:visible}.grafiek-info{text-align:center;background:var(--vlak);width:150px;color:var(--tekst);white-space:nowrap;pointer-events:none;border-radius:8px;padding:3px 6px;font-size:12px;position:absolute;top:-2px}.grafiek-as{color:var(--gedempt);justify-content:space-between;padding:0 4px;font-size:12px;display:flex}.vel-achter{z-index:50;background:#0f141252;justify-content:center;align-items:flex-end;animation:.18s both vervaag;display:flex;position:fixed;inset:0}.vel-achter.midden{align-items:center;padding:20px}@keyframes vervaag{0%{opacity:0}}.vel{background:var(--kaart);border:1px solid var(--rand);width:100%;max-width:440px;max-height:85dvh;padding:20px 20px max(20px, env(safe-area-inset-bottom));border-bottom:none;border-radius:22px 22px 0 0;flex-direction:column;gap:14px;animation:.26s cubic-bezier(.2,.8,.2,1) both omhoog;display:flex}.vel.klein{max-height:none}@keyframes omhoog{0%{opacity:0;transform:translateY(40px)}}.vel-kop{justify-content:space-between;align-items:center;gap:12px;display:flex}.vel-kop h2{margin:0;font-size:20px;font-weight:700}.zoekveld{background:var(--vlak);height:48px;color:var(--gedempt);border-radius:16px;flex:none;align-items:center;gap:10px;padding:0 14px;display:flex}.zoekveld input{min-width:0;height:100%;color:var(--tekst);font:inherit;background:0 0;border:none;outline:none;flex:1;font-size:16px}.zoekveld input::placeholder{color:var(--gedempt)}.keuzelijst{flex:1;min-height:0;margin:0 -6px;padding:0;list-style:none;overflow-y:auto}.keuzelijst button{width:100%;color:var(--tekst);text-align:left;background:0 0;border:none;border-radius:16px;align-items:center;gap:14px;min-height:60px;padding:10px;display:flex}.keuzelijst button:hover,.keuzelijst button:active{background:var(--vlak)}.keuzelijst .leeg{color:var(--gedempt);padding:16px 10px}.invulveld{flex-direction:column;gap:6px;display:flex}.invulveld span{color:var(--gedempt);font-size:12px}.invulveld input{border:1px solid var(--rand);background:var(--achtergrond);height:56px;color:var(--tekst);font:inherit;border-radius:16px;outline:none;padding:0 16px;font-size:24px;font-weight:600}.invulveld input:focus{border-color:var(--link)}.vel-uitleg{color:var(--gedempt);margin:0;font-size:14px;line-height:1.45}.vel-uitleg.fout{color:var(--daling)}.tekstknop{height:44px;color:var(--daling);background:0 0;border:none;font-size:15px;font-weight:600}.melding{background:var(--kaart);border:1px solid var(--rand);border-radius:22px;flex-direction:column;gap:12px;width:100%;max-width:400px;padding:22px;animation:.26s cubic-bezier(.2,.8,.2,1) both omhoog;display:flex}.melding h2{margin:0;font-size:20px}.melding p{margin:0;font-size:15px;line-height:1.45}.hint{z-index:40;left:50%;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 80px);background:var(--vlak);border:1px solid var(--rand);border-radius:18px;align-items:center;gap:8px;width:min(408px,100% - 32px);padding:10px 6px 10px 16px;animation:.3s .6s both omhoog;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 30px #0f141224}.hint p{flex:1;margin:0;font-size:14px;line-height:1.4}.hint .inline{vertical-align:-3px;color:var(--link)}.hint-sluit{width:44px;height:44px;color:var(--gedempt);background:0 0;border:none;flex:none;justify-content:center;align-items:center;display:flex}.app.breed{max-width:none;height:auto;min-height:100%;overflow:visible}.desktop{flex-direction:column;gap:24px;max-width:1040px;margin:0 auto;padding:24px 40px 32px;display:flex}.d-kop{justify-content:space-between;align-items:center;display:flex}.d-merk{align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.d-merk img{border-radius:9px}.d-status{color:var(--gedempt);align-items:center;gap:8px;font-size:14px;display:flex}.d-intro h1{letter-spacing:-1px;margin:0 0 6px;font-size:40px;font-weight:700;line-height:1.1}.d-intro p{color:var(--gedempt);margin:0;font-size:17px}.d-omreken{background:var(--kaart);border:1px solid var(--rand);border-radius:28px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:22px;display:grid;box-shadow:0 24px 60px #1e322314}.d-veld{background:var(--vlak);border:2px solid #0000;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;padding:16px 16px 16px 20px;transition:border-color .15s,background-color .15s;display:grid}.d-veld:focus-within{border-color:var(--accent);background:var(--kaart)}.d-label{color:var(--gedempt);grid-column:1/-1;font-size:13px;font-weight:500}.d-bedrag{width:100%;min-width:0;color:var(--tekst);font:inherit;letter-spacing:-.5px;background:0 0;border:none;outline:none;padding:0;font-size:36px;font-weight:700}.d-bedrag::placeholder{color:var(--gedempt)}.d-valuta{border:1px solid var(--rand);background:var(--kaart);max-width:230px;height:56px;color:var(--tekst);border-radius:28px;align-items:center;gap:10px;padding:0 12px 0 7px;display:flex}.d-valuta:hover{border-color:var(--gedempt)}.d-valuta-tekst{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.2;display:flex}.d-valuta-tekst strong{font-size:16px}.d-valuta-tekst small{color:var(--gedempt);white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:12px;overflow:hidden}.d-wissel{background:var(--accent);width:52px;height:52px;color:var(--op-accent);border:none;border-radius:26px;justify-content:center;align-items:center;transition:transform .25s;display:flex}.d-wissel:hover{transform:rotate(180deg)}.d-koersregel{color:var(--gedempt);flex-wrap:wrap;align-items:baseline;gap:8px 24px;margin:-8px 0 0;font-size:16px;display:flex}.d-koersregel strong{color:var(--tekst);font-size:20px}.d-koersregel .op{color:var(--stijging)}.d-koersregel .neer{color:var(--daling)}.d-grafiek{background:var(--kaart);border:1px solid var(--rand);border-radius:28px;flex-direction:column;gap:14px;padding:24px 24px 18px;display:flex}.d-grafiek-kop{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.d-grafiek-kop h2{margin:0;font-size:20px}.d-verschil{margin:4px 0 0;font-size:14px}.d-verschil.op{color:var(--stijging)}.d-verschil.neer{color:var(--daling)}.d-grafiek-kop .segment{background:var(--vlak);width:440px;max-width:100%}.d-grafiek-vlak{margin:0 -24px;transition:opacity .2s}.d-grafiek-vlak .grafiek-kaart.kaal .grafiek-as{padding:0 24px}.d-grafiek-voet{color:var(--gedempt);align-items:center;gap:24px;font-size:14px;display:flex}.d-grafiek-voet strong{color:var(--tekst);margin-left:4px;font-size:16px}.d-alarm{background:var(--accent);height:44px;color:var(--op-accent);border:none;border-radius:22px;align-items:center;gap:8px;margin-left:auto;padding:0 18px;font-size:15px;font-weight:700;display:inline-flex}.d-alarm:hover{background:var(--accent-licht)}html.breed .vel-achter{background:#0f141259;align-items:center;padding:24px}html.breed .vel{border-bottom:1px solid var(--rand);border-radius:22px;max-width:480px;max-height:80vh;box-shadow:0 30px 80px #0f141240}@media (height<=700px){:root{--boven:24px}.omrekenen{gap:8px}}:root{--pwa-top:0px}#pwa-top{height:max(1px, var(--pwa-top));background:var(--achtergrond);z-index:10000;pointer-events:none;position:fixed;inset:0 0 auto}html.ios-pwa{--pwa-top:calc(env(safe-area-inset-top,0px) + 12px);--boven:12px}@media (display-mode:standalone){:root{--pwa-top:env(safe-area-inset-top,0px);--boven:12px}}html,body{overflow:hidden}#root{top:var(--pwa-top);height:calc(var(--app-hoogte,100dvh) - var(--pwa-top));position:relative}.app{height:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.rij-vastzetten{background:var(--accent);color:var(--op-accent);border-radius:18px;align-items:center;gap:8px;padding-left:22px;font-size:15px;font-weight:700;transition:opacity .12s;display:flex;position:absolute;inset:0}.code{align-items:center;gap:6px;display:inline-flex}.speld{color:var(--link);flex:none}.rij.actief .speld{color:var(--op-accent)}