@font-face{font-family:Formulate;src:url(/assets/Formulate-Regular-CTDiXCgE.woff2) format("woff2");font-weight:400;font-display:swap;descent-override:26%}@font-face{font-family:Formulate;src:url(/assets/Formulate-Bold-6jt2XvYL.woff2) format("woff2");font-weight:700 900;font-display:swap;descent-override:26%}:root{--ink: #000000;--paper-cream: #FDF9EE;--paper-white: #FFFFFF;--tomatillo: #7CAE48;--hot: #E2472F;--masa: #F0D9A6;--tomatillo-soft: color-mix(in srgb, var(--tomatillo), var(--paper-cream) 62%);--verde-deep: color-mix(in srgb, var(--tomatillo), var(--ink) 25%);--focus: var(--verde-deep);--ink-muted: color-mix(in srgb, var(--ink), var(--paper-cream) 38%);--mark-body: var(--tomatillo);--mark-face: var(--ink);--field: var(--paper-cream);--taco-grid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg transform='translate(6 6) rotate(45) scale(.00333) translate(-750 -375)'%3E%3Cpath d='M750 0C1164.21 0 1500 335.786 1500 750H0C0 335.786 335.786 0 750 0Z' fill='black' fill-opacity='.06'/%3E%3C/g%3E%3C/svg%3E");--edge: 3px;--r-paper: 20px;--r-inset: 12px;--r-pill: 999px;--ease-paper: cubic-bezier(.2, 0, 0, 1);--dur-snap: .18s;--font-body: "Formulate", "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;font-family:var(--font-body)}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html,body{height:100%}#app{height:var(--vvh, 100%)}body{background-color:var(--field);background-image:var(--taco-grid);background-size:12px 12px;color:var(--ink);font-size:18px;line-height:1.6;font-synthesis:none;overflow:hidden;-webkit-user-select:none;user-select:none}button,input,select{font-family:inherit;color:var(--ink)}:focus-visible{outline:var(--edge) solid var(--focus);outline-offset:calc(-1 * var(--edge))}.linklike:focus-visible{outline-offset:2px}img,canvas{outline:1px solid rgb(0 0 0 / .08);outline-offset:-1px}.logo,.lockup{display:block}.lockup{transform:translate(8.9%)}.pair-logo{line-height:0}.pair-logo .logo{width:108px}.pair{height:100%;max-width:480px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:16px;padding:clamp(48px,18vh,180px) 24px 24px;text-align:center}.pair-display{font-size:28px;font-weight:900;line-height:1;letter-spacing:-.01em;color:var(--ink)}.pair-hint{font-size:18px;color:var(--ink)}.whose-list{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px}.whose-btn{width:100%}.pair-err{font-size:16px;font-weight:700;color:var(--ink)}.btn{padding:10px 20px;font-size:1.125rem;font-weight:800;min-height:44px;border:var(--edge) solid var(--ink);border-radius:var(--r-pill);background:var(--paper-white);color:var(--ink);cursor:pointer;transition:scale .2s ease-out,background-color .3s var(--ease-paper)}@media(hover:hover){.btn:hover:not(:disabled):not([aria-disabled=true]){background:var(--tomatillo-soft);color:var(--ink)}}.btn:active:not(:disabled):not([aria-disabled=true]){scale:.97;background:color-mix(in srgb,var(--paper-white),var(--ink) 8%)}.btn.primary{background:var(--tomatillo);color:var(--ink)}@media(hover:hover){.btn.primary:hover:not(:disabled):not([aria-disabled=true]){background:color-mix(in srgb,var(--tomatillo),white 10%);color:var(--ink)}}.btn.primary:active:not(:disabled):not([aria-disabled=true]){background:color-mix(in srgb,var(--tomatillo),var(--ink) 10%)}.btn-big{padding:12px 34px}.btn.wide{width:100%}.linklike{background:none;border:none;color:var(--ink);font-size:16px;font-weight:700;min-height:44px;padding:0 2px;cursor:pointer;align-self:center;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-skip-ink:none;transition:text-decoration-thickness .3s var(--ease-paper)}@media(hover:hover){.linklike:hover{text-decoration-thickness:4px}}.btn.destructive{background:var(--hot);color:var(--ink)}@media(hover:hover){.btn.destructive:hover:not(:disabled):not([aria-disabled=true]){background:color-mix(in srgb,var(--hot),white 10%);color:var(--ink)}}.btn.destructive:active:not(:disabled):not([aria-disabled=true]){background:color-mix(in srgb,var(--hot),var(--ink) 10%)}.btn:disabled,.btn[aria-disabled=true]{cursor:default;background:repeating-linear-gradient(45deg,var(--paper-white) 0 9px,color-mix(in srgb,var(--paper-white),var(--ink-muted) 12%) 9px 18px)}.btn.primary:disabled,.btn.primary[aria-disabled=true]{background:repeating-linear-gradient(45deg,var(--tomatillo) 0 9px,color-mix(in srgb,var(--tomatillo),var(--paper-white) 55%) 9px 18px)}.btn.destructive:disabled,.btn.destructive[aria-disabled=true]{background:repeating-linear-gradient(45deg,var(--hot) 0 9px,color-mix(in srgb,var(--hot),var(--paper-white) 55%) 9px 18px)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:110}.modal{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:420px;background:var(--paper-white);border:var(--edge) solid var(--ink);border-bottom:none;border-radius:var(--r-paper) var(--r-paper) 0 0;padding:56px 32px calc(24px + env(safe-area-inset-bottom));z-index:111;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;animation:door-up .22s var(--ease-paper);will-change:transform}.modal.out{animation:door-down var(--dur-snap) var(--ease-paper) forwards}.modal h2{font-size:1.375rem;font-weight:900}.modal p{font-size:18px;line-height:1.6}.modal .door-status{font-size:16px;font-weight:700;min-height:1.4em}.modal .door-sub{font-size:16px;font-weight:700}@keyframes door-up{0%{transform:translate(-50%,100%)}}@keyframes door-down{to{transform:translate(-50%,100%)}}@media(min-width:768px)and (min-height:560px){.modal{top:50%;bottom:auto;transform:translate(-50%,-50%);border-bottom:var(--edge) solid var(--ink);border-radius:var(--r-paper);padding:40px 32px 32px;animation:desk-up .22s var(--ease-paper)}.modal.out{animation:desk-down var(--dur-snap) var(--ease-paper) forwards}}@keyframes desk-up{0%{translate:0 24px}}@keyframes desk-down{to{translate:0 24px}}.phone{height:100%;display:flex;flex-direction:column}.phone-top{flex:none;display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--paper-white);border-bottom:var(--edge) solid var(--ink)}.phone-brand{line-height:0}.phone-brand .logo{display:block;width:72px}.phone-brand .brand-home{all:unset;display:block;line-height:0;cursor:pointer;border-radius:var(--r-pill) var(--r-pill) 0 0}.phone-brand .brand-home:focus-visible{outline:var(--edge) solid var(--focus);outline-offset:3px}.phone-me{margin-left:auto;font-size:20px;font-weight:900;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-btn{background:none;border:0;padding:4px 8px;margin-right:-8px;font:inherit;color:inherit;cursor:pointer;border-radius:var(--r-inset);display:inline-flex;align-items:center;gap:4px}.me-btn:focus-visible{outline:var(--edge) solid var(--focus);outline-offset:2px}.me-caret{width:16px;height:16px;flex:none}.me-btn[aria-expanded=true] .me-caret{rotate:180deg}.me-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120}.me-menu{position:fixed;z-index:121;min-width:240px;padding:6px;display:flex;flex-direction:column;gap:2px;background:var(--paper-white);border:var(--edge) solid var(--ink);border-radius:var(--r-inset)}.me-item{background:none;border:0;text-align:left;padding:10px 12px;font:inherit;font-size:17px;font-weight:700;color:var(--ink);cursor:pointer;border-radius:var(--r-inset)}@media(hover:hover){.me-item:hover{background:var(--tomatillo-soft)}}.me-item:focus-visible{outline:var(--edge) solid var(--focus);outline-offset:-3px}.phone-body{flex:1;min-height:0;display:flex;flex-direction:column}.banner{flex:none;margin:10px 16px 0;padding:10px 14px;background:var(--tomatillo-soft);border:var(--edge) solid var(--ink);border-radius:var(--r-inset);color:var(--ink);font-size:16px;font-weight:700}.banner.act{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px}.banner.act .acts{display:flex;align-items:center;gap:14px}.banner.act .btn{margin:0}.trial-line{margin:10px 0 0;font-size:16px}.dial{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px;display:flex;flex-direction:column;gap:12px}.dial-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.dial-btn{min-height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px;border:var(--edge) solid var(--ink);border-radius:var(--r-paper);color:var(--ink);cursor:pointer;text-align:center;transition:scale .2s ease-out}.dial-btn b{font-size:26px;font-weight:900;line-height:1.1;letter-spacing:-.01em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.2em;margin-bottom:-.2em}.dial-btn span{font-size:16px;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dial-btn:active{scale:.97}.c1{background:#f4b6c2}.c2{background:#f9d66b}.c3{background:#9ed0f2}.c4{background:#b9e3a0}.c5{background:#f6b26b}.c6{background:#c9b8f2}.c7{background:#8fe0d6}.c8{background:#f2a5a5}.machine-btn{flex:none;display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 18px;font-size:20px;font-weight:900;background:var(--paper-white);border:var(--edge) solid var(--ink);border-radius:var(--r-pill);color:var(--ink);cursor:pointer;transition:scale .2s ease-out,background-color .3s var(--ease-paper)}.machine-btn svg{width:34px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:2.6;flex:none}.machine-btn:active{scale:.97}@media(hover:hover){.machine-btn:hover{background:var(--tomatillo-soft)}}.machine-btn .light{margin-left:auto;width:14px;height:14px;border-radius:50%;border:var(--edge) solid var(--ink);background:var(--hot);flex:none;animation:mail-blink 1.2s var(--ease-paper) infinite}.machine-btn .count{margin-left:auto;min-width:32px;height:32px;padding:0 10px;display:grid;place-items:center;border-radius:var(--r-pill);border:var(--edge) solid var(--ink);background:var(--hot);color:var(--ink);font-size:16px;font-weight:900;line-height:1;flex:none}.arrow{display:flex;align-items:center;gap:14px;padding:0 8px;color:var(--ink)}.arrow.below{align-self:start;padding:4px 0 8px}.arrow-glyph{flex:none;display:block}.arrow-glyph.left{width:48px;height:24px;animation:arrow-bounce-left .7s ease-in-out infinite alternate}.arrow-glyph.up{width:24px;height:48px;animation:arrow-bounce-up .7s ease-in-out infinite alternate}.arrow .up,.arrow.below .left{display:none}.arrow.below .up{display:block}.arrow p{margin:0;font-size:17px;font-weight:700;line-height:1.35;max-width:36ch}@keyframes arrow-bounce-left{0%{translate:0 0}to{translate:-8px 0}}@keyframes arrow-bounce-up{0%{translate:0 0}to{translate:0 -8px}}.dial.dark{opacity:.35;filter:grayscale(1);pointer-events:none}.dial.dark .light{display:none}.call-screen{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px 16px calc(24px + env(safe-area-inset-bottom));text-align:center}.call-person b{display:block;font-size:36px;font-weight:900;line-height:1.05;letter-spacing:-.01em}.call-person span{display:block;margin-top:4px;font-size:18px;font-weight:700}.call-disc{width:120px;height:120px;border-radius:50%;border:var(--edge) solid var(--ink);flex:none}.call-disc.pulse{animation:pulse 4s var(--ease-paper) infinite}@keyframes pulse{0%,to{scale:1}15%{scale:1.08}30%{scale:1}}.call-who{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px}.call-chip{display:inline-flex;align-items:center;gap:8px;font-size:22px;font-weight:800}.call-chip .call-dot{width:16px;height:16px;border-radius:50%;border:var(--edge) solid var(--ink);flex:none}.call-chip.ringing{opacity:.5}.call-time{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}.call-moves{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.call-moves .btn{min-height:64px;font-size:20px;padding:12px 28px}.call-moves .call-add{min-width:64px;padding:12px 18px}.call-moves .call-add .plus{width:28px;height:28px;display:block}.call-line{font-size:16px;font-weight:700}.mute-btn[aria-pressed=true]{background:var(--tomatillo)}.tape-time{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}.tape-ring{width:30px;height:30px;flex:none}.tape-ring svg{width:30px;height:30px;display:block;transform:rotate(90deg) scaleX(-1)}.tape-ring circle{fill:none;stroke:var(--ink);stroke-width:4}.tape-ring .track{opacity:.18}.tape-ring .left{stroke-dasharray:66;stroke-dashoffset:0;animation:ring-drain 30s linear forwards}@keyframes ring-drain{to{stroke-dashoffset:66}}.rec-light{width:14px;height:14px;background:var(--hot);border:var(--edge) solid var(--ink);border-radius:50%;flex:none;animation:mail-blink 1.2s var(--ease-paper) infinite}.adder{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background-color:var(--field);background-image:var(--taco-grid);background-size:12px 12px;display:flex;flex-direction:column}.adder-top,.machine-top{flex:none;display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--paper-white);border-bottom:var(--edge) solid var(--ink)}.back-btn{min-width:56px;min-height:48px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center}.back-btn svg{width:26px;height:26px;display:block}.machine-title svg{width:34px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:2.6}.machine{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px;display:flex;flex-direction:column;gap:8px}.machine-day{display:flex;align-items:center;gap:12px;margin:12px 0 2px;font-size:16px;font-weight:700;color:var(--ink)}.machine-day:before,.machine-day:after{content:"";flex:1;border-top:var(--edge) dashed color-mix(in srgb,var(--ink) 22%,transparent)}.tape-row{display:flex;align-items:center;gap:12px;min-height:64px;padding:8px 14px;border:var(--edge) solid var(--ink);border-radius:var(--r-inset);background:var(--paper-white);color:var(--ink);flex:none}.tape-row.unheard{background:var(--tomatillo-soft)}.tape-row.playing{background:var(--tomatillo)}.tape-who{flex:1;min-width:0;display:flex;align-items:center;gap:10px}.tape-who .swatch{width:24px;height:24px;border-radius:50%;border:var(--edge) solid var(--ink);flex:none}.tape-who .stack{display:flex;flex-direction:column;min-width:0;line-height:1.45}.tape-who b{font-size:17px;font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tape-who .stack>span{font-size:16px;font-weight:400;white-space:nowrap}.undecipherable{font-size:16px;color:var(--ink-muted)}.tape-light{width:11px;height:11px;background:var(--hot);border:var(--edge) solid var(--ink);border-radius:50%;flex:none;animation:mail-blink 1.2s var(--ease-paper) infinite}.vm-play{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:4px 14px;font-size:17px;font-weight:800;font-variant-numeric:tabular-nums;background:var(--tomatillo);color:var(--ink);border:var(--edge) solid var(--ink);border-radius:var(--r-pill);cursor:pointer;transition:scale .2s ease-out}.vm-play svg{width:18px;height:18px;display:block;fill:currentColor}.vm-play:active{scale:.97;background:color-mix(in srgb,var(--tomatillo),var(--ink) 10%)}.tape-row.playing .vm-play{background:var(--hot)}.tape-del{min-width:44px;min-height:44px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;flex:none}.tape-del svg{width:20px;height:20px;display:block}@keyframes mail-blink{0%,to{opacity:1}50%{opacity:.25}}.list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px;display:flex;flex-direction:column;gap:8px}.list-label{margin:10px 2px 0;font-size:16px;font-weight:900;color:var(--ink)}.list-row{display:flex;align-items:center;gap:4px;min-height:64px;padding-right:6px;background:var(--paper-white);border:var(--edge) solid var(--ink);border-radius:var(--r-inset);flex:none;transition:background-color .3s var(--ease-paper)}.list-open{flex:1;min-width:0;display:flex;align-items:center;gap:var(--list-gap);min-height:58px;padding:2px var(--list-in);background:none;border:0;border-radius:inherit;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:scale .2s ease-out}.list-open:active{scale:.99}.list-open:focus-visible{outline:none}@media(hover:hover){.list-row:has(>.list-open:hover){background:var(--tomatillo-soft)}}.list-row:has(>.list-open:focus-visible){outline:var(--edge) solid var(--focus);outline-offset:calc(-1 * var(--edge))}.list-mark{width:var(--list-mark);height:var(--list-mark);flex:none;color:var(--ink)}.list-mark svg{width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linejoin:round}.list-mark.off{color:var(--ink-muted)}.list-main{display:flex;flex-direction:column;min-width:0;line-height:1.45}.list-main b{font-size:20px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-main .sub{font-size:16px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-more{width:44px;height:44px;padding:0;margin:0;flex:none;display:grid;place-items:center;background:none;border:0;border-radius:50%;color:var(--ink);cursor:pointer;transition:scale .2s ease-out,background-color .3s var(--ease-paper)}.list-more svg{width:26px;height:26px;display:block;fill:currentColor}.list-more:active{scale:.94}.list-more:focus-visible{outline:var(--edge) solid var(--focus);outline-offset:2px}@media(hover:hover){.list-more:hover{background:var(--tomatillo-soft)}}.list-door{display:flex;align-items:center;gap:var(--list-gap);width:100%;min-height:64px;padding:8px var(--list-in);font-size:20px;font-weight:900;text-align:left;flex:none;border-radius:var(--r-inset)}.list-door .plus{width:var(--list-mark);height:var(--list-mark);flex:none}.list{--list-in: 14px;--list-mark: 26px;--list-gap: 10px}.list .machine-btn{padding:10px var(--list-in);gap:var(--list-gap)}.list .machine-btn svg{width:var(--list-mark);height:auto}.firstrun{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:28px 16px 24px;display:flex;flex-direction:column;align-items:center}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}:root{--column: 720px;--gutter: max(16px, calc(50% - var(--column) / 2 + 16px))}.phone-top,.machine-top,.adder-top,.dial,.list,.machine,.firstrun,.call-screen{padding-inline:var(--gutter)}.banner{margin-inline:var(--gutter)}
