@font-face{font-family:bricolage;src:url(../media/bricolage_grotesque-s.p.300rpl789hft0.woff2)format("woff2");font-display:swap;font-weight:200 800}@font-face{font-family:bricolage Fallback;src:local(Arial);ascent-override:82.39%;descent-override:23.92%;line-gap-override:0.0%;size-adjust:112.88%}.PvavWG_className{font-family:bricolage,bricolage Fallback}.PvavWG_variable{--font-bricolage:"bricolage", "bricolage Fallback"}
@font-face{font-family:figtree;src:url(../media/figtree-s.p.30wi0xp2m6ck_.woff2)format("woff2");font-display:swap;font-weight:300 900}@font-face{font-family:figtree Fallback;src:local(Arial);ascent-override:95.06%;descent-override:25.02%;line-gap-override:0.0%;size-adjust:99.94%}.aIx0sW_className{font-family:figtree,figtree Fallback}.aIx0sW_variable{--font-figtree:"figtree", "figtree Fallback"}
@font-face{font-family:caveat;src:url(../media/caveat-s.p.23o9u2ocxwgg-.woff2)format("woff2");font-display:swap;font-weight:700}@font-face{font-family:caveat Fallback;src:local(Arial);ascent-override:126.46%;descent-override:39.52%;line-gap-override:0.0%;size-adjust:75.91%}.-HTOIW_className{font-family:caveat,caveat Fallback;font-weight:700}.-HTOIW_variable{--font-caveat:"caveat", "caveat Fallback"}
:root{--bg:#faf6ee;--surface:#fff;--ink:#271125;--muted:#624d60;--line:#e9dde8;--edge:#c64080;--pop:#271125;--accent:#ed2690;--accent-ink:#fff;--accent-text:#ae316e;--accent-soft:#ffd7e6;--s1:#f496bb;--s2:#3e6fef;--s3:#f9e03f;--s4:#bbd1ff;--empty:#f7eaf5;--good:#00774c;--good-soft:#70e9b9;--yellow:#f9e03f;--lilac:#bbd1ff;--mint:#70e9b9;--peach:#ffc298;--pink:#ffbad4;--medal-brons:#ebaf86;--medal-zilver:#dbdee5;--medal-goud:#fed252;--medal-platina:#d5ecf8;--hot:#f83599;--on-color:#271125;--font-display:var(--font-bricolage), "Avenir Next", "Segoe UI", sans-serif;--font-body:var(--font-figtree), "Helvetica Neue", Arial, sans-serif;--font-hand:var(--font-caveat), "Comic Sans MS", cursive;--border:2px solid var(--edge);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@supports (color:lab(0% 0 0)){:root{--bg:lab(97.1477% .351191 4.58069);--ink:lab(8.78795% 14.6018 -9.08541);--muted:lab(35.6424% 11.7394 -7.38914);--line:lab(89.2875% 5.8924 -3.73423);--pop:lab(8.78795% 14.6018 -9.08541);--accent:lab(53.9424% 76.4903 -6.92607);--accent-text:lab(42.1001% 54.5338 -4.93147);--accent-soft:lab(89.9406% 20.0081 -1.78421);--s1:lab(72.9185% 39.4326 -3.53879);--s2:lab(49.0325% 18.0887 -70.6588);--s3:lab(89.1735% -2.95365 76.0887);--s4:lab(83.2931% .242949 -29.3199);--empty:lab(93.9276% 5.89272 -3.73483);--good:lab(43.5745% -40.3538 15.813);--good-soft:lab(84.3301% -44.1037 12.5811);--yellow:lab(89.1735% -2.95365 76.0887);--lilac:lab(83.2931% .242949 -29.3199);--mint:lab(84.3301% -44.1037 12.5811);--peach:lab(83.2359% 26.2927 41.228);--pink:lab(82.4597% 33.0584 -2.95947);--medal-brons:lab(76.4321% 19.277 30.1852);--medal-zilver:lab(88.3563% -.223666 -3.77445);--medal-goud:lab(86.4742% 6.15835 66.6916);--medal-platina:lab(91.9908% -6.23932 -8.69906);--hot:lab(57.4236% 76.6462 -6.93761);--on-color:lab(8.78795% 14.6018 -9.08541)}}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display);text-wrap:balance;letter-spacing:-.02em;margin:0;line-height:1.05}p{margin:0}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--s2);outline-offset:2px;border-radius:8px}.num{font-variant-numeric:tabular-nums}[hidden]{display:none!important}.app{max-width:480px;min-height:100dvh;padding-top:env(safe-area-inset-top,0px);flex-direction:column;margin:0 auto;display:flex}.back{border:var(--border);background:var(--surface);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:50%;flex:none;place-items:center;text-decoration:none;display:grid}.error{color:var(--accent-text);font-size:14px;font-weight:700}.appbar{z-index:6;background:color-mix(in oklch, var(--bg) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:8px;min-height:60px;padding:12px 16px 10px;display:flex;position:sticky;top:0}.appbar h2{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:22px;font-weight:800;overflow:hidden}.back svg{width:18px;height:18px}.screen{flex-direction:column;flex:1;gap:14px;padding:4px 16px 24px;display:flex}.footer{padding:12px 16px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));border-top:var(--border);background:var(--bg);gap:8px;display:grid;position:sticky;bottom:0}.btn{border:var(--border);cursor:pointer;background:var(--surface);color:var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s,background-color .15s;display:inline-flex}.btn-block{width:100%}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:3px 3px 0 var(--pop)}.btn-primary:hover:not([disabled]){box-shadow:4px 4px 0 var(--pop);transform:translate(-1px,-1px)}.btn-primary:active:not([disabled]){box-shadow:1px 1px 0 var(--pop);transform:translate(2px,2px)}.btn-yellow{background:var(--yellow);color:var(--on-color);box-shadow:3px 3px 0 var(--pop)}.btn-good{background:var(--mint);color:var(--on-color)}.btn-ghost{background:var(--surface);color:var(--ink);font-weight:700}.btn-ghost:hover{background:var(--lilac);color:var(--on-color)}.btn-sm{padding:8px 14px;font-size:14px}.btn[disabled]{opacity:.5;cursor:default;box-shadow:none}.link{color:var(--ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;font-weight:700;text-decoration:underline}.card{background:var(--surface);border:var(--border);border-radius:22px;padding:16px}.tap{text-align:left;cursor:pointer;border:0;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;width:100%;display:grid}.card.tap{border:var(--border)}.tap .chev{color:var(--muted)}.title{font-weight:700}.sub{color:var(--muted);font-size:14px}.eyebrow{font-family:var(--font-hand);color:var(--accent-text);font-size:24px;font-weight:700;line-height:1.1}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--lilac);color:var(--on-color);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}.chip.pot{background:var(--yellow);color:var(--on-color)}.chip.full{background:var(--mint);color:var(--on-color)}.bar{background:var(--accent-soft);border:var(--border);border-radius:999px;height:12px;overflow:hidden}.bar i{background:var(--hot);height:100%;transition:width .5s;display:block}.row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat{background:var(--yellow);color:var(--on-color);border:var(--border);border-radius:20px;padding:12px 14px}.stat:nth-child(4n+1){background:var(--hot);color:#fff;transform:rotate(-1deg)}.stat:nth-child(4n+2){transform:rotate(.8deg)}.stat:nth-child(4n+3){background:var(--mint);transform:rotate(-.6deg)}.stat:nth-child(4n+4){background:var(--lilac);transform:rotate(1deg)}.stat .sub,.stat span{color:inherit;opacity:.85}.stat b{font-family:var(--font-display);font-size:26px;font-weight:800;display:block}.hint{background:var(--yellow);color:var(--on-color);border:var(--border);border-radius:16px;padding:12px 14px;font-size:14px;font-weight:600}.hint.good{background:var(--mint)}.pie{display:block}.pie .slice{transform-origin:50%;transform-box:fill-box}@media (prefers-reduced-motion:no-preference){.pie .slice.new{animation:.6s cubic-bezier(.2,.9,.3,1.3) .15s both drop}}@keyframes drop{0%{opacity:.1;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.tick{border:var(--border);background:var(--surface);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.tick.on{background:var(--mint)}.tick.on:after{content:"";border:3.5px solid var(--on-color);border-top:0;border-right:0;width:15px;height:8px;transform:rotate(-45deg)translate(1px,-2px)}.wish{gap:10px;display:grid}.wish .top{grid-template-columns:56px 1fr;align-items:center;gap:12px;display:grid}.wish h4{font-size:19px;font-weight:700}.wish.struck h4{color:var(--muted);text-decoration:line-through}.actions{flex-wrap:wrap;gap:8px;display:flex}.actions .btn{flex:auto}.field{color:var(--ink);gap:6px;font-size:14px;font-weight:700;display:grid}.field input,.field select,.field textarea{border:var(--border);background:var(--surface);width:100%;color:var(--ink);border-radius:16px;padding:12px 14px;font-size:16px;font-weight:500}.seg{background:var(--empty);border:var(--border);border-radius:999px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.seg button{cursor:pointer;color:var(--ink);background:0 0;border:0;border-radius:999px;padding:9px 6px;font-size:14px;font-weight:700}.seg button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.idea-chips{flex-wrap:wrap;gap:8px;display:flex}.price-chips{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-2px;padding:2px 2px 6px;overflow-x:auto}.price-chips button{flex:none;padding:6px 12px;font-size:13px}.idea-chips button{border:var(--border);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:800;transition:transform .15s,box-shadow .15s}.idea-chips button:nth-child(4n+1)[aria-pressed=true]{background:var(--yellow)}.idea-chips button:nth-child(4n+2)[aria-pressed=true]{background:var(--pink)}.idea-chips button:nth-child(4n+3)[aria-pressed=true]{background:var(--mint)}.idea-chips button:nth-child(4n+4)[aria-pressed=true]{background:var(--lilac)}.idea-chips button[aria-pressed=true]{color:var(--on-color);box-shadow:3px 3px 0 var(--pop);transform:translate(-1px,-1px)}.idea-chips.small button{padding:6px 12px;font-size:13px}.idea-chips a{border:var(--border);background:var(--surface);color:var(--ink);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:800;text-decoration:none}.idea-chips a:nth-child(4n+1){background:var(--yellow);color:var(--on-color)}.idea-chips a:nth-child(4n+2){background:var(--pink);color:var(--on-color)}.idea-chips a:nth-child(4n+3){background:var(--mint);color:var(--on-color)}.idea-chips a:nth-child(4n+4){background:var(--lilac);color:var(--on-color)}.explain{background:var(--lilac);color:var(--on-color);border:var(--border);border-radius:18px;padding:10px 14px;font-size:14px}.explain summary{cursor:pointer;align-items:center;gap:10px;font-weight:800;list-style:none;display:flex}.explain summary::-webkit-details-marker{display:none}.explain summary:before{content:"";border:var(--border);background:conic-gradient(from 30deg, var(--hot) 0 165deg, var(--s2) 165deg 306deg, var(--surface) 306deg);border-radius:50%;flex:none;width:20px;height:20px}.explain summary:after{content:"+";font-family:var(--font-display);color:var(--on-color);margin-left:auto;font-size:20px;font-weight:800;line-height:1}.explain[open] summary:after{content:"–"}.explain ul{gap:4px;margin:8px 0 2px;padding:0 0 0 30px;font-weight:600;line-height:1.4;display:grid}.amounts{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.amounts button{border:var(--border);font-family:var(--font-display);background:var(--surface);cursor:pointer;border-radius:16px;padding:12px 4px;font-size:18px;font-weight:800}.amounts button[aria-pressed=true]{background:var(--yellow);color:var(--on-color);box-shadow:3px 3px 0 var(--pop)}.sum{gap:6px;font-size:15px;display:grid}.sum .total{font-family:var(--font-display);border-top:2px dashed var(--line);padding-top:8px;font-size:19px;font-weight:800}.banks{gap:8px;display:grid}.banks button{border:var(--border);background:var(--surface);cursor:pointer;text-align:left;border-radius:18px;align-items:center;gap:12px;padding:14px 16px;font-weight:700;display:flex}.banks button[aria-pressed=true]{background:var(--yellow);color:var(--on-color);box-shadow:3px 3px 0 var(--pop)}.banks .dot{color:#fff;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.preview{grid-template-columns:72px 1fr;align-items:center;gap:12px;display:grid}.thumb{border:var(--border);background:linear-gradient(135deg, var(--yellow), var(--pink));width:72px;height:72px;font-family:var(--font-display);color:var(--on-color);border-radius:16px;place-items:center;font-size:26px;font-weight:800;display:grid}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.photo-actions{justify-items:start;gap:8px;display:grid}.wv{flex:none;display:block;position:relative}.wv img{object-fit:contain;border:var(--border);background:#fff;border-radius:16px;width:100%;height:100%;display:block}.wv-badge{background:var(--surface);border-radius:50%;place-items:center;padding:2px;display:grid;position:absolute;bottom:-6px;right:-6px}.wv-badge>.pie,.wv-badge>.tick{width:100%;height:100%}.wv-badge .tick.on:after{border-width:2.5px;width:40%;height:20%}.quick{gap:10px;display:grid}.quick-field{background:var(--surface);border:var(--border);box-shadow:4px 4px 0 var(--s1);color:var(--accent-text);border-radius:999px;align-items:center;gap:10px;padding:0 16px;display:flex;position:relative}.quick-field input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:15px 0;font-size:17px;font-weight:600}.quick-field input::placeholder{color:var(--muted);font-weight:500}.quick-field input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.qclear{border:2px solid var(--edge);background:var(--surface);width:30px;height:30px;color:var(--ink);cursor:pointer;border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:800;line-height:1;display:grid}.qspin{border:2.5px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;flex:none;width:18px;height:18px;animation:.7s linear infinite spin}.quick .toast{bottom:calc(80px + env(safe-area-inset-bottom,0px));animation:.2s ease-out rise}.ask-mode{gap:10px;padding:0 16px 12px;display:grid}.ask-mode .btn-block{text-align:left;border-radius:18px;flex-direction:column;align-items:flex-start;gap:2px}.ask-mode .btn-block span{opacity:.75;font-size:14px;font-weight:500}.ask-mode .link{justify-self:center;padding:6px}.quick-or{text-align:center;color:var(--muted);padding:4px 0;font-size:14px;font-weight:600;display:block}a.quick-or{color:var(--on-color);background:var(--yellow);border:var(--border);border-radius:16px;padding:10px 12px;font-weight:700;text-decoration:none}p.quick-or{align-items:center;gap:10px;margin:4px 0 0;font-weight:500;display:flex}p.quick-or:before,p.quick-or:after{content:"";background:var(--line);flex:1;height:1px}.quick-done{bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:4;position:sticky}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.grid[aria-busy=true]{opacity:.6;transition:opacity .15s}.pcard{text-align:left;background:var(--surface);border:var(--border);width:100%;height:100%;color:inherit;font:inherit;cursor:pointer;border-radius:18px;grid-template-rows:auto 1fr auto;gap:6px;padding:8px 8px 10px;transition:transform .12s,box-shadow .2s;display:grid}.pcard:active{transform:scale(.97)}.pcard.on{box-shadow:4px 4px 0 var(--good)}.pimg{aspect-ratio:1;background:#fff;border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.pimg img{object-fit:contain;width:100%;height:100%}.pletter{font-family:var(--font-display);color:var(--on-color);background:linear-gradient(135deg, var(--yellow), var(--pink));place-items:center;width:100%;height:100%;font-size:34px;font-weight:800;display:grid}.pbadge{background:var(--accent);width:34px;height:34px;color:var(--accent-ink);border:var(--border);border-radius:50%;place-items:center;font-size:22px;font-weight:700;line-height:1;display:grid;position:absolute;bottom:6px;right:6px}.pcard:not(.on) .pbadge{background-image:linear-gradient(var(--accent-ink), var(--accent-ink)), linear-gradient(var(--accent-ink), var(--accent-ink));background-position:50%;background-repeat:no-repeat;background-size:14px 3px,3px 14px}.pcard.on .pbadge{background:var(--mint);animation:.45s cubic-bezier(.2,.9,.3,1.4) both pop}.pcard.on .pbadge:after{content:"";border:3px solid var(--on-color);border-top:0;border-right:0;width:13px;height:7px;transform:rotate(-45deg)translate(1px,-2px)}.ptitle{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.pmeta{color:var(--muted);justify-content:space-between;align-items:baseline;gap:6px;font-size:12px;display:flex}.pmeta b{color:var(--ink);font-size:15px}.pmeta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fine{color:var(--muted);font-size:12px;line-height:1.4}.msg{font-family:var(--font-hand);background:var(--yellow);color:var(--on-color);border:var(--border);border-radius:6px;padding:12px 14px;font-size:22px;font-weight:700;line-height:1.15}.msg:nth-child(5n+2){background:var(--mint);transform:rotate(.6deg)}.msg:nth-child(5n+3){background:var(--pink);transform:rotate(-.6deg)}.msg:nth-child(5n+4){background:var(--lilac)}.msg:nth-child(5n+5){background:var(--peach)}.msg small{font-family:var(--font-body);opacity:.75;margin-top:4px;font-size:13px;font-weight:700;display:block}.center{text-align:center;justify-items:center;gap:12px;display:grid}.big-h{letter-spacing:-.03em;font-size:32px;font-weight:800}.linkbox{background:var(--surface);border:var(--border);border-radius:16px;align-items:center;gap:8px;padding:8px 8px 8px 14px;display:flex}.linkbox code{text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all;flex:1;min-width:0;font-family:ui-monospace,Menlo,monospace;font-size:13px;overflow:hidden}.spinner{border:5px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;width:46px;height:46px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.toast{background:var(--yellow);color:var(--on-color);border:2px solid var(--on-color);box-shadow:4px 4px 0 var(--on-color);opacity:0;pointer-events:none;z-index:5;border-radius:18px;padding:12px 16px;font-size:15px;font-weight:800;transition:opacity .2s,transform .2s;position:fixed;bottom:96px;left:16px;right:16px;transform:translateY(10px)}.toast.show{opacity:1;transform:none}.cover{aspect-ratio:2;object-fit:cover;border:var(--border);background:var(--yellow);width:100%;box-shadow:4px 4px 0 var(--s1);border-radius:22px;display:block}.photo-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.photo-pick{align-self:flex-start;position:relative}.cropper{gap:10px;display:grid}.cropper-frame{border:var(--border);background:var(--yellow);box-shadow:4px 4px 0 var(--s1);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:22px;position:relative;overflow:hidden}.cropper-frame:active{cursor:grabbing}.cropper-frame img{pointer-events:none;max-width:none;position:absolute}.cropper-tip{color:#fff;pointer-events:none;white-space:nowrap;background:#271125b3;background:lab(8.78795% 14.6018 -9.08541/.7);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.cropper-zoom{align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.cropper-zoom input{accent-color:var(--accent);flex:1}.field input[type=file]{padding:10px;font-size:14px}.field input[type=date]{appearance:none;text-align:left;min-width:0;max-width:100%;min-height:50px;display:block}.field input[type=date]::-webkit-date-and-time-value{text-align:left}.empty{text-align:center;justify-items:center;gap:8px;padding:24px 8px;display:grid}a.card,a.tap{color:inherit;text-decoration:none}.danger{color:var(--accent-text)}.qr svg{width:100%;max-width:260px;height:auto;margin:0 auto;display:block}details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}@media (prefers-reduced-motion:no-preference){.bar i{animation:.9s cubic-bezier(.3,.7,.2,1) .1s both grow}.tick.on.pop{animation:.45s cubic-bezier(.2,.9,.3,1.4) both pop}.msg-new{animation:.5s .2s both rise}}@keyframes grow{0%{width:0}}@keyframes pop{0%{transform:scale(.4)}70%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}body,.card,.msg,.stat{transition:background-color .25s,color .25s}@media (prefers-reduced-motion:reduce){body,.card,.msg,.stat,.bar i{transition:none}}.check{cursor:pointer;grid-template-columns:22px 1fr;align-items:start;gap:12px;display:grid}.check input{width:20px;height:20px;accent-color:var(--accent);margin:2px 0 0}.seg a{color:var(--ink);border-radius:999px;place-items:center;padding:9px 6px;font-size:14px;font-weight:700;text-decoration:none;display:grid}.seg a[aria-pressed=true]{background:var(--ink);color:var(--bg)}.chip-link{background:var(--surface);border:2px solid var(--edge);color:var(--ink);padding:5px 11px;font-size:13px;text-decoration:none}.chip-link.on{background:var(--ink);color:var(--bg)}.wl-list{margin:0;padding:4px 16px;list-style:none}.wl-list li{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding:12px 0;display:grid}.wl-list li:first-child{border-top:0}.wl-list .sub{grid-column:1}.wl-list .chip{grid-area:1/2/span 2}.wl-mail{color:var(--ink);overflow-wrap:anywhere;font-weight:700;text-decoration:none}.overlay{overscroll-behavior:contain;background:0 0;border:0;place-items:end center;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;display:grid;position:fixed;inset:0;overflow:clip}.overlay:not([open]){display:none}.overlay::backdrop{background:#2711258c;background:lab(8.78795% 14.6018 -9.08541/.55)}.overlay-card{overscroll-behavior:contain;will-change:transform;background:var(--bg);width:min(460px,100%);max-height:calc(100% - 24px);color:var(--ink);border:var(--border);padding:18px 4px calc(8px + env(safe-area-inset-bottom,0px));box-shadow:0 -6px 0 var(--s1);border-bottom:0;border-radius:28px 28px 0 0;overflow-y:auto}.overlay-head{justify-content:space-between;align-items:center;gap:12px;padding:0 16px 10px;display:flex}.overlay-head h2{letter-spacing:-.02em;font-size:26px}.overlay-body{flex:none}@media (min-width:600px){.overlay{place-items:center;padding:24px}.overlay-card{border-bottom:var(--border);box-shadow:6px 6px 0 var(--s1);border-radius:28px;transform:rotate(-1deg)}}.overlay-head{touch-action:none;position:relative}.overlay-grip{background:var(--line);border-radius:3px;width:44px;height:5px;margin-left:-22px;position:absolute;top:-10px;left:50%}@media (min-width:600px){.overlay-grip{display:none}.overlay-head{touch-action:auto}}@media (prefers-reduced-motion:no-preference){.overlay[open] .overlay-card{animation:.34s cubic-bezier(.2,.9,.3,1) both sheet-up}.overlay[open]::backdrop{animation:.3s both shade-in}.overlay.closing .overlay-card{animation:.22s ease-in forwards sheet-down}.overlay.closing::backdrop{animation:.22s ease-in forwards shade-out}@media (min-width:600px){.overlay[open] .overlay-card{animation-name:sheet-pop}.overlay.closing .overlay-card{animation-name:sheet-unpop}}}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes sheet-down{to{transform:translateY(100%)}}@keyframes sheet-pop{0%{opacity:0;transform:scale(.9)rotate(-3deg)}}@keyframes sheet-unpop{to{opacity:0;transform:scale(.94)rotate(-2deg)}}@keyframes shade-in{0%{opacity:0}}@keyframes shade-out{to{opacity:0}}.app-soon{background:var(--lilac);color:var(--on-color);border:var(--border);box-shadow:3px 3px 0 var(--pop);border-radius:18px;padding:10px 52px 10px 16px;position:relative;overflow:hidden}.app-soon p{z-index:1;font-size:15px;line-height:1.3;position:relative}.app-soon p b{font-weight:800}.app-soon-hand{font-family:var(--font-hand);color:var(--accent-text);transform-origin:0;font-size:20px;font-weight:700;line-height:1;display:block;transform:rotate(-2deg)}.app-soon-slice{z-index:0;pointer-events:none;background:conic-gradient(var(--yellow) 0 290deg, transparent 290deg);border-radius:50%;width:84px;height:84px;position:absolute;top:-30px;right:-26px}.app-soon .app-soon-how{margin-top:6px;font-size:14px}.app-soon-share{vertical-align:-2px;width:16px;height:16px;display:inline-block}.app-soon-btn{z-index:1;margin-top:8px;position:relative}.app-soon-close{z-index:2;border:var(--border);width:30px;height:30px;color:var(--on-color);cursor:pointer;background:#fff;border-radius:50%;place-items:center;font-size:13px;display:grid;position:absolute;top:10px;right:10px}@media (prefers-reduced-motion:no-preference){.app-soon-slice{animation:30s linear infinite app-soon-spin}}@keyframes app-soon-spin{to{transform:rotate(360deg)}}.cookie-note{z-index:40;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));background:var(--surface);max-width:360px;color:var(--ink);border:var(--border);box-shadow:3px 3px 0 var(--pop);border-radius:20px;gap:10px;padding:12px 16px 14px;font-size:14px;line-height:1.4;display:grid;position:fixed;overflow:hidden}.cookie-note p{z-index:1;position:relative}.cookie-note a{color:var(--accent-text);text-underline-offset:3px;font-weight:700}.cookie-note-hand{font-family:var(--font-hand);color:var(--accent-text);transform-origin:0;font-size:21px;font-weight:700;line-height:1;display:block;transform:rotate(-2deg)}.cookie-note-slice{z-index:0;pointer-events:none;background:conic-gradient(var(--yellow) 0 290deg, transparent 290deg);border-radius:50%;width:72px;height:72px;position:absolute;top:-28px;right:-24px}.cookie-note-small{background:var(--mint);color:var(--on-color);padding:10px 52px 10px 14px}.cookie-note-small .cookie-note-hand,.cookie-note-small a{color:var(--on-color)}.cookie-note-close{z-index:2;border:var(--border);width:30px;height:30px;color:var(--on-color);cursor:pointer;background:#fff;border-radius:50%;place-items:center;font-size:13px;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.cookie-bar{background:var(--mint);color:var(--on-color);max-width:380px;max-height:calc(100dvh - 24px);overflow-y:auto}.cookie-bar .cookie-note-hand{z-index:1;margin:0;position:relative}.cookie-bar-buttons{z-index:1;grid-template-columns:1fr 1fr;gap:8px;display:grid;position:relative}.cookie-bar-buttons .btn{background:var(--yellow);color:var(--on-color);box-shadow:2px 2px 0 var(--pop);padding-inline:8px}.cookie-bar-buttons .btn:hover{background:var(--lilac)}.cookie-bar a,.cookie-bar-links .link{color:var(--on-color)}.cookie-bar .cookie-note-hand{color:var(--accent-text)}.cookie-bar-row small{color:var(--on-color);opacity:.75}.cookie-bar-row input{accent-color:var(--on-color)}.cookie-bar-links{justify-content:space-between;gap:12px;font-size:13px;display:flex}.cookie-bar-links .link{font-size:13px}.cookie-bar-list{z-index:1;gap:4px;margin:0;padding:0;list-style:none;display:grid;position:relative}.cookie-bar-row{cursor:pointer;grid-template-columns:20px 1fr;align-items:start;gap:8px;padding:6px 2px;font-size:13px;display:grid}.cookie-bar-row input{width:18px;height:18px;accent-color:var(--accent);margin:1px 0 0}.cookie-bar-row small{color:var(--muted);font-size:12px;display:block}.cookie-bar-row:has(input:disabled){cursor:default}@media (prefers-reduced-motion:no-preference){.cookie-note{animation:.45s cubic-bezier(.2,.9,.3,1.3) .8s both cookie-note-in}.cookie-note-slice{animation:30s linear infinite app-soon-spin}}@keyframes cookie-note-in{0%{opacity:0;transform:translateY(16px)rotate(-2deg)}to{opacity:1;transform:none}}.acc-hero{border:var(--border);background:var(--yellow);color:var(--on-color);box-shadow:4px 4px 0 var(--pop);border-radius:24px;align-items:center;gap:14px;padding:18px 16px;display:flex;position:relative;overflow:hidden}.acc-hero:after{content:"";background:conic-gradient(transparent 0 50deg, var(--s1) 50deg 360deg);opacity:.55;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-30px;right:-26px}.acc-avatar{z-index:1;border:var(--border);background:var(--lilac);width:64px;height:64px;color:var(--on-color);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.acc-avatar svg{width:34px;height:34px}.acc-hero>span:last-child{z-index:1;position:relative}.acc-hand{font-family:var(--font-hand);color:var(--accent-text);font-size:24px;line-height:1;display:block}.acc-name{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:22px;display:block;overflow:hidden}.acc-mail{opacity:.8;text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.acc-card{gap:12px;display:grid}.acc-card h3{align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.acc-dot{border:2px solid var(--edge);min-width:30px;height:30px;color:var(--on-color);border-radius:10px;place-items:center;padding:0 6px;font-size:13px;font-weight:800;display:inline-grid}.acc-check{align-items:center;gap:12px;font-weight:600;display:flex}.acc-check input{width:22px;height:22px;accent-color:var(--accent)}.acc-push{border-bottom:2px dashed var(--line);gap:8px;padding-bottom:12px;display:grid}.acc-danger{border-style:dashed}.acc-danger summary{cursor:pointer;color:var(--accent-text);font-weight:800}.acc-danger[open] summary{margin-bottom:4px}.btn-danger{background:var(--accent);color:var(--accent-ink)}.site-head{z-index:40;background:color-mix(in oklch, var(--bg) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;box-shadow:0 6px 18px #41232f14;box-shadow:0 6px 18px lab(18.1492% 16.3978 -1.47272/.08)}.site-head .wrap{justify-content:space-between;align-items:center;gap:16px;padding-block:12px;display:flex}.logo{font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:10px;font-size:21px;font-weight:800;text-decoration:none;display:flex}.logo em{font-style:normal;font-family:var(--font-hand);color:var(--accent-text);font-size:25px}.logo-mark{flex:none;width:40px;height:32px;display:block}.site-head .wrap{max-width:1180px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0 auto}.site-head nav{align-items:center;gap:10px 22px;font-size:15px;font-weight:600;display:flex}.logo{color:var(--ink)}@media (max-width:560px){.site-head nav:has([aria-haspopup=menu])>.btn{display:none}}@media (max-width:420px){.logo{gap:7px;font-size:17px}.logo em{font-size:20px}.logo-mark{width:33px;height:26px}.site-head nav{gap:8px}}.appbar.under-head{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding-top:14px;position:static}.app-soon .app-soon-btn{margin-top:10px;padding:11px 18px}.app-soon-btn .app-soon-share{width:18px;height:18px}.install-steps{gap:12px;margin:0;padding:0;list-style:none;display:grid}.install-steps li{background:var(--surface);border:var(--border);border-radius:18px;grid-template-columns:36px 1fr;align-items:center;gap:12px;padding:12px 14px;font-size:16px;line-height:1.35;display:grid}.install-steps .app-soon-share{vertical-align:-4px;width:20px;height:20px}.install-n{background:var(--yellow);border:var(--border);width:36px;height:36px;font-family:var(--font-display);color:var(--on-color);border-radius:50%;place-items:center;font-weight:800;display:grid}.quick-ideas{text-align:center;color:var(--muted);margin:-4px 0 0;font-size:13px}.quick-ideas a{color:var(--ink);font-weight:700}.confetti{pointer-events:none;z-index:100;position:fixed;inset:0}.confetti i{border:1.5px solid var(--edge);border-radius:3px;width:9px;height:13px;animation:1s cubic-bezier(.2,.7,.4,1) forwards confetti;position:fixed}@keyframes confetti{to{transform:translate(var(--dx), calc(var(--dy) + 120px)) rotate(var(--r));opacity:0}}.confetti i.slice{clip-path:polygon(50% 100%,0 0,100% 0);border:0;border-radius:0;width:15px;height:14px}.confetti.rain i{animation:2s cubic-bezier(.3,.1,.6,1) forwards confetti-rain;top:-24px}@keyframes confetti-rain{to{transform:translate(var(--drift), calc(100vh + 40px)) rotate(var(--r))}}.party-toast{z-index:101;left:16px;right:16px;bottom:calc(84px + env(safe-area-inset-bottom,0px));background:var(--surface);border:var(--border);max-width:420px;box-shadow:4px 4px 0 var(--edge);border-radius:18px;align-items:center;gap:12px;margin:0 auto;padding:14px 16px;animation:.45s cubic-bezier(.2,1.4,.4,1) both party-in;display:flex;position:fixed}.party-toast .hand{font-family:var(--font-hand);color:var(--accent-text);font-size:26px;font-weight:700;line-height:1}.party-toast p{margin:0;font-weight:700}.party-toast button{border:var(--border);background:var(--surface);width:32px;height:32px;color:var(--ink);cursor:pointer;border-radius:50%;flex:none;margin-left:auto;font-size:16px}@keyframes party-in{0%{opacity:0;transform:translateY(30px)scale(.9)}}@media (prefers-reduced-motion:reduce){.party-toast{animation:none}}.more-opts>*+*{margin-top:14px}.more-opts[open]>summary{margin-bottom:2px}.more-opts>summary{cursor:pointer;color:var(--muted);align-items:center;gap:6px;font-weight:700;list-style:none;display:inline-flex}.more-opts>summary::-webkit-details-marker{display:none}.more-opts>summary:before{content:"+";border:var(--border);width:22px;height:22px;color:var(--ink);border-radius:50%;place-items:center;font-size:14px;display:inline-grid}.more-opts[open]>summary:before{content:"–"}.maker-nav{z-index:20;padding:6px max(8px, env(safe-area-inset-left,0px)) calc(6px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:var(--border);grid-template-columns:repeat(5,1fr);align-items:end;display:grid;position:fixed;bottom:0;left:0;right:0}.maker-nav a{color:var(--muted);justify-items:center;gap:2px;padding:4px 0;font-size:12px;font-weight:700;text-decoration:none;display:grid}.maker-nav a svg{border-radius:10px;width:26px;height:26px;padding:2px;transition:background .15s,transform .15s}.maker-nav a[aria-current=page]{color:var(--ink)}.maker-nav a[aria-current=page] svg{background:var(--lilac)}.maker-nav a:active svg{transform:scale(.9)}.maker-nav .plus{color:var(--ink)}.maker-nav .plus i{background:var(--accent);width:50px;height:50px;color:var(--accent-ink);border:var(--border);box-shadow:3px 3px 0 var(--pop);border-radius:50%;place-items:center;margin-top:-24px;display:grid}.maker-nav .plus i svg{width:28px;height:28px;padding:0}.maker-nav .plus span{text-align:center;font-weight:800;line-height:1.1}.app:has(.maker-nav){padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.add-tile{border:2px dashed color-mix(in oklch, var(--ink) 30%, transparent);color:var(--ink);border-radius:20px;align-items:center;gap:12px;padding:14px 16px;font-weight:700;text-decoration:none;display:flex}.add-tile i{background:var(--accent);width:34px;height:34px;color:var(--accent-ink);border:var(--border);border-radius:50%;flex:none;place-items:center;font-size:22px;font-style:normal;font-weight:800;line-height:1;display:grid}.first-list{color:var(--ink);text-decoration:none}.first-list i{background:var(--accent);width:52px;height:52px;color:var(--accent-ink);border:var(--border);border-radius:50%;place-items:center;font-size:30px;font-style:normal;font-weight:800;line-height:1;display:grid}.add-tile:active,.add-tile:hover{background:color-mix(in oklch, var(--accent) 8%, transparent)}@media (min-width:720px){.maker-nav{display:none}.app:has(.maker-nav){padding-bottom:0}}.card-grid,.split-side,.split-main{display:contents}.desk-nav{display:none}@media (min-width:720px){.desk-nav{align-items:center;gap:22px;margin-right:10px;font-size:15px;font-weight:600;display:flex}.desk-nav a{color:var(--ink);white-space:nowrap;border-bottom:3px solid #0000;padding:6px 2px;text-decoration:none}.desk-nav a[aria-current=page],.desk-nav a:hover{border-bottom-color:var(--accent)}.app{max-width:none}.app>:not(.site-head){width:100%;max-width:680px;margin-inline:auto}}@media (min-width:960px){.app:has(.screen.wide)>:not(.site-head){max-width:1120px}.appbar{min-height:72px;padding-inline:32px}.screen>.quick-or{align-self:flex-start}.appbar h2{letter-spacing:-.02em;font-size:30px}.screen{gap:16px;padding:8px 32px 48px}.footer{border-top:0;grid-auto-flow:column;justify-content:start;padding-inline:32px;position:static}.footer .btn-block{width:auto;min-width:280px}.card.tap{transition:transform .15s,box-shadow .15s}.card.tap:hover{box-shadow:6px 6px 0 var(--s1);transform:translate(-2px,-2px)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.split{grid-template-columns:minmax(320px,380px) 1fr;align-items:start;gap:32px;display:grid}.split-side{flex-direction:column;gap:16px;display:flex;position:sticky;top:92px}.split-main{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-content:start;gap:14px;display:grid}.split-main>.eyebrow,.split-main>.empty{grid-column:1/-1}.split-main>*{align-self:start}.acc-screen{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.acc-screen>.acc-hero,.acc-screen>.hint,.acc-screen>.error,.acc-screen>.medals{grid-column:1/-1}}.skel{background:var(--empty);border-radius:16px;position:relative;overflow:hidden}.skel:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--surface) 70%, transparent), transparent);position:absolute;inset:0;transform:translate(-100%)}@media (prefers-reduced-motion:no-preference){.skel:after{animation:1.2s ease-in-out infinite skel}}@keyframes skel{to{transform:translate(100%)}}.skel-list{gap:12px;width:100%;max-width:480px;margin:0 auto;padding:16px;display:grid}@media (prefers-reduced-motion:no-preference){.skel-list{animation:.2s ease-out .3s both skel-in}}@keyframes skel-in{0%{opacity:0}}.is-struck .mark{background:linear-gradient(var(--accent), var(--accent)) no-repeat 0 58% / 100% .16em;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--muted);text-decoration:none}.is-struck.just .mark{animation:.5s ease-out both stift}@keyframes stift{0%{background-size:0 .16em}to{background-size:100% .16em}}.iced{position:relative}.iced:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 15'%3E%3Cpath d='M0 0H60V6C56 6 55 12 51 12S46 6 42 6C38 6 38 9 34 9S30 6 26 6C22 6 21 13 16 13S10 6 6 6C3 6 2 6 0 6Z' fill='%23ffb9d4'/%3E%3Cpath d='M0 6C2 6 3 6 6 6C10 6 11 13 16 13S22 6 26 6S30 9 34 9S38 6 42 6S47 12 51 12S56 6 60 6' fill='none' stroke='%23f075aa' stroke-width='1.5'/%3E%3Crect x='8' y='2' width='5' height='2' rx='1' fill='%23f9e03f' transform='rotate(-20 10 3)'/%3E%3Crect x='24' y='3' width='5' height='2' rx='1' fill='%2370e9b9' transform='rotate(30 26 4)'/%3E%3Crect x='38' y='1.5' width='5' height='2' rx='1' fill='%236d9aff' transform='rotate(-35 40 2.5)'/%3E%3Crect x='50' y='3' width='5' height='2' rx='1' fill='%23fbf8f1' transform='rotate(15 52 4)'/%3E%3C/svg%3E") 0 0/60px 15px repeat-x;border-radius:18px 18px 0 0;height:15px;position:absolute;inset:0 0 auto}.card.tap.iced{padding-top:22px}.site .wcard.iced{padding-top:20px}@media (prefers-reduced-motion:reduce){.is-struck.just .mark{animation:none}}.site-head nav{white-space:nowrap;min-width:0}.nav-help{color:var(--ink);font-size:14px}@media (max-width:560px){.site-head.has-back .wrap{justify-content:flex-start;gap:10px}.site-head.has-back nav{gap:12px;margin-left:auto}.site-head.has-back .logo span{display:none}}.app-splash,.app-uitleg-scherm{display:none}html.app-start .app-splash{z-index:1000;background:#fbf6ec;place-items:center;display:grid;position:fixed;inset:0}html.app-start-uit .app-splash{opacity:0;transition:opacity .4s}.app-splash-in{justify-items:center;gap:14px;display:grid;transform:translateY(-4vh)}.splash-logo{aspect-ratio:51.6/41.2;width:46vw;display:grid}.splash-logo img{grid-area:1/1;width:100%;height:100%}.splash-punt{animation:.75s cubic-bezier(.25,1.35,.45,1) .3s both splash-punt}.splash-snij{animation-name:splash-snij}@keyframes splash-punt{0%{transform:translate(-17.44%,-8.5%)}}@keyframes splash-snij{0%{opacity:0;transform:translate(-17.44%,-8.5%)}25%{opacity:1}}.app-splash b{font:800 8.6vw/1 var(--font-display);letter-spacing:-.02em;color:var(--ink)}.app-splash span{font:700 6.4vw/1 var(--font-hand);color:var(--accent-text);transform:rotate(-3deg)}html.app-uitleg .app-uitleg-scherm{z-index:999;background:var(--bg);padding:env(safe-area-inset-top) 0 calc(env(safe-area-inset-bottom) + 20px);flex-direction:column;display:flex;position:fixed;inset:0}html.app-uitleg-uit .app-uitleg-scherm{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(16px)}.intro-skip{font:700 15px var(--font-body);color:var(--muted);cursor:pointer;background:0 0;border:0;align-self:flex-end;margin:12px 16px 0;padding:8px}.intro-track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;flex:1;display:flex;overflow-x:auto}.intro-track::-webkit-scrollbar{display:none}.intro-slide{scroll-snap-align:center;text-align:center;flex-direction:column;flex:0 0 100%;justify-content:center;padding:0 28px;display:flex}.intro-art{aspect-ratio:1;background:var(--intro);border:var(--border);width:min(72vw,280px);box-shadow:5px 5px 0 var(--pop);border-radius:36px;place-items:center;margin:0 auto 28px;display:grid;transform:rotate(-2deg)}.intro-slide h2{font:800 clamp(24px, 7vw, 30px)/1.1 var(--font-display);letter-spacing:-.02em;margin:0 0 10px}.intro-slide p{max-width:30ch;color:var(--muted);margin:0 auto;font-size:17px;line-height:1.45}.intro-foot{justify-items:center;gap:18px;width:100%;max-width:440px;margin:0 auto;padding:0 24px;display:grid}.intro-dots{gap:8px;display:flex}.intro-dots i{background:var(--line);border-radius:99px;width:8px;height:8px;transition:width .25s,background-color .25s}.intro-dots i.on{background:var(--accent);width:24px}.intro-list{gap:10px;width:78%;display:grid}.intro-list span{background:var(--surface);border:var(--border);text-align:left;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;font-size:15px;font-weight:800;display:flex}.intro-list i{border:var(--border);border-radius:6px;flex:none;width:20px;height:20px}.intro-list .done{animation:10ms both intro-strike}.intro-list .done i{background:var(--good-soft)}.intro-list .done{text-decoration:line-through;-webkit-text-decoration-color:var(--hot);text-decoration-color:var(--hot);color:var(--muted);text-decoration-thickness:3px}@keyframes intro-strike{0%{text-decoration-color:#0000}}.intro-lootjes{gap:10px;width:70%;display:grid}.intro-lootjes span{background:var(--surface);border:var(--border);font:800 17px var(--font-display);color:#0000;text-shadow:0 0 9px var(--ink);border-radius:14px;padding:12px}.intro-lootjes .open{color:var(--ink);text-shadow:none;background:var(--yellow);box-shadow:3px 3px 0 var(--pop);animation:.5s cubic-bezier(.3,1.4,.5,1) .3s both sheet-pop;transform:rotate(2deg)scale(1.06)}@media (prefers-reduced-motion:reduce){.splash-punt,.intro-lootjes .open{animation:none}}.party-toast.egg{bottom:auto;top:calc(16px + env(safe-area-inset-top,0px))}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.medals h3{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.medals .hand{font-family:var(--font-hand);color:var(--accent-text);font-size:28px;font-weight:700}.medal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.medal{text-align:center;justify-items:center;gap:4px;min-width:0;display:grid}.medal b{font-size:13px;line-height:1.15}.medal .sub{font-size:11.5px;line-height:1.25}.medal-coin{border:var(--border);background:var(--empty);width:60px;height:60px;box-shadow:3px 3px 0 var(--edge);border-radius:50%;place-items:center;font-size:28px;line-height:1;display:grid;position:relative}.medal:not(.has) .medal-coin{filter:grayscale();opacity:.45;box-shadow:none;border-style:dashed}.medal:not(.has) b{color:var(--muted)}.medal.secret .medal-coin{font-family:var(--font-display);color:var(--muted);box-shadow:none;border-style:dashed;font-size:26px;font-weight:800}.medal-level{border:2px solid var(--edge);border-radius:50%;width:20px;height:20px;position:absolute;bottom:-4px;right:-4px}.medal-level.brons{background:var(--medal-brons)}.medal-level.zilver{background:var(--medal-zilver)}.medal-level.goud{background:var(--medal-goud)}.medal-level.platina{background:linear-gradient(135deg, #fff, var(--medal-platina) 45%, #c5b3ea)}@supports (color:lab(0% 0 0)){.medal-level.platina{background:linear-gradient(135deg, #fff, var(--medal-platina) 45%, lab(75.8209% 15.0428 -25.4694))}}.medal-bar{background:var(--empty);border:1.5px solid var(--line);border-radius:6px;width:70%;height:6px;overflow:hidden}.medal-bar span{background:var(--accent);height:100%;display:block}.medal.fresh .medal-coin{animation:.7s cubic-bezier(.2,1.6,.4,1) both medal-pop}@keyframes medal-pop{0%{transform:scale(.4)rotate(-20deg)}to{transform:none}}.party-toast .medal-coin{width:44px;height:44px;box-shadow:none;flex:none;font-size:22px}.party-toast a{color:var(--accent-text);font-weight:800}@media (prefers-reduced-motion:reduce){.medal.fresh .medal-coin{animation:none}}@media (min-width:720px){.medal-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.medal-status{border:var(--border);background:linear-gradient(135deg, #fff 0%, var(--medal-platina) 50%, #e3d6ff 100%);border-radius:16px;gap:6px;margin-top:12px;padding:12px 14px;display:grid}@supports (color:lab(0% 0 0)){.medal-status{background:linear-gradient(135deg, #fff 0%, var(--medal-platina) 50%, lab(87.6941% 10.9701 -19.2616) 100%)}}.medal-status b{font-family:var(--font-display);font-size:17px}.medal-status ul{margin:0;padding-left:18px;font-size:14px}.medal-status .medal-bar{background:#fff;width:100%}html.platina .acc-avatar:before{content:"👑";font-size:26px;line-height:1;position:absolute;top:-20px;left:50%;transform:translate(-50%)rotate(-8deg)}html.platina .acc-hero{overflow:visible}html.platina img[src="/logo.svg"]{filter:drop-shadow(0 0 6px #fed252)drop-shadow(0 0 2px #fed252);filter:drop-shadow(0 0 6px lab(86.4742% 6.15835 66.6916))drop-shadow(0 0 2px lab(86.4742% 6.15835 66.6916))}.medal-persona{margin:6px 0 0;font-size:15px}.medal-persona b{font-family:var(--font-hand);color:var(--accent-text);font-size:24px}.medal-tag{font-family:var(--font-hand);border:1.5px solid var(--edge);border-radius:999px;padding:2px 8px;font-size:16px;font-weight:700;line-height:1}.medal-tag.brons{background:var(--medal-brons)}.medal-tag.zilver{background:var(--medal-zilver)}.medal-tag.goud{background:var(--medal-goud)}.medal-tag.platina{background:linear-gradient(135deg, #fff, var(--medal-platina) 45%, #c5b3ea)}@supports (color:lab(0% 0 0)){.medal-tag.platina{background:linear-gradient(135deg, #fff, var(--medal-platina) 45%, lab(75.8209% 15.0428 -25.4694))}}.medal-card{grid-template-columns:auto 1fr auto}.medal-card-coins{display:flex}.medal-card-coins .medal-coin{width:38px;height:38px;box-shadow:none;font-size:19px}.medal-card-coins .medal-coin+.medal-coin{margin-left:-12px}.payout-ready{background:var(--mint);color:var(--on-color);box-shadow:4px 4px 0 var(--pop);gap:8px;display:grid}.payout-ready .sub{color:var(--on-color)}.payout-line{color:var(--accent-text);font-size:13px;font-weight:700}.over-pill{border:var(--border);background:var(--empty);color:var(--ink);border-radius:999px;margin-right:6px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.card.is-over{opacity:.72}.is-over .split-main .card.tap{filter:saturate(.55)}.over-note a{color:var(--ink);font-weight:700}.payout-ready .payout-for{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.payout-how{font-size:14px}.payout-how summary{cursor:pointer;text-underline-offset:3px;text-align:center;text-decoration:underline;list-style:none}.payout-how summary::-webkit-details-marker{display:none}.payout-how p{margin:6px 0 0}.taart-laden{color:var(--muted);justify-items:center;gap:10px;padding:28px 0 8px;font-weight:700;display:grid}.taart-laden .sprinkels{align-items:end;gap:7px;height:26px;display:flex}.taart-laden .sprinkels i{background:#f075aa;border-radius:4px;width:7px;height:18px}.taart-laden .sprinkels i:nth-child(2){background:#3e6fef}.taart-laden .sprinkels i:nth-child(3){background:#70e9b9}@media (prefers-reduced-motion:no-preference){.taart-laden .sprinkels i{animation:.9s ease-in-out infinite sprinkel-hup}.taart-laden .sprinkels i:nth-child(2){animation-delay:.15s}.taart-laden .sprinkels i:nth-child(3){animation-delay:.3s}}@keyframes sprinkel-hup{0%,to{transform:translateY(0)rotate(0)}40%{transform:translateY(-9px)rotate(25deg)}}.taart-leeg{text-align:center;border:var(--border);background:var(--surface);border-radius:22px;justify-items:center;gap:6px;padding:20px 16px;display:grid}.taart-leeg b{font-family:var(--font-display);font-size:20px}.wv img,.thumb{border-radius:16px 16px 4px}.pimg{border-radius:12px 12px 3px}.acc-dot{border-radius:10px 10px 3px}.swipe{--wis:#db2c2b;border-radius:22px;display:grid;position:relative;overflow:clip}@supports (color:lab(0% 0 0)){.swipe{--wis:lab(49.1862% 66.0919 46.2066)}}.swipe-front{z-index:1;touch-action:pan-y;transition:transform .32s cubic-bezier(.2,.9,.3,1.15);position:relative}.swipe.is-dragging .swipe-front{transition:none}.swipe-front>.card{height:100%}.swipe-act{pointer-events:none;place-items:center;width:96px;display:grid;position:absolute;inset-block:0}.swipe-act.edit{left:0}.swipe-act.del{right:0}.swipe-act button{border:var(--border);width:74px;height:74px;font:inherit;cursor:pointer;opacity:0;border-radius:18px 18px 5px;place-content:center;justify-items:center;gap:2px;font-size:12px;font-weight:800;transition:transform .2s,opacity .15s;display:grid;transform:scale(.6)}.swipe-act.edit button{background:var(--mint);color:var(--on-color);box-shadow:3px 3px 0 var(--pop)}.swipe-act.del button{background:var(--wis);color:#fff;box-shadow:3px 3px 0 var(--pop)}.swipe.is-dragging .swipe-act button{transition:none}.swipe[data-side=edit] .swipe-act.edit button,.swipe[data-side=del] .swipe-act.del button{opacity:var(--pull,0);transform:scale(calc(.6 + .4 * var(--pull,0)));pointer-events:auto}.swipe.is-gone{pointer-events:none;animation:.3s ease-in forwards swipe-gone}@keyframes swipe-gone{0%{max-height:200px}to{opacity:0;max-height:0;transform:scale(.96)}}.swipe-desk{display:none}@media (hover:hover) and (pointer:fine){.swipe{overflow:visible}.swipe-act,.swipe-front>.card .chev{display:none}.swipe-front>.card{padding-right:112px}.swipe-desk{z-index:2;gap:8px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.swipe-desk a,.swipe-desk button{border:var(--border);background:var(--surface);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:12px 12px 3px;place-items:center;transition:transform .15s,box-shadow .15s,background-color .15s;display:grid}.swipe-desk a:hover{background:var(--mint);box-shadow:3px 3px 0 var(--pop);transform:translate(-1px,-1px)}.swipe-desk button:hover{background:var(--wis);color:#fff;box-shadow:3px 3px 0 var(--pop);transform:translate(-1px,-1px)}}@media (prefers-reduced-motion:no-preference){.swipe.is-nudge .swipe-front{animation:2.2s ease-in-out .7s both swipe-nudge}.swipe.is-nudge .swipe-act button{animation:2.2s ease-in-out .7s both swipe-nudge-act}.swipe.is-nudge .swipe-act.edit button{animation-name:swipe-nudge-edit}}@keyframes swipe-nudge{0%,to{transform:none}20%,38%{transform:translate(-84px)}55%{transform:none}70%,86%{transform:translate(84px)}}@keyframes swipe-nudge-act{0%,to,50%{opacity:0;transform:scale(.6)}20%,38%{opacity:1;transform:none}}@keyframes swipe-nudge-edit{0%,55%,to{opacity:0;transform:scale(.6)}70%,86%{opacity:1;transform:none}}.swipe-tip{border:var(--border);background:var(--yellow);color:var(--on-color);border-radius:16px 16px 4px;align-items:center;gap:10px;margin:0;padding:10px 12px 10px 14px;font-size:14px;display:flex}.swipe-tip span{flex:1}.swipe-tip button{width:32px;height:32px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;font-size:16px}.swipe-ask .btn-danger{background:var(--wis);color:#fff}.swipe-ask{gap:10px;padding:0 16px 8px;display:grid}
