html,body,#root{height:100%}body{background:var(--color-neutral-200);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;margin:0}a{color:var(--color-accent-700)}a:hover{color:var(--color-accent-800)}input[type=range]{accent-color:var(--color-accent)}button{-webkit-user-select:none;user-select:none}button:disabled{cursor:not-allowed}input{color:var(--color-text)}.shell{left:0;right:0;top:var(--vv-top,0px);height:var(--vv-height,100%);justify-content:center;display:flex;position:fixed}.phone{background:var(--color-bg);width:100%;max-width:480px;height:100%;color:var(--color-text);font-family:var(--font-body);position:relative;overflow:hidden}@media (width>=520px){.phone{box-shadow:var(--shadow-lg)}}.scroll{scrollbar-width:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);position:absolute;inset:0;overflow-y:auto}.scroll::-webkit-scrollbar{display:none}.hscroll{scrollbar-width:none}.hscroll::-webkit-scrollbar{display:none}.ib{background:var(--color-surface);cursor:pointer;width:44px;height:44px;color:var(--color-text);border:none;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.ib:hover{background:var(--color-accent-200)}.ib:active{background:var(--color-accent-300)}.ib.ghost{background:0 0}.ib.ghost:hover{background:var(--color-surface)}.ib.ghost:active{background:var(--color-neutral-300)}.bp{background:var(--color-accent);color:var(--color-neutral-100);font-family:var(--font-heading);cursor:pointer;border:none;border-radius:999px}.bp:hover{background:var(--color-accent-600)}.bp:active{background:var(--color-accent-700)}.bp:disabled{opacity:.45}.bp:disabled:hover{background:var(--color-accent)}.big{height:58px;font-size:19px}.bo{border:1.5px solid var(--color-divider);color:var(--color-text);font-family:var(--font-heading);cursor:pointer;background:0 0;border-radius:999px}.bo:hover{background:var(--color-surface)}.bo:active{background:var(--color-neutral-300)}.bl{color:var(--color-accent-700);font:700 13px var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:999px}.bl:hover{background:var(--color-accent-100)}.bl:active{background:var(--color-accent-200)}.hb:hover{border-color:var(--color-accent)!important}.hb4:hover{border-color:var(--color-accent-400)!important}.pr96:active{transform:scale(.96)}.pr95:active{transform:scale(.95)}.pr98:active{transform:scale(.98)}.row{cursor:pointer;font-family:var(--font-body);color:var(--color-text);text-align:left;background:var(--color-neutral-100);border:none}.row:hover{background:var(--color-accent-100)}.row:active{background:var(--color-accent-200)}.row.sc:active{transform:scale(.99)}.key{background:var(--color-neutral-100);height:54px;font:600 22px var(--font-body);color:var(--color-text);cursor:pointer;border:none;border-radius:20px;place-items:center;display:grid}.key:hover{background:var(--color-surface)}.key:active{background:var(--color-accent-200);transform:scale(.96)}.sage{background:var(--color-accent-2-200);color:var(--color-accent-2-900);cursor:pointer;border:none}.sage:hover{background:var(--color-accent-2-300)}.sage:active{background:var(--color-accent-2-400)}.dim:hover{filter:brightness(.94)}.dim:active{filter:brightness(.86)}.rec:hover{filter:brightness(.97)}.rec:active{filter:brightness(.92)}.danger{color:var(--kh-0);cursor:pointer;background:0 0;border:none}.danger:hover{background:var(--kh-1)}.danger:active{background:var(--kh-3)}.danger.soft{background:var(--kh-1)}.danger.soft:hover{background:var(--kh-3)}.danger-solid{background:var(--kh-5);color:var(--color-neutral-100);cursor:pointer;border:none}.danger-solid:hover{background:var(--kh-7)}.danger-solid:active{background:var(--kh-8)}.last{font:600 13px var(--font-body);border:1.5px dashed var(--color-accent);background:var(--color-accent-100);color:var(--color-accent-800);cursor:pointer;border-radius:999px;flex:none;padding:9px 14px}.last:hover{background:var(--color-accent-200)}.last:active{background:var(--color-accent-300)}.tab:hover{outline:1.5px solid var(--color-accent);outline-offset:-2px}.tab:active{transform:scale(.97)}.rail:hover{border-color:var(--color-accent)!important}.scrim{background:var(--kh-scrim);animation:.18s ease-out fade;position:absolute;inset:0}.sheet{animation:.22s cubic-bezier(.2,.8,.2,1) up}@keyframes fade{0%{opacity:0}}@keyframes up{0%{opacity:0;transform:translateY(24px)}}.shake{animation:.3s shake}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.scrim,.sheet,.shake{animation:none}}.field{border:1.5px solid var(--color-divider);background:var(--color-neutral-100);color:var(--color-text);border-radius:999px}.field:focus-visible{border-color:var(--color-accent);outline:none}.undo:hover{background:var(--color-accent-300)!important}.undo:active{background:var(--color-accent-200)!important}.toast-x:hover{background:var(--color-neutral-800)!important}.dark{background:var(--color-neutral-900);color:var(--color-neutral-100)}.dark:hover{background:var(--color-neutral-800)}.dark:active{background:var(--color-neutral-700)}.x-sm{background:0 0}.x-sm:hover{background:var(--color-neutral-300)}.dashed{border:1.5px dashed var(--color-neutral-400);background:0 0}.dashed:hover{border-color:var(--color-accent);background:var(--color-accent-100)}.ghost-sm{color:var(--color-text);background:0 0}.ghost-sm:hover{background:var(--color-surface)}.x-sage{background:0 0}.x-sage:hover{background:var(--color-accent-2-300)}.x-sage:active{background:var(--color-accent-2-400)}.merge-t{border:1.5px solid var(--color-divider);background:var(--color-neutral-100)}.merge-t:hover{border-color:var(--color-accent);background:var(--color-accent-100)}.merge-t:active{background:var(--color-accent-200)}.sage-dark{background:var(--color-accent-2-700);color:var(--color-accent-2-100)}.sage-dark:hover{background:var(--color-accent-2-800)}.sage-dark:active{background:var(--color-accent-2-900)}.phone{transition:background-color .3s}.bsheet{background:var(--color-bg);padding:10px 18px calc(20px + env(safe-area-inset-bottom));box-shadow:var(--shadow-lg);border-radius:32px 32px 0 0;flex-direction:column;gap:12px;max-height:92%;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.handle{background:var(--color-neutral-400);border-radius:999px;flex:none;align-self:center;width:40px;height:5px}.menu{z-index:7;background:var(--color-neutral-100);box-shadow:var(--shadow-lg);border-radius:24px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;right:0}.mi{min-height:44px;color:var(--color-text);font:600 14px var(--font-body);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:999px;align-items:center;gap:10px;padding:0 14px;display:flex}.mi:hover,.mi.on{background:var(--color-accent-100)}.mi:active{background:var(--color-accent-200)}.mi.red{color:var(--kh-0)}.mi.red:hover{background:var(--kh-1)}.stick-top{z-index:3;background:var(--color-bg);position:sticky;top:0}.stick-bot{z-index:3;background:var(--color-bg);box-shadow:0 -10px 16px -14px var(--color-neutral-800);flex-direction:column;display:flex;position:sticky;bottom:0}@keyframes khBubA{0%{background-position:0 0}to{background-position:46px -28px}}@keyframes khBubB{0%{background-position:0 0}to{background-position:-30px -28px}}.kh-bub{position:absolute;inset:0}.kh-bub.a{background-image:radial-gradient(circle at 20% 35%, var(--color-accent-300) 0 3px, transparent 3.5px), radial-gradient(circle at 55% 75%, var(--color-accent-400) 0 5px, transparent 5.5px), radial-gradient(circle at 82% 25%, var(--color-accent-200) 0 2px, transparent 2.5px);background-size:46px 28px;animation:2.6s linear infinite khBubA}.kh-bub.b{background-image:radial-gradient(circle at 35% 60%, var(--color-accent-200) 0 2px, transparent 2.5px), radial-gradient(circle at 75% 40%, var(--color-accent-300) 0 1.5px, transparent 2px);opacity:.85;background-size:30px 28px;animation:1.8s linear infinite khBubB}@media (prefers-reduced-motion:reduce){.kh-bub{animation:none!important}}.slider{opacity:0;cursor:grab;width:100%;height:40px;margin:0;position:absolute;inset:0}.soft:hover{filter:brightness(.97)}.soft:active{filter:brightness(.93);transform:scale(.99)}.ghost-bg:hover{background:var(--color-surface)!important}.ghost-bg:active{background:var(--color-neutral-300)!important}.accent-bg{background:var(--color-accent);color:var(--color-neutral-100);cursor:pointer;border:none}.accent-bg:hover{background:var(--color-accent-600)}.accent-bg:active{background:var(--color-accent-700)}.dimmer:hover{filter:brightness(.96)}.soft-accent{background:var(--color-accent-200);color:var(--color-accent-900)}.soft-accent:hover{background:var(--color-accent-300)}.soft-accent:active{background:var(--color-accent-400)}.mi.plain{color:var(--color-text)}button{-webkit-touch-callout:none}