.ob-trigger{--ob-accent:#4a90f0;font:inherit;color:var(--ob-accent);cursor:pointer;border:0;border-bottom:2px dotted var(--ob-accent);background:0 0;padding:0 0 1px;font-style:italic;transition:color .16s,border-color .16s;animation:3.2s ease-in-out infinite ob-trigger-breathe}.ob-trigger:hover{color:var(--ink);border-bottom-color:var(--ink)}.ob-trigger:focus-visible{outline:3px solid var(--ob-accent);outline-offset:3px;border-radius:3px}@keyframes ob-trigger-breathe{0%,to{border-bottom-color:#4a90f073}50%{border-bottom-color:#4a90f0}}.kfm-ob__scrim{z-index:0;animation:ob-fade-in .28s var(--e-ios,cubic-bezier(.32, .72, 0, 1));background:#15120e94;position:fixed;inset:0}.kfm-ob{--ob-accent:#4a90f0;--ob-ink:#15120e;--ob-ink-soft:#5a524a;--ob-mist:#6b7280;--ob-line:#eae8e4;--e-out:cubic-bezier(.23, 1, .32, 1);--e-ios:cubic-bezier(.32, .72, 0, 1);z-index:9999;color:var(--ob-ink);font-family:General Sans,system-ui,-apple-system,sans-serif;display:grid;position:fixed;inset:0}.kfm-ob:focus{outline:none}.kfm-ob--center{place-items:center;padding:16px}.kfm-ob--center .ob{animation:ob-pop-in .38s var(--e-ios)}.kfm-ob--sheet{place-items:end stretch}.kfm-ob--sheet .ob{animation:ob-sheet-up .42s var(--e-ios)}.ob{z-index:1;background:#fff;border-radius:28px;flex-direction:column;width:480px;max-width:calc(100vw - 32px);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px -24px #15120e57}.ob--sheet{border-radius:28px 28px 0 0;width:100vw;max-width:100vw;box-shadow:0 -8px 40px -12px #15120e47}.ob__grab{background:#e3e0db;border-radius:999px;width:38px;height:4px;margin:10px auto 0}.ob__x{z-index:4;color:#8a8178;cursor:pointer;background:0 0;border:1px solid #dedbd6;border-radius:50%;place-items:center;width:36px;height:36px;transition:color .16s,border-color .16s;display:grid;position:absolute;top:14px;right:14px}.ob__x:hover{color:var(--ob-ink);border-color:#b8b3ac}.ob__x:focus-visible{outline-offset:2px;outline:2px solid #c9c5bf}.ob__x svg{width:16px;height:16px}.ob__view{overflow:hidden}.ob__track{width:300%;transition:transform .42s var(--e-ios);display:flex}.ob__slide{flex:0 0 33.3333%;width:33.3333%;padding:0 32px}.ob--sheet .ob__slide{padding:0 22px}.ob__visual{place-items:center;height:288px;display:grid;position:relative}.ob--sheet .ob__visual{height:236px}.ob__phrase{letter-spacing:-.022em;text-wrap:balance;margin:0;font-family:Satoshi,General Sans,sans-serif;font-size:27px;font-weight:700;line-height:1.16}.ob--sheet .ob__phrase{font-size:25px}.ob__sub{color:var(--ob-mist);text-wrap:pretty;margin:9px 0 0;font-size:14px}.ob__foot{justify-content:space-between;align-items:center;gap:20px;padding:24px 32px 26px;display:flex}.ob--sheet .ob__foot{padding:22px 22px calc(22px + env(safe-area-inset-bottom))}.dots{gap:7px;display:flex}.dot{width:7px;height:7px;transition:background .25s, width .25s var(--e-out);background:#dedbd6;border-radius:50%}.dot.is-on{background:var(--ob-accent);border-radius:999px;width:20px}.ob__btn{color:#fff;letter-spacing:-.005em;cursor:pointer;height:46px;transition:transform .16s var(--e-out), background .16s;background:#000;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 24px;font-family:General Sans,sans-serif;font-size:15px;font-weight:600;display:inline-flex}.ob__btn:hover{background:#1d1b18;transform:translateY(-1px)}.ob__btn:active{transform:translateY(0)}.ob__btn:focus-visible{outline:2px solid var(--ob-accent);outline-offset:2px}.ob--sheet .ob__btn{flex:1}.ob__mascot{object-fit:contain;width:auto;height:262px}.ob--sheet .ob__mascot{height:214px}.ob__scene{place-items:center;width:100%;height:100%;display:grid;position:relative}.kift{border:1px solid var(--ob-line);background:#fff;border-radius:20px;align-items:center;gap:13px;width:392px;max-width:100%;padding:14px 15px;display:flex;box-shadow:0 2px 6px #1e160e0f,0 26px 46px -28px #1e160e8c}.ob--sheet .kift{gap:11px;width:100%;padding:12px 13px}.kift__thumb{background:#f3ece3;border-radius:50%;flex:none;width:50px;height:50px;position:relative;overflow:hidden;box-shadow:0 1px 3px #1e160e33}.ob--sheet .kift__thumb{width:44px;height:44px}.kift__thumb img{object-fit:cover}.kift__body{flex:1;min-width:0}.kift__name{white-space:nowrap;text-overflow:ellipsis;font-size:15.5px;font-weight:600;line-height:1.2;overflow:hidden}.ob--sheet .kift__name{font-size:14.5px}.kift__meta{color:var(--ob-mist);margin-top:2px;font-size:13px}.kift__meta b{color:var(--ob-ink-soft);font-weight:600}.kift__side{flex-direction:column;flex:none;align-items:flex-end;gap:4px;display:flex}.status{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.ob--sheet .status{padding:3px 8px;font-size:11px}.status--wait{color:#9a7b46;background:#f6efe2}.status--wait .dotw{background:#c9a86a;border-radius:50%;width:6px;height:6px}.status--done{color:color-mix(in srgb, var(--ob-accent), #000 22%);background:color-mix(in srgb, var(--ob-accent), #fff 86%)}.status--done .tick{border:solid color-mix(in srgb, var(--ob-accent), #000 22%);border-width:0 1.7px 1.7px 0;width:5px;height:9px;margin-top:-2px;transform:rotate(40deg)}.amount{white-space:nowrap;font-size:13px;font-weight:600}.ob__status-swap{transition:color .3s,background .3s}.ob__slide[data-active=true] .status--done{animation:ob-badge-in .34s var(--e-out)}.float{animation:ob-float 5.4s var(--e-out) infinite}.ob__clock{color:#c9c5bf;width:46px;height:46px;position:absolute;top:44px;right:26px}.ob--sheet .ob__clock{width:40px;height:40px;top:30px;right:8px}.ob__clock circle{fill:none;stroke:currentColor;stroke-width:1.5px}.ob__clock line{stroke:var(--ob-ink-soft);stroke-width:1.6px;stroke-linecap:round}.ob__clock .hand-m{transform-origin:24px 24px;animation:9s linear infinite ob-spin}.ob__clock .hand-h{transform-origin:24px 24px;animation:54s linear infinite ob-spin}.ob__back{color:#c4c0b9;width:300px;height:86px;position:absolute;bottom:24px;left:50%;overflow:visible;transform:translate(-50%)}.ob--sheet .ob__back{width:268px;bottom:16px}.ob__back path{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-dasharray:5 7;animation:2.6s linear infinite ob-dash}.ob__back polyline{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}@keyframes ob-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ob-pop-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}@keyframes ob-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes ob-float{0%,to{transform:translateY(-5px)}50%{transform:translateY(5px)}}@keyframes ob-spin{to{transform:rotate(360deg)}}@keyframes ob-dash{to{stroke-dashoffset:-24px}}@keyframes ob-badge-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ob-trigger,.kfm-ob__scrim,.kfm-ob--center .ob,.kfm-ob--sheet .ob,.float,.ob__clock .hand-m,.ob__clock .hand-h,.ob__back path,.ob__slide[data-active=true] .status--done{animation:none!important}.ob__track,.ob__status-swap{transition:none!important}}
