@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--font:"Plus Jakarta Sans", system-ui, sans-serif;--bg:#12151f;--bg-elev:#1a2030;--card:#232a3a;--card-border:#ffffff0f;--header:#152238;--text:#e8ecf4;--text-muted:#9aa3b5;--mint:#4ec4b0;--mint-dim:#4ec4b033;--coral:#e07a7a;--coral-dim:#e07a7a33;--chip:#2d3548;--chip-on:#4ec4b040;--shadow:0 8px 24px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.45}body{background:var(--bg);color:var(--text);margin:0}#root{min-height:100dvh}.shell{flex-direction:column;max-width:28rem;min-height:100dvh;margin:0 auto;display:flex}.topbar{background:linear-gradient(180deg, var(--header) 0%, #121a2e 100%);border-bottom:1px solid var(--card-border);flex-shrink:0;padding:1.1rem 1.25rem 1rem}.topbar__head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.topbar__head-main{flex:1;min-width:0}.topbar__title{letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:700}.topbar__sub{color:var(--text-muted);margin:.35rem 0 0;font-size:.85rem}.topbar__datum{color:var(--text);margin-bottom:.25rem;font-weight:600;display:block}.storage-hint{margin:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.log-datum-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.log-datum-row__date{flex:10rem;min-width:0}.log-datum-row__input{width:100%;min-width:0}.saved-under-field{margin:.35rem 0 0}.card.blok>.card__title{margin-bottom:.5rem}.inzicht-dagen{flex-direction:column;gap:.35rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.inzicht-dag{text-align:left;border:1px solid var(--card-border);background:var(--card);width:100%;color:inherit;font:inherit;cursor:pointer;border-radius:.65rem;flex-wrap:wrap;align-items:center;gap:.35rem .75rem;padding:.55rem .65rem;display:flex}.inzicht-dag--on{border-color:var(--accent,#5eead4);box-shadow:0 0 0 1px #5eead440}.inzicht-dag__datum{min-width:2.75rem;font-weight:600}.inzicht-dag__scores{flex:8rem}.inzicht-dag__tot{color:var(--text-muted);font-size:.85rem}.inzicht-dag__bar{flex:100%;align-items:center;gap:.5rem;min-width:0;display:flex}@media (width>=24rem){.inzicht-dag__bar{flex:10rem}}.inzicht-dag__track{background:#ffffff14;border-radius:999px;flex:1;height:.45rem;overflow:hidden}.inzicht-dag__fill{border-radius:999px;height:100%;display:block}.inzicht-dag__fill--n1{background:#e07a7a}.inzicht-dag__fill--n2{background:#e0a090}.inzicht-dag__fill--n3{background:#e6c229}.inzicht-dag__fill--n4{background:#8fd9a8}.inzicht-dag__fill--n5{background:#2fb86a}.inzicht-dag__empty{color:var(--text-muted);font-size:.75rem}.inzicht-dag__gem{text-align:right;min-width:2rem;font-size:.85rem;font-weight:600}.inzicht-detail__head{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.35rem;display:flex}.inzicht-detail__blokken{flex-direction:column;gap:1rem;margin-top:.75rem;display:flex}.inzicht-detail__blok{border-top:1px solid var(--card-border);padding:.65rem 0}.inzicht-detail__blok:first-of-type{border-top:none;padding-top:0}.inzicht-detail__kop{margin:0 0 .25rem;font-size:1rem;font-weight:600}.inzicht-detail__acts{margin:.35rem 0 0;padding-left:1.15rem}.main{flex:1;padding:1rem 1rem 5.5rem;overflow-y:auto}.stack{flex-direction:column;gap:.85rem;display:flex}.card{background:var(--card);border:1px solid var(--card-border);box-shadow:var(--shadow);border-radius:1.1rem;padding:1rem 1.05rem}.card--inline{flex-direction:column;gap:.35rem;display:flex}.card--tip{color:var(--text-muted);font-size:.88rem}.card--tip strong{color:var(--text);margin-bottom:.35rem;display:block}.card__title{margin:0 0 .35rem;font-size:1.05rem;font-weight:600}.muted{color:var(--text-muted)}.small{margin:0 0 .75rem;font-size:.82rem}.field-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.25rem;font-size:.75rem;font-weight:600;display:block}.field-date,.field-text{width:100%;font:inherit;color:var(--text);background:var(--bg-elev);border:1px solid var(--card-border);border-radius:.65rem;padding:.55rem .65rem}.field-text::placeholder{color:var(--text-muted);opacity:.8}.field-date:focus,.field-text:focus{outline:2px solid var(--mint);outline-offset:1px}.blok__kop{align-items:baseline;gap:.5rem;margin-bottom:.65rem;display:flex}.blok__tijd{color:var(--mint);font-size:1rem;font-weight:700}.blok__naam{color:var(--text-muted);font-size:.9rem;font-weight:600}.hint{color:var(--text-muted);margin:.5rem 0 .35rem;font-size:.78rem}.chips{flex-wrap:wrap;gap:.4rem;margin-bottom:.65rem;display:flex}.chip{font:inherit;background:var(--chip);color:var(--text);cursor:pointer;border:1px solid #0000;border-radius:999px;padding:.45rem .65rem;font-size:.8rem;font-weight:500;transition:background .15s,border-color .15s}.chip:hover{border-color:#ffffff1f}.chip--on{background:var(--chip-on);color:#b8f0e6;border-color:#4ec4b073}.score-dial{gap:.45rem;margin-top:.25rem;display:flex}.score-btn{min-height:2.65rem;font:inherit;cursor:pointer;color:#0d1118;border:2px solid #0000;border-radius:.75rem;flex:1;font-size:1rem;font-weight:700;transition:transform .1s,box-shadow .15s}.score-btn:active{transform:scale(.96)}.score-btn--n1{background:#e07a7a}.score-btn--n2{background:#e0a090}.score-btn--n3{color:#14110a;background:#e6c229}.score-btn--n4{color:#0d1118;background:#8fd9a8}.score-btn--n5{color:#041208;background:#2fb86a}.score-btn--selected{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--mint)}.bars{flex-direction:column;gap:.55rem;display:flex}.bar-row{grid-template-columns:2.2rem 1fr 2rem;align-items:center;gap:.5rem;font-size:.82rem;display:grid}.bar-row span:first-child{color:var(--text-muted);font-variant-numeric:tabular-nums}.bar-val{text-align:right;color:var(--text-muted);font-variant-numeric:tabular-nums}.bar-track{background:var(--bg-elev);border-radius:999px;height:.55rem;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--mint-dim), var(--mint));border-radius:999px;min-width:4px;height:100%;transition:width .25s}.bar-fill--muted{background:linear-gradient(90deg, var(--coral-dim), var(--coral))}.bar-empty{color:var(--text-muted);padding-left:.25rem;font-size:.7rem}.row-btns{flex-wrap:wrap;gap:.5rem;display:flex}.btn{font:inherit;cursor:pointer;background:var(--mint);color:#0a1614;border:none;border-radius:.65rem;padding:.55rem 1.1rem;font-size:.9rem;font-weight:600}.btn:hover{filter:brightness(1.06)}.btn--ghost{color:var(--mint);background:0 0;border:1px solid #4ec4b073}.bottom-nav{width:100%;max-width:28rem;padding:.5rem .75rem calc(.5rem + env(safe-area-inset-bottom,0));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--card-border);background:#152238eb;grid-template-columns:1fr 1fr;gap:0;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav--3{grid-template-columns:1fr 1fr 1fr}.bottom-nav__btn{font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.75rem;padding:.55rem .25rem;font-size:.82rem;font-weight:600}@media (width>=380px){.bottom-nav__btn{padding:.65rem .35rem;font-size:.9rem}}.bottom-nav__btn--on{background:var(--card);color:var(--mint)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.btn--wide{width:100%}.btn--small{margin-top:.35rem;padding:.45rem .85rem;font-size:.82rem}.seg--tabs{grid-template-columns:1fr 1fr 1fr;gap:.35rem;margin:0 0 1rem;display:grid}.seg__tab{font:inherit;border:1px solid var(--card-border);background:var(--bg-elev);color:var(--text-muted);cursor:pointer;text-align:center;border-radius:.65rem;flex-direction:column;justify-content:center;align-items:center;gap:.08rem;min-height:2.85rem;padding:.45rem .3rem;font-size:.78rem;font-weight:600;line-height:1.2;transition:border-color .15s,background .15s,color .15s;display:flex}.seg__tab__kop{font-size:.82rem;font-weight:700}.seg__tab__tijd{color:var(--text-muted);opacity:.95;font-size:.68rem;font-weight:500}.seg__tab--on .seg__tab__tijd{color:#b8f0e6;opacity:1}.seg__tab:hover{color:var(--text);border-color:#ffffff1f}.seg__tab--on{background:var(--chip-on);color:#b8f0e6;border-color:#4ec4b08c}.save-inline__hint{color:var(--coral);text-align:center;margin:.75rem 0 .35rem;font-size:.82rem}.save-inline__btn{margin-top:.65rem}.card--callout{border-color:#4ec4b033}.callout-warn{color:var(--text);margin:0 0 .65rem;font-size:.88rem;line-height:1.4}.steps-list{margin:0 0 .85rem;padding-left:1.1rem;line-height:1.45}.steps-list li{margin-bottom:.35rem}kbd{font:.78rem var(--mono,ui-monospace, monospace);border:1px solid var(--card-border);background:var(--bg-elev);border-radius:.25rem;padding:.12rem .35rem}.card--warn{background:#e07a7a14;border-color:#e07a7a66}.card--warn .muted{margin-bottom:0}.url-line{margin:0 0 .35rem}.url-code{word-break:break-all;color:var(--mint);font-size:.78rem;display:block}.toast-mini{color:var(--mint);margin:.35rem 0 0;font-size:.82rem}.act-list{margin:.5rem 0 0;padding:0;list-style:none}.act-list__row{border-radius:.5rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.45rem;margin-bottom:.5rem;transition:box-shadow .12s;display:grid}.act-list__row--drop{box-shadow:inset 0 3px 0 0 var(--mint)}.act-drag{width:2.25rem;min-height:2.5rem;color:var(--text-muted);cursor:grab;touch-action:none;background:0 0;border:none;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.act-drag:active{cursor:grabbing}.act-drag:focus-visible{outline:2px solid var(--mint);outline-offset:1px}.act-drag__grip{letter-spacing:-.12em;-webkit-user-select:none;user-select:none;font-size:1.1rem;line-height:1}.act-list__input{min-width:0;margin:0}.act-add{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.dp-overlay{z-index:50;background:#0000008c;justify-content:center;align-items:flex-end;padding:.5rem;display:flex;position:fixed;inset:0}@media (height>=520px){.dp-overlay{align-items:center}}.dp-modal{border:1px solid var(--card-border);width:100%;max-width:22rem;max-height:min(92dvh,36rem);box-shadow:var(--shadow);background:#1a1f2e;border-radius:1rem;flex-direction:column;display:flex;overflow:hidden}.dp-body{flex:1;min-height:0;display:flex}.dp-presets{border-right:1px solid var(--card-border);background:#151a28;flex-direction:column;flex:0 0 42%;gap:0;max-width:11rem;padding:.35rem 0;display:flex;overflow-y:auto}.dp-preset{font:inherit;text-align:left;color:var(--text);opacity:1;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;padding:.45rem .65rem;font-size:.78rem;overflow:hidden}.dp-preset:hover{background:#ffffff0f}.dp-preset--on{background:#ffffff1a}.dp-cal{flex-direction:column;flex:1;gap:.35rem;min-width:0;padding:.65rem .55rem .75rem;display:flex}.dp-cal__head{justify-content:space-between;align-items:center;gap:.25rem;display:flex}.dp-cal__title{text-align:center;flex:1;font-size:.88rem;font-weight:600}.dp-cal__nav{font:inherit;background:var(--bg-elev);width:2rem;height:2rem;color:var(--text);cursor:pointer;border:none;border-radius:.5rem;font-size:1.1rem;line-height:1}.dp-cal__nav--idle{cursor:default;color:var(--text)}.dp-cal__weekdays{grid-template-columns:repeat(7,1fr);gap:.1rem;margin-top:.15rem;display:grid}.dp-cal__wd{text-align:center;color:var(--text-muted);font-size:.68rem;font-weight:600}.dp-cal__grid{grid-template-columns:repeat(7,1fr);gap:.2rem;display:grid}.dp-day{font:inherit;aspect-ratio:1;max-height:2.15rem;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:0;font-size:.8rem;font-weight:600}.dp-day--selected{color:#fff;background:#2563eb}.dp-day--idle{cursor:default;color:var(--text);opacity:1}.dp-footer{padding:.65rem .85rem calc(.65rem + env(safe-area-inset-bottom,0));border-top:1px solid var(--card-border);background:#151a28;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.dp-btn{font:inherit;cursor:pointer;border:none;border-radius:999px;padding:.5rem 1rem;font-size:.88rem;font-weight:600}.dp-btn--ghost{color:#60a5fa;background:0 0}.dp-btn--primary{color:#fff;background:#2563eb}.inzicht-periode-row{margin-top:.5rem}.inzicht-periode-row .btn{width:100%;margin-top:0}.log-datum-btn{min-width:0;font:inherit;text-align:center;color:var(--text);background:var(--bg-elev);border:1px solid var(--card-border);cursor:pointer;border-radius:.65rem;flex:10rem;padding:.55rem .65rem;font-size:.9rem;font-weight:600}.log-datum-btn:hover{border-color:#ffffff1f}@media (width>=400px){.act-add{flex-direction:row;align-items:center}.act-add .field-text{flex:1}}