.uplot,.uplot *,.uplot :before,.uplot :after{box-sizing:border-box}.uplot{width:min-content;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{-webkit-user-select:none;user-select:none;position:relative}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{width:100%;height:100%;display:block;position:relative}.u-axis{position:absolute}.u-legend{text-align:center;margin:auto;font-size:14px}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{pointer-events:none;background:#00000012;position:absolute}.u-cursor-x,.u-cursor-y{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.u-hz .u-cursor-x,.u-vt .u-cursor-y{border-right:1px dashed #607d8b;height:100%}.u-hz .u-cursor-y,.u-vt .u-cursor-x{border-bottom:1px dashed #607d8b;width:100%}.u-cursor-pt{pointer-events:none;will-change:transform;border:0 solid;border-radius:50%;position:absolute;top:0;left:0;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}:root{--red:#e3350d;--red-dark:#b82a0a;--yellow:#ffcb05;--blue:#2a75bb;--green:#1f9d55;--bg:#f4f6fb;--surface:#fff;--surface-2:#eef1f7;--text:#1c2230;--text-muted:#5d6679;--border:#dde2ec;--shadow:0 2px 6px #141e3c14, 0 8px 24px #141e3c0f;--radius:18px;--radius-small:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-family:Nunito,ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45}@media (prefers-color-scheme:dark){:root{--bg:#11151f;--surface:#1b2130;--surface-2:#242b3d;--text:#eef1f7;--text-muted:#9aa3b8;--border:#2f3850;--blue:#5aa0e6;--green:#3ccf7f;--shadow:0 2px 6px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1,h2,h3{margin:0 0 .6em;line-height:1.2}h1{font-size:1.8rem}h2{font-size:1.25rem}h3{margin-top:1.2em;font-size:1.05rem}a{color:var(--blue)}.muted{color:var(--text-muted)}.center{text-align:center}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.btn{border:2px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.4em;padding:.55em 1.1em;font-weight:700;text-decoration:none;transition:transform 80ms,background .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--red);border-color:var(--red);color:#fff}.btn-primary:hover:not(:disabled){background:var(--red-dark)}.btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn-danger{color:#fff;background:#c62828;border-color:#c62828}.btn-danger-ghost{color:#c62828;background:0 0;border-color:#0000}.btn-small{min-height:36px;padding:.3em .8em;font-size:.9rem}.btn-big{min-height:54px;padding:.6em 1.6em;font-size:1.1rem}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-small);width:100%;min-height:46px;padding:.6em .8em}input:focus,select:focus,textarea:focus,.btn:focus-visible{outline:3px solid var(--yellow);outline-offset:1px;border-color:var(--blue)}.field{border:0;flex-direction:column;gap:.3em;min-width:0;margin:0 0 1em;padding:0;display:flex}.field>span,.field>legend,.field-label{margin-bottom:.3em;padding:0;font-size:.95rem;font-weight:700;display:block}.field.check{flex-direction:row;align-items:center;gap:.6em;font-weight:700}.field.check input{width:22px;min-height:22px;accent-color:var(--red)}.field.grow{flex:220px}.field.narrow{flex:0 0 110px}.field.end{justify-content:flex-end}.row{align-items:flex-start;gap:.8em;display:flex}.row.wrap{flex-wrap:wrap}.row>.field{flex:140px}.segmented{flex-wrap:wrap;gap:.4em;display:inline-flex}.segmented label,.segmented button{border:2px solid var(--border);background:var(--surface);min-height:42px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;align-items:center;padding:.4em 1em;font-weight:700;display:inline-flex}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented .active{background:var(--blue);border-color:var(--blue);color:#fff}.segmented label:focus-within{outline:3px solid var(--yellow)}.segmented-small label,.segmented-small button{min-height:34px;padding:.2em .8em;font-size:.85rem}.stepper{align-items:center;gap:.8em;display:inline-flex}.stepper button{border:2px solid var(--border);background:var(--surface);width:46px;height:46px;color:var(--text);cursor:pointer;border-radius:50%;font-size:1.4rem;font-weight:800}.stepper button:disabled{opacity:.4;cursor:not-allowed}.stepper output{text-align:center;min-width:2ch;font-size:1.3rem;font-weight:800}.actions{flex-wrap:wrap;gap:.6em;margin-top:.5em;display:flex}.error-box,.ok-box{border-radius:var(--radius-small);justify-content:space-between;align-items:center;gap:1em;margin:.8em 0;padding:.8em 1em;font-weight:600;display:flex}.error-box{color:#8e1c12;background:#fdecea}.ok-box{color:#14632f;background:#e6f6ec}@media (prefers-color-scheme:dark){.error-box{color:#ffc9c2;background:#4a1d19}.ok-box{color:#b7f0cb;background:#173a25}}.spinner{color:var(--text-muted);justify-content:center;align-items:center;gap:.7em;padding:3em 1em;font-weight:700;display:flex}.spinner-ball{border:4px solid var(--text);background:linear-gradient(var(--red) 0 46%, var(--text) 46% 54%, #fff 54%);border-radius:50%;width:28px;height:28px;animation:.9s ease-in-out infinite wobble}@keyframes wobble{0%,to{transform:rotate(-18deg)}50%{transform:rotate(18deg)}}@media (prefers-reduced-motion:reduce){.spinner-ball{animation:none}}.topbar{z-index:10;padding:calc(.6em + env(safe-area-inset-top,0px)) 1em .6em;background:var(--red);color:#fff;flex-wrap:wrap;align-items:center;gap:1em;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #00000026}.topbar .pokeball{color:#222}.brand{color:#fff;align-items:center;gap:.5em;font-size:1.25rem;font-weight:900;text-decoration:none;display:flex}.nav{flex-wrap:wrap;gap:.3em;display:flex}.nav a{color:#fff;border-radius:999px;padding:.45em .9em;font-weight:800;text-decoration:none}.nav a:hover{background:#ffffff26}.nav a.active{color:var(--red);background:#fff}.nav a.nav-add:not(.active){background:var(--yellow);color:#3b2f00}.who{align-items:center;gap:.4em;margin-left:auto;font-weight:700;display:flex}.who .btn-ghost{color:#fff}@media (width<=640px){.who-name{display:none}}.content{max-width:1200px;padding:1.2em 1em calc(3em + env(safe-area-inset-bottom,0px));margin:0 auto}.panel{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.2em;padding:1.2em}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6em;margin-bottom:.6em;display:flex}.panel-head h2{margin:0}.login{background:radial-gradient(circle at 20% 10%, #ffcb0559, transparent 40%), radial-gradient(circle at 80% 90%, #2a75bb4d, transparent 45%), var(--bg);place-items:center;min-height:100vh;padding:1em;display:grid}.login-panel{width:min(420px,100%)}.login-logo{text-align:center;flex-direction:column;align-items:center;gap:.5em;margin-bottom:1em;display:flex}.login-logo .pokeball{color:var(--text)}.login-panel .btn{width:100%}.summary{border-radius:var(--radius);background:linear-gradient(135deg, var(--blue), #1b4f86);color:#fff;box-shadow:var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1em;margin-bottom:1.2em;padding:1.3em 1.4em;display:flex}.summary-main,.value-box{flex-direction:column;gap:.15em;display:flex}.summary-label{opacity:.85;font-weight:700}.summary-total{font-size:2.4rem;font-weight:900;line-height:1.1}.summary-facts{flex-wrap:wrap;gap:1.2em;font-size:1.05rem;display:flex}.summary .muted{color:#fffc}.summary .change-up{color:#b9ffcf}.summary .change-down{color:#ffd2c9}.change{font-size:.9rem;font-weight:800}.change-up{color:var(--green)}.change-down{color:#d84315}.toolbar{flex-wrap:wrap;gap:.8em;margin-bottom:1em;display:flex}.toolbar input{flex:240px;width:auto}.toolbar select{width:auto}.grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:1em;display:grid}.tile{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);color:inherit;flex-direction:column;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex;overflow:hidden}.tile:hover{box-shadow:0 6px 18px #141e3c29, 0 0 0 3px var(--yellow);transform:translateY(-3px)rotate(-.4deg)}.tile-button{font:inherit;text-align:left;cursor:pointer;border:0;padding:0}.tile-img{padding:.6em .6em 0;position:relative}.tile-body{flex-direction:column;gap:.15em;padding:.6em .8em .8em;display:flex}.tile-name{font-size:1.05rem}.tile-meta{color:var(--text-muted);font-size:.82rem}.tile-value{flex-wrap:wrap;align-items:baseline;gap:.4em;margin-top:.2em;font-size:1.1rem;font-weight:900;display:flex}.card-img{aspect-ratio:245/342;object-fit:contain;border-radius:10px;width:100%;display:block}.card-img-large{border-radius:16px;max-width:360px;box-shadow:0 10px 30px #00000040}.card-img-missing{background:var(--surface-2);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5em;font-size:.85rem;font-weight:700;display:flex}.badge{border-radius:999px;padding:.15em .6em;font-size:.8rem;font-weight:800;display:inline-block}.tile-img .badge{position:absolute;box-shadow:0 2px 6px #00000040}.badge-qty{background:var(--yellow);color:#3b2f00;top:1em;right:1em}.badge-slab{color:#fff;background:#222;bottom:.4em;left:1em}.badge-used{background:var(--surface-2);color:var(--blue);margin-left:.5em}.empty{text-align:center;flex-direction:column;align-items:center;gap:.4em;padding:3em 1em;display:flex}.empty .pokeball{color:var(--text)}.scanner-view{background:#000;border-radius:12px;height:min(60vh,520px);margin-bottom:1em;position:relative;overflow:hidden}.scanner-view video{object-fit:cover;width:100%;height:100%;display:block}.scanner-frame{pointer-events:none;border:3px solid #ffcb05;border-radius:8px;width:88%;position:absolute;top:50%;left:6%;transform:translateY(-50%);box-shadow:0 0 0 9999px #00000073}.scanner-view .spinner{color:#fff;position:absolute;inset:0}.search-form{flex-wrap:wrap;align-items:flex-end;gap:.8em;display:flex}.search-form .field{margin:0}.hint{margin:-.4em 0 1.2em;font-size:.9rem}.add-picked-body,.detail-top{grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:1.6em;margin-top:.8em;display:grid}@media (width<=720px){.add-picked-body,.detail-top{grid-template-columns:1fr}.card-img-large{max-width:280px;margin:0 auto}}.detail-top{margin-bottom:1.4em}.detail-info h1{margin-bottom:.1em;font-size:2rem}.value-box{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);border-left:6px solid var(--yellow);margin:1em 0;padding:1em 1.2em}.facts{grid-template-columns:max-content 1fr;gap:.35em 1em;margin:0 0 1em;display:grid}.facts dt{color:var(--text-muted);font-weight:700}.facts dd{margin:0}.confirm{border-radius:var(--radius-small);background:var(--surface-2);padding:1em}.confirm p{margin:0 0 .5em}.chart{width:100%;min-height:220px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:.55em .6em}th{color:var(--text-muted);font-size:.85rem}.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}tr.used td,.status{font-weight:800}.status-success{color:var(--green)}.status-partial{color:#c77700}.status-failed{color:#c62828}.status-running{color:var(--blue)}.user-list{margin:0;padding:0;list-style:none}.user-list li{border-bottom:1px solid var(--border);padding:.5em 0}.field.full{flex:100%;margin:0}.segmented-big label{min-height:52px;padding:.5em 1.4em;font-size:1.05rem}.chips{flex-wrap:wrap;gap:.4em;display:flex}.chips label{border:2px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;min-width:52px;min-height:44px;padding:.3em .9em;font-weight:800;display:inline-flex}.chips input{opacity:0;pointer-events:none;position:absolute}.chips .active{background:var(--blue);border-color:var(--blue);color:#fff}.chips label:focus-within{outline:3px solid var(--yellow)}.chips-grades label{min-width:48px;padding:.3em .5em}.query-chips{flex-wrap:wrap;gap:.4em;margin:0 0 .8em;padding:0;list-style:none;display:flex}.query-chips li{background:var(--surface-2);border-radius:999px;padding:.25em .8em;font-size:.9rem;font-weight:700}.query-chips li.off{opacity:.6;text-decoration:line-through}.note{border-radius:var(--radius-small);color:#5c4600;background:#fff6d6;padding:.7em 1em;font-weight:600}@media (prefers-color-scheme:dark){.note{color:#ffe9a3;background:#3d3410}}.found{color:var(--green);font-size:1.1rem;font-weight:800}.badge-lang{background:var(--red);color:#fff;top:1em;left:1em}.badge.inline{box-shadow:none;margin-left:.5em;position:static}.loose-price{font-size:1.1rem;font-weight:800}.no-value{font-size:1.3rem;font-weight:900}.value-box .btn{align-self:flex-start;margin-top:.5em}.tile-todo{color:var(--red);font-size:.9rem;font-weight:800}.graded-mine{font-size:1.05rem}.graded-mine strong{font-size:1.4rem}.badge-conf{vertical-align:middle;font-size:.75rem}.conf-hoog{color:#14632f;background:#e6f6ec}.conf-middel{color:#5c4600;background:#fff6d6}.conf-laag{color:#8e1c12;background:#fdecea}
