#the-phone-pays-the-cash-stays-page{--kosh-ivory:#f2f0e6;--kosh-indivara:#864fe3;--page:#f2f0e6;--card:#ffffff;--box:#e1d5bc;--sandal:#e1d5bc;--sandal-6:#f3eee4;--ink:#2f2f2f;--ink-soft:color-mix(in oklch,#2f2f2f,transparent 30%);--accent:#ba644f;background:var(--page);color:var(--ink)}.theme-dark #the-phone-pays-the-cash-stays-page .season-part text{fill:var(--q-tint)!important}.theme-dark #the-phone-pays-the-cash-stays-page{--page:#16151a;--card:color-mix(in oklch,#f2f0e6 8%,#16151a);--box:color-mix(in oklch,#e1d5bc 22%,#16151a);--sandal:color-mix(in oklch,#e1d5bc 26%,#16151a);--sandal-6:color-mix(in oklch,#e1d5bc 10%,#16151a);--ink:#f2f0e6;--ink-soft:color-mix(in oklch,#f2f0e6,transparent 30%);--accent:color-mix(in oklch,#ba644f,white 22%)}#the-phone-pays-the-cash-stays-page{.kicker{color:var(--accent);letter-spacing:.12em;font-size:11.5px}.opening{--studio:#16151a;position:relative;height:100vh;height:100svh;overflow:hidden;background:linear-gradient(to bottom,transparent var(--melt,90%),var(--page) 100%),radial-gradient(ellipse 70% 60% at 60% 45%,color-mix(in oklch,#ba644f 9%,var(--studio)),var(--studio) 75%),var(--studio);color:#f2f0e6;.kicker{color:#eaaa3a}a{color:#e1d5bc}}.cash-stage{position:absolute;inset:0;canvas{display:block;width:100%;height:100%}}.stage-fallback{position:absolute;inset:auto 16px 30% 16px;text-align:center;font-size:14px;color:var(--ink-soft)}.hero{position:absolute;left:clamp(16px,7vw,120px);top:50%;transform:translateY(-50%);width:min(520px,42vw);pointer-events:none;>:first-child{pointer-events:auto}>*{transition:opacity 1.1s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.22,1,.36,1)}>:nth-child(2){transition-delay:.1s}>:nth-child(3){transition-delay:.15s}>:nth-child(4){transition-delay:.7s}}.opening.is-intro .hero>*{opacity:0;transform:translateY(18px);animation:hero-late 1s ease-out 8s forwards}@media (prefers-reduced-motion:reduce){.opening.is-intro .hero>*{opacity:1;transform:none;animation:none}}.hero-title{font-size:clamp(44px,6.4vw,92px);line-height:1;span{color:#eaaa3a}}.opening .hero-title{color:#f2f0e6}.hero-dek{font-size:clamp(17px,1.5vw,21px);line-height:1.5;color:color-mix(in oklch,#f2f0e6,transparent 25%)}.prototype-note{position:absolute;right:16px;bottom:12px;color:var(--ink-soft);letter-spacing:.06em}.rain{position:relative;height:100vh;height:100svh;overflow:hidden;background:linear-gradient(var(--page),var(--sandal-6))}.rain-words{position:absolute;z-index:1;left:clamp(16px,7vw,120px);top:9vh;width:min(440px,calc(100% - 32px));padding:18px 20px;border-radius:14px;background:color-mix(in oklch,var(--page),transparent 12%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.rain-readout{position:absolute;right:clamp(16px,6vw,100px);top:9vh;display:grid;gap:6px;width:min(300px,calc(100% - 32px));padding:16px 18px;border-radius:14px;background:color-mix(in oklch,var(--page),transparent 12%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-size:14px;.rain-month{font-size:14px;font-weight:700;color:var(--accent)}.rain-row{display:flex;align-items:center;gap:8px}.rain-row b{font-size:22px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:3.2em;text-align:right}.is-upi b{color:#6b8e23}.rain-sub{margin:-4px 0 2px 26px}.rain-key,.rain-sub{font-size:12px;color:var(--ink-soft)}.rain-key{line-height:1.4;margin-top:4px}}.key-tick{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#6b8e23;color:#fff;font:normal 700 11px/1 var(--font-sans-serif)}.key-heap{width:18px;height:10px;background:#e1d5bc;border-radius:10px 10px 2px 2px;box-shadow:inset 0 -2px 0 #ba644f}.key-hand{width:18px;font-style:normal;font-size:14px;text-align:center}.hands-mode{justify-self:start;margin-bottom:6px;display:flex;gap:2px;padding:3px;border-radius:999px;background:color-mix(in oklch,var(--page),transparent 8%);box-shadow:0 0 0 1px color-mix(in oklch,var(--ink),transparent 85%);button{border:0;background:none;padding:6px 14px;border-radius:999px;font:600 13px var(--font-sans-serif);color:var(--ink-soft);cursor:pointer}button.is-on{background:var(--accent);color:#fff}}.key-person{border-radius:5px 5px 2px 2px;background:#864fe3}.key-atm,.key-person{width:10px;height:16px;margin:0 4px}.key-atm{border-radius:2px;background:#595959;box-shadow:inset 0 4px 0 -1px #864fe3}.key-agent{width:16px;height:9px;margin:0 1px;border-radius:2px;background:#ede6d7;box-shadow:inset 0 -3px 0 #ba644f}.key-drop{width:9px;height:13px;background:var(--kosh-indivara);border-radius:50% 50% 50% 50%/62% 62% 38% 38%;clip-path:polygon(50% 0,100% 60%,100% 100%,0 100%,0 60%)}.key-note{width:18px;height:8px;background:var(--sandal);outline:1.5px solid var(--accent);outline-offset:-1.5px}.rain-time{position:absolute;left:50%;bottom:5vh;transform:translateX(-50%);width:min(560px,calc(100% - 32px));display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;button{width:40px;height:40px;border-radius:50%;border:0;background:var(--accent);color:#fff;font-size:14px;cursor:pointer;&:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}input[type=range]{width:100%;accent-color:var(--accent)}.rain-years{grid-column:2;display:flex;justify-content:space-between;font-size:12px;color:var(--ink-soft)}}.rain.is-split{background:var(--page)}.split{display:grid;grid-template-columns:minmax(0,1fr) min(400px,34vw);gap:clamp(16px,3vw,48px);height:100%;padding:4vh clamp(16px,4vw,64px) 4vh clamp(16px,2.5vw,40px);align-items:center}.split-stage{position:relative;height:100%;min-height:0;canvas{display:block;width:100%;height:100%}}.rain-caption{position:absolute;display:flex;align-items:center;justify-content:center;margin:0;padding:0 8px;text-align:center;line-height:1.15;text-wrap:balance;font-weight:600;color:var(--ink);background:color-mix(in oklch,var(--card),transparent 6%);pointer-events:none;text-size-adjust:none;-webkit-text-size-adjust:none;animation:rain-caption-in .6s ease-out both}@media (prefers-reduced-motion:reduce){.rain-caption{animation:none}}.split-card{display:grid;gap:14px;padding:24px;border-radius:16px;background:var(--card);box-shadow:0 0 0 1px color-mix(in oklch,var(--ink),transparent 90%),0 12px 32px color-mix(in oklch,var(--ink),transparent 92%);.rain-readout{padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.rain-readout,.rain-time{position:static;width:auto}.rain-time{transform:none}}.rain.is-step{background:var(--page)}.split-card a{color:var(--accent)}.step-note{color:var(--ink-soft);font-size:12px;line-height:1.45;margin-top:4px}.guess-stage,.tide-stage{svg{display:block;overflow:visible}}.pile-note{opacity:0;&.is-up{animation:pile-fall .9s cubic-bezier(.55,0,.45,1) both}}.pile-body{fill:#cfdcaa;stroke:#6b8e23;stroke-width:1}.pile-edge{stroke:color-mix(in oklch,#6b8e23,transparent 45%);stroke-width:.8}.pile-band{fill:#f2f0e6;stroke:#a8957a;stroke-width:.8}.guess-mark{font:600 72px var(--font-serif,serif);fill:color-mix(in oklch,var(--ink),transparent 75%)}.guess-floor{stroke:color-mix(in oklch,var(--ink),transparent 80%);stroke-width:1}.guess-label text{font:600 14px var(--font-sans-serif);fill:var(--ink)}.guess-label .guess-value{font-weight:500;fill:var(--ink-soft);transition:opacity .6s .8s;&.is-hidden{opacity:0;transition:none}}.guess-choices{display:flex;flex-wrap:wrap;gap:8px;button{border:0;border-radius:999px;padding:10px 18px;cursor:pointer;font:600 14px var(--font-sans-serif);color:var(--ink);background:var(--card);box-shadow:0 0 0 1px color-mix(in oklch,var(--ink),transparent 82%);transition:background .2s,color .2s;&:hover{box-shadow:0 0 0 1px var(--accent)}&.is-on{background:var(--accent);color:#ffffff;box-shadow:none}&:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}}.guess-answer{margin:0;min-height:4.5em;font:400 16px/1.5 var(--font-serif,serif);color:var(--ink);opacity:0;transform:translateY(8px);transition:opacity .5s .3s,transform .5s .3s;&.is-shown{opacity:1;transform:none}b{color:var(--accent)}}.tide-grid line{stroke:color-mix(in oklch,var(--ink),transparent 88%)}.tide-grid text,.tide-year{font:500 12px var(--font-sans-serif);fill:var(--ink-soft)}.tide-line{fill:none;stroke:#864fe3;stroke-width:2.5;stroke-linejoin:round}.tide-wipe{transform:scaleX(0);transform-origin:left;transform-box:fill-box;transition:transform 2.4s cubic-bezier(.45,0,.25,1);&.is-drawn{transform:none}}.tide-mark{opacity:0;transition:opacity .6s;&.is-shown{opacity:1}circle{fill:#864fe3}text{font:600 13px var(--font-sans-serif);fill:var(--ink);paint-order:stroke;stroke:var(--page);stroke-width:4px;stroke-linejoin:round}&.is-ebb circle,&.is-ebb text{fill:var(--accent)}.tide-sub{font-weight:500;fill:var(--ink-soft)}}.tide-pulse{fill:none!important;stroke:var(--accent);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:tide-pulse 2s ease-out infinite}@media (prefers-reduced-motion:reduce){.guess-answer,.pile-note,.tide-wipe{transition:none}.pile-note.is-up{animation:none;opacity:1}.tide-pulse{animation:none}}.pay-stage,.wall-stage{svg{display:block;overflow:visible}}.pay-line{fill:none;stroke-width:2.5;stroke-linejoin:round;&.is-upi{stroke:#6b8e23}&.is-debit{stroke:#864fe3}}.pay-base{stroke:color-mix(in oklch,var(--ink),transparent 60%);stroke-dasharray:4 4}.pay-end{opacity:0;transition:opacity .6s 2.3s;&.is-shown{opacity:1}text{font:600 13px var(--font-sans-serif);paint-order:stroke;stroke:var(--page);stroke-width:4px}.pay-num{font-weight:500}&.is-upi{circle,text{fill:#6b8e23}}&.is-debit{circle,text{fill:#864fe3}}}.tide-wipe{transition-property:transform}.wall-slot{fill:none;stroke:color-mix(in oklch,var(--ink),transparent 94%)}.wall-note{stroke-width:1}.wall-brick{transition:transform .7s cubic-bezier(.55,0,.45,1.25)}.wall-brick .is-new{animation:brick-fall .75s cubic-bezier(.55,0,.45,1) both}.wall-brick.is-leaving{animation:brick-clear .8s step-end forwards}.wall-inner{fill:none;stroke:color-mix(in oklch,#2f2f2f,transparent 85%);stroke-width:.6}.wall-guilloche{fill:none;stroke:color-mix(in oklch,#2f2f2f,transparent 82%);stroke-width:.6}.wall-oval{fill:color-mix(in oklch,#ffffff,transparent 35%);stroke:color-mix(in oklch,#2f2f2f,transparent 85%);stroke-width:.6}.wall-value{font-family:var(--font-sans-serif);font-weight:700;fill:color-mix(in oklch,#2f2f2f,transparent 35%)}@media (prefers-reduced-motion:reduce){.wall-brick{transition:none}.wall-brick .is-new,.wall-brick.is-leaving{animation:none}}.d-2000{fill:#f4c6dc;stroke:#c4508a}.d-1000{fill:#ecc6bc;stroke:#ba644f}.d-500old{fill:#f6dfa8;stroke:#eaaa3a}.d-500{fill:#cfdcaa;stroke:#6b8e23}.d-200{fill:#f6dfa8;stroke:#eaaa3a}.d-100{fill:#ddd0f6;stroke:#864fe3}.d-small{fill:#ede6d7;stroke:#a8957a}.wall-chip{display:inline-block;width:16px;height:10px;border-radius:2px;border:1.5px solid;margin-right:8px;vertical-align:-1px}.wall-chip.d-2000{background:#f4c6dc;border-color:#c4508a}.wall-chip.d-1000{background:#ecc6bc;border-color:#ba644f}.wall-chip.d-500old{background:#f6dfa8;border-color:#eaaa3a}.wall-chip.d-500{background:#cfdcaa;border-color:#6b8e23}.wall-chip.d-200{background:#f6dfa8;border-color:#eaaa3a}.wall-chip.d-100{background:#ddd0f6;border-color:#864fe3}.wall-chip.d-small{background:#ede6d7;border-color:#a8957a}.wall-readout{display:grid;gap:14px;font-size:14px;.rain-month{font-size:14px;font-weight:700;color:var(--accent)}.rain-key{font-size:12px;color:var(--ink-soft)}}.wall-key{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 32px;li{display:flex;align-items:center;transition:opacity .4s;&.is-gone{opacity:.35}}b{margin-left:auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}}.split-card .rain-time{position:static;transform:none;width:auto}.rain.is-close{background:var(--page)}.close{height:100%;display:grid;align-content:center;gap:3vh;padding:6vh clamp(16px,8vw,140px)}.close-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,4vw,64px)}.close-side{display:grid;align-content:start;gap:12px;.close-big{display:flex;align-items:flex-end;gap:20px;min-height:150px}b{font:700 clamp(48px,6vw,88px) /.9 var(--font-serif)}&.is-paying b{color:#6b8e23}&.is-keeping b{color:var(--accent)}.close-each{font-size:13px;color:var(--ink-soft)}.close-caption{font-size:15px;color:var(--ink)}}.close-facts{list-style:none;margin:0;padding:2vh 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 40px;border-top:1px solid color-mix(in oklch,var(--ink),transparent 88%);li{display:grid;gap:2px}b{font:700 clamp(20px,1.7vw,26px) /1.1 var(--font-serif);color:var(--ink)}span{font-size:13px;line-height:1.4;color:var(--ink-soft)}}.close-side .close-big img{display:block}.close-units{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px;min-height:34px;.close-unit{display:block;line-height:0}.is-part{overflow:hidden}svg{display:block}}.close-words{max-width:72ch;a{color:var(--accent)}}.close-line{margin:18px 0 0;font:600 clamp(22px,2.4vw,32px) /1.25 var(--font-serif);color:var(--ink)}.story-notes{padding:8vh clamp(16px,8vw,140px) 12vh;max-width:980px;ul{margin:0;padding-left:18px;display:grid;gap:10px;font-size:14px;line-height:1.55;color:var(--ink-soft)}b{color:var(--ink)}a{color:var(--accent)}}.line-stage,.season-stage{svg{display:block;overflow:visible}}.line-path{fill:none;stroke-width:2.5;stroke-linejoin:round}.line-stage.is-neem{.line-path{stroke:#6b8e23}.line-mark:not(.is-ebb) circle{fill:#6b8e23}}.line-stage.is-terracotta{.line-path{stroke:#ba644f}.line-mark:not(.is-ebb) circle{fill:#ba644f}}.line-stage.is-indivara{.line-path{stroke:#864fe3}}.line-level{line{stroke:color-mix(in oklch,var(--ink),transparent 55%);stroke-dasharray:5 5}text{font:500 12px var(--font-sans-serif);fill:var(--ink-soft)}}.line-event{opacity:0;transition:opacity .5s;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Ccircle cx='10' cy='10' r='8.25' fill='%23ffffff' stroke='%23ba644f' stroke-width='1.5'/%3E%3Ccircle cx='10' cy='6' r='1.2' fill='%23ba644f'/%3E%3Crect x='9' y='8.4' width='2' height='6' rx='0.6' fill='%23ba644f'/%3E%3C/svg%3E") 10 10,help;&.is-shown{opacity:1}line{stroke:color-mix(in oklch,var(--ink),transparent 75%);stroke-dasharray:2 3}circle{fill:var(--card);stroke:var(--accent);stroke-width:1.5}text{font:700 11px var(--font-sans-serif);fill:var(--accent)}}.tide-grid line.is-zero{stroke:color-mix(in oklch,var(--ink),transparent 55%)}.season-bar{transform:scaleY(0);transform-box:view-box;transition:transform .6s cubic-bezier(.22,1,.36,1);&.is-drawn{transform:none}&.is-up{fill:#ba644f}&.is-down{fill:#864fe3}}.season-val{font:600 12px var(--font-sans-serif);fill:var(--ink);opacity:0;transition:opacity .4s;&.is-shown{opacity:1}}.festive-stage svg{display:block;overflow:visible}.festive-out{font:600 14px var(--font-sans-serif);fill:var(--ink-soft)}.festive-day{stroke:var(--accent);stroke-dasharray:3 3}.festive-daylabel{font:600 12px var(--font-sans-serif);fill:var(--accent)}.festive-path{fill:none;stroke:#ba644f;stroke-width:2.5;stroke-linejoin:round;stroke-dasharray:2000;stroke-dashoffset:2000;transition:stroke-dashoffset 2s ease-out .8s;&.is-drawn{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.festive-path,.line-event,.season-bar,.season-val{transition:none}}.time-track{position:relative;input[type=range]{width:100%}}.time-tick{position:absolute;top:calc(-32px - var(--level, 0) * 22px);transform:translateX(-50%);width:18px!important;height:18px!important;padding:0;border-radius:50%;background:var(--card)!important;color:var(--accent)!important;border:1.5px solid var(--accent)!important;font:700 10px/1 var(--font-sans-serif)!important;cursor:pointer;&.is-passed{background:var(--accent)!important;color:#ffffff!important}&:after{content:"";position:absolute;left:50%;top:100%;height:calc(12px + var(--level, 0) * 22px);border-left:1px dashed color-mix(in oklch,#ba644f,transparent 40%)}&.is-holding{animation:tick-breathe .9s ease-in-out infinite alternate}}@media (prefers-reduced-motion:reduce){.time-tick.is-holding{animation:none}}.rain-time{row-gap:10px;padding-top:30px}.event-list li,.event-now{i{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:6px;border-radius:50%;background:var(--accent);color:#fff;font:normal 700 10px/1 var(--font-sans-serif);vertical-align:1px}a{color:var(--accent);white-space:nowrap}}.event-now{margin:14px 0 0;padding:10px 12px;border-radius:8px;text-align:left;background:var(--box);border:1px solid color-mix(in oklch,#ba644f,transparent 55%);min-height:3.2em;font-size:12.5px;line-height:1.45;color:var(--ink);opacity:0;transition:opacity .4s;&.is-shown{opacity:1}&:not(.is-shown){visibility:hidden}b{color:var(--ink);margin-right:4px}}.grids-now{display:grid;gap:6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.event-list li{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Ccircle cx='10' cy='10' r='8.25' fill='%23ffffff' stroke='%23ba644f' stroke-width='1.5'/%3E%3Ccircle cx='10' cy='6' r='1.2' fill='%23ba644f'/%3E%3Crect x='9' y='8.4' width='2' height='6' rx='0.6' fill='%23ba644f'/%3E%3C/svg%3E") 10 10,help;span:not(.sr-only){color:var(--ink)}}.event-list.is-patterns li{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Ccircle cx='10' cy='10' r='8.25' fill='%23ffffff' stroke='%23ba644f' stroke-width='1.5'/%3E%3Ccircle cx='10' cy='6' r='1.2' fill='%23ba644f'/%3E%3Crect x='9' y='8.4' width='2' height='6' rx='0.6' fill='%23ba644f'/%3E%3C/svg%3E") 10 10,help}.event-list{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:6px;font-size:12.5px;line-height:1.45;color:var(--ink-soft);b{color:var(--ink)}}.season-stage{cursor:default}.season-zero{fill:none;stroke:color-mix(in oklch,var(--ink),transparent 50%);stroke-width:1.2}.season-ring{fill:none;stroke:color-mix(in oklch,var(--ink),transparent 88%);stroke-dasharray:2 4}.season-petal{cursor:pointer;opacity:0;transform:scale(.6);transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .5s,filter .2s;&.is-drawn{opacity:1;transform:none}&.is-up{fill:#ba644f}&.is-down{fill:#864fe3}&.is-on{filter:brightness(1.15) drop-shadow(0 2px 6px color-mix(in oklch,var(--ink),transparent 70%))}}.season-month{font:600 11px var(--font-sans-serif);fill:var(--ink-soft);pointer-events:none}.season-centre text{font:500 13px var(--font-sans-serif);fill:var(--ink-soft);&.is-big{font:700 26px var(--font-serif,serif);fill:var(--ink)}}.season-part{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Ccircle cx='10' cy='10' r='8.25' fill='%23ffffff' stroke='%23ba644f' stroke-width='1.5'/%3E%3Ccircle cx='10' cy='6' r='1.2' fill='%23ba644f'/%3E%3Crect x='9' y='8.4' width='2' height='6' rx='0.6' fill='%23ba644f'/%3E%3C/svg%3E") 10 10,help;path{opacity:.85;transition:opacity .2s}text{font:600 12px var(--font-sans-serif);fill:var(--ink-soft)}&.is-on path{opacity:1;filter:saturate(1.3)}text{fill:var(--q-ink,var(--ink-soft))!important}}.chart-tip.is-season{left:12px;top:12px;transform:none;max-width:300px;pointer-events:auto;a{color:var(--accent);font-weight:600;font-size:12px}}.festive-stage{cursor:default}.festive-ridge{cursor:pointer;.festive-hit{fill:transparent}.festive-fill{fill:color-mix(in oklch,#ba644f,transparent 82%);opacity:0;transition:opacity .6s calc(var(--d) + .6s)}.festive-line{fill:none;stroke:#ba644f;stroke-width:2;stroke-linejoin:round;stroke-dasharray:1400;stroke-dashoffset:1400;transition:stroke-dashoffset 1.2s ease-out var(--d)}&.is-drawn{.festive-fill{opacity:1}.festive-line{stroke-dashoffset:0}}&.is-on{.festive-fill{fill:color-mix(in oklch,#ba644f,transparent 55%)}.festive-line{stroke-width:3}}}.festive-val{font:600 12px var(--font-sans-serif);fill:#ba644f}.festive-gone line{stroke:color-mix(in oklch,var(--ink),transparent 75%);stroke-dasharray:3 4}@media (prefers-reduced-motion:reduce){.festive-ridge .festive-fill,.festive-ridge .festive-line,.season-petal{transition:none}}.festive-stage,.line-stage,.pay-stage,.season-stage,.tide-stage{touch-action:pan-y;cursor:crosshair}.pins{position:absolute;inset:0;pointer-events:none}.pin{position:absolute;left:0;top:0;width:0;height:0;pointer-events:auto;z-index:4;cursor:default;&.is-open{z-index:7}.pin-stem{position:absolute;left:0;bottom:0;height:var(--lift);border-left:1px dashed color-mix(in oklch,var(--ink),transparent 50%);transform-origin:bottom}.pin-mark{position:absolute;left:-11px;top:calc(-1 * var(--lift) - 11px);display:grid;place-items:center;width:22px;height:22px;padding:0;border:2px solid var(--page);border-radius:50%;background:var(--ink);color:var(--page);font:700 11px/1 var(--font-sans-serif);cursor:pointer;transition:transform .2s,background .2s;&:focus-visible,&:hover{transform:scale(1.2);background:var(--accent);outline:none}}&.is-open .pin-mark{background:var(--accent);transform:scale(1.2)}.pin-label{position:absolute;left:16px;top:calc(-1 * var(--lift) - 8px);white-space:nowrap;font:600 12px var(--font-sans-serif);color:var(--ink);text-shadow:0 0 3px var(--page),0 0 3px var(--page),0 0 6px var(--page)}&.is-right .pin-label{left:auto;right:16px}&.is-down{.pin-stem{bottom:auto;top:0}.pin-mark{top:calc(var(--lift) - 11px)}.pin-label{top:calc(var(--lift) - 8px)}}.pin-note{position:absolute;left:-16px;top:calc(-1 * var(--lift) + 18px);width:280px;display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:8px;background:var(--card);box-shadow:0 0 0 1px color-mix(in oklch,var(--ink),transparent 88%),0 10px 28px color-mix(in oklch,var(--ink),transparent 85%);font-size:12.5px;line-height:1.45;color:var(--ink);strong{font-size:13px}a{color:var(--accent);font-weight:600;font-size:12px}}&.is-right .pin-note{left:auto;right:-16px}opacity:0;&.is-shown{opacity:1;transition:opacity .3s var(--d);.pin-mark{animation:pin-drop .7s cubic-bezier(.34,1.56,.64,1) var(--d) both}.pin-stem{animation:pin-rise .4s ease-out calc(var(--d) + .3s) both}}}.hairline{left:0;top:0;width:0;border-left:1px solid color-mix(in oklch,var(--ink),transparent 55%)}.hair-dot,.hairline{position:absolute;pointer-events:none;z-index:3}.hair-dot{left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 2px var(--page)}.chart-tip{position:absolute;left:0;top:0;z-index:6;display:flex;flex-direction:column;gap:2px;max-width:220px;padding:8px 12px;border-radius:6px;background:var(--card);pointer-events:none;box-shadow:0 0 0 1px color-mix(in oklch,var(--ink),transparent 88%),0 8px 24px color-mix(in oklch,var(--ink),transparent 88%);font-size:12.5px;line-height:1.35;color:var(--ink-soft);strong{font-size:13px;color:var(--ink)}}.tide-panel{font:600 13px var(--font-sans-serif);fill:var(--ink-soft);&.is-right{fill:var(--accent)}}.tide-break line{stroke:color-mix(in oklch,var(--ink),transparent 40%);stroke-width:1.5}.tide-break .tide-carry{stroke:var(--accent);stroke-dasharray:3 4;stroke-width:1}@media (prefers-reduced-motion:reduce){.pin.is-shown .pin-mark,.pin.is-shown .pin-stem{animation:none}}.rain.is-grids{background:var(--page)}.grids{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;height:100%;padding:6vh clamp(16px,6vw,96px) 4vh}.grids-words .chapter-title{max-width:40ch}@media (min-width:761px){.grids{padding-top:4vh;padding-bottom:3vh}.grids-words{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);column-gap:48px;align-items:end}.grids-words>:not(.step-line){grid-column:1}.grids-words .step-line{grid-column:2;grid-row:1/span 2;margin:0}.grids-foot{grid-template-columns:1fr minmax(300px,420px) 1fr;align-items:center;column-gap:32px;justify-items:stretch}.grids-foot,.grids-foot .grids-key{text-align:left}}.grids-dek{max-width:72ch;margin:6px 0 0;font-size:15px;line-height:1.5;color:var(--ink-soft);a{color:var(--accent)}}.grids-stage{position:relative;min-height:0;canvas{display:block;width:100%;height:100%}}.grids-foot{display:grid;gap:10px;justify-items:center;text-align:center;.rain-time{position:static;transform:none}}.grids-readout{margin:0;font-size:15px;b{margin-right:10px;color:var(--accent)}}.grids-key{margin:0;max-width:70ch;font-size:12px;line-height:1.45;color:var(--ink-soft);a{color:var(--accent)}p{margin:0;font-size:12px!important;line-height:1.45;color:var(--ink-soft)}}.note-key{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--ink);li{display:flex;align-items:center}b{margin-left:6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}}.split.is-left{grid-template-columns:min(400px,34vw) minmax(0,1fr);padding:4vh clamp(16px,2.5vw,40px) 4vh clamp(16px,4vw,64px);.split-card{order:-1}}.split.is-top{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-items:stretch;gap:2vh;padding:5vh clamp(16px,5vw,80px) 3vh;.split-card{order:-1;padding:0;background:none;box-shadow:none;border-radius:0;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);column-gap:48px;align-items:end;>:first-child{grid-column:1;grid-row:1/span 3}>:not(:first-child){grid-column:2}.chapter-title{max-width:34ch;margin-bottom:0}}}.chapter-title{text-wrap:balance;font-size:clamp(21px,1.9vw,30px)!important;line-height:1.22!important;font-weight:600!important}.step-line{font-size:16px;line-height:1.5;color:var(--ink-soft);margin:0;a{color:var(--accent)}}@media (min-width:761px){.grids,.split,.taps{padding-top:max(4vh,60px)!important}}.section-rail{position:fixed;z-index:20;top:14px;left:50%;transform:translate(-50%,-8px);display:flex;gap:2px;padding:3px;border-radius:999px;background:color-mix(in oklch,var(--card),transparent 8%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 0 1px color-mix(in oklch,var(--ink),transparent 88%),0 6px 18px color-mix(in oklch,var(--ink),transparent 92%);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;&.is-shown{opacity:1;transform:translate(-50%);pointer-events:auto}button{display:flex;align-items:center;gap:6px;border:0;background:none;cursor:pointer;padding:5px 12px 5px 6px;border-radius:999px;font:500 12.5px var(--font-sans-serif);color:var(--ink-soft);transition:background .2s,color .2s;&.is-on{background:var(--accent);color:#ffffff;.rail-n{background:#ffffff;color:var(--accent)}}&:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}.rail-n{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;font:700 10.5px/1 var(--font-sans-serif);background:color-mix(in oklch,var(--ink),transparent 88%);color:var(--ink)}}.guess-scale{opacity:0;animation:rise-in .5s ease-out forwards;line{stroke:var(--accent);stroke-width:1.5}.guess-carry{stroke:color-mix(in oklch,var(--ink),transparent 60%);stroke-width:1;stroke-dasharray:4 4}text{font:600 13px var(--font-sans-serif);fill:var(--ink-soft)}.is-top text{font-size:20px;font-weight:700;fill:var(--accent)}}.guess-unit{display:block;margin-top:6px;font:400 13px/1.45 var(--font-sans-serif);color:var(--ink-soft)}@media (prefers-reduced-motion:reduce){.guess-scale{animation:none;opacity:1}}.page-foot{background:linear-gradient(0deg,color-mix(in oklch,#ba644f,transparent 91%) 0,color-mix(in oklch,#ba644f,transparent 97%) 40%,transparent 85%)}#phone-pays-sources{padding:var(--large) 0 var(--medium);hr{height:1px;background:color-mix(in oklch,var(--ink),transparent 88%)}a{color:var(--accent)}}.downloads-head{padding-top:var(--nano)}.download-link{display:block;width:fit-content;color:var(--accent);transition:opacity .2s ease;&+.download-link{margin-top:10px}&:hover{opacity:.7}}.rain.is-taps{background:var(--page)}.taps{display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%;padding:3vh clamp(16px,3vw,48px) 2.5vh}.taps-stage{position:relative;min-height:0;canvas{display:block;width:100%;height:100%}}.taps-foot{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.8fr) minmax(280px,1fr);column-gap:clamp(20px,3vw,48px);align-items:start;min-height:22vh;padding-top:2vh;border-top:1px solid color-mix(in oklch,var(--ink),transparent 88%);.chapter-title{margin-bottom:8px}.rain-readout{padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.rain-readout,.rain-time{position:static;width:auto}.rain-time{transform:none}.event-now{margin-top:10px}}@media (max-width:760px){.opening{--melt:97%}.hero{top:10vh;transform:none;width:calc(100% - 32px);left:16px;isolation:isolate;&:before{content:"";position:absolute;inset:-10vh -16px -4vh;z-index:-1;background:linear-gradient(var(--studio) 70%,color-mix(in oklch,var(--studio),transparent 100%));transition:opacity 1.1s cubic-bezier(.22,1,.36,1)}}.opening.is-intro .hero:before{opacity:0}.rain-words{top:3vh}.rain.is-grids{padding:0}.rain.is-grids,.rain.is-step{height:100svh;overflow:hidden}.rain.is-step{padding:2vh 0 1vh}.rain.is-step .split{height:100%;grid-template-rows:auto minmax(0,1fr);align-content:stretch;gap:10px}.rain.is-step .split-card{display:flex;flex-direction:column;gap:6px;padding:0;background:none;box-shadow:none;order:1}.rain.is-step .split-card>*{order:0}.rain.is-step .split-stage{height:auto;min-height:0;order:2;align-self:stretch}.rain.is-step .step-note{display:none}.guess-choices button{padding:8px 14px;font-size:13px}.guess-answer{min-height:6em;font-size:14px}.close{padding:4vh 16px;gap:3vh}.close-pair{grid-template-columns:1fr;gap:12px}.close-side .close-big{min-height:0;gap:12px}.close-side .close-big .hand-icon{width:56px!important;height:auto!important}.close-facts{grid-template-columns:1fr 1fr;gap:10px 16px}.close-side .close-big .note-icon{width:120px;height:auto}.rain.is-close{height:auto;min-height:100svh;overflow:visible;padding:0}.wall-key{grid-template-columns:1fr 1fr;font-size:12px}.event-list,.line-event,.rain.is-step .split-card .rain-key,.time-tick{display:none}.grids{padding:3vh 16px 2vh;gap:10px}.rain{height:auto;overflow:visible;padding:24px 0 32px}.rain-words{position:static;width:auto;margin:0 16px;padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.cash-stage.is-machines,.cash-stage.is-rain{position:relative;inset:auto;display:grid}.split{grid-template-columns:1fr;height:auto;padding:0 16px}.split-stage{height:66svh;order:2}.split-card{display:contents}.split-card>*{order:3}.split-card>:nth-child(-n+3){order:1}.cash-stage.is-machines canvas,.cash-stage.is-rain canvas{height:62svh}.rain-readout{margin:0 16px;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:8px 0 0}.rain-readout,.rain-time{position:static;width:auto}.rain-time{transform:none;margin:12px 16px 0}.taps{padding:2vh 0 3vh;grid-template-rows:auto auto}.taps-stage canvas{height:58svh}.taps-foot{grid-template-columns:1fr;row-gap:12px;min-height:0;padding:2vh 16px 0;.rain-time{margin:0}}.split.is-left,.split.is-top{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);padding:0 16px}.split.is-top .split-card{display:flex;flex-direction:column;gap:6px}.section-rail{top:8px;.rail-name{display:none}button{padding:4px}}.rain.is-grids .grids,.rain.is-step,.taps{padding-top:46px!important}}}@media (pointer:coarse){html[data-story-snap]{scroll-snap-type:y mandatory}html[data-story-snap] #the-phone-pays-the-cash-stays-page [data-slide]{scroll-snap-align:start}}@keyframes hero-late{to{opacity:1;transform:none}}@keyframes rain-caption-in{0%{opacity:0}}@keyframes rise-in{to{opacity:1}}@keyframes pile-fall{0%{opacity:0;transform:translateY(var(--drop))}8%{opacity:1}70%{transform:translateY(0)}82%{transform:translateY(-5px)}92%{transform:translateY(0)}96%{transform:translateY(-1px)}to{opacity:1;transform:translateY(0)}}@keyframes tide-pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(3.2);opacity:0}}@keyframes tick-breathe{0%{transform:translateX(-50%) scale(1);box-shadow:0 0 0 0 color-mix(in oklch,#ba644f,transparent 50%)}to{transform:translateX(-50%) scale(1.35);box-shadow:0 0 0 7px color-mix(in oklch,#ba644f,transparent 85%)}}@keyframes pin-drop{0%{transform:translateY(-18px) scale(.6);opacity:0}}@keyframes pin-rise{0%{transform:scaleY(0)}}@keyframes brick-fall{0%{transform:translateY(var(--from))}}@keyframes brick-clear{0%{opacity:1;filter:brightness(1)}20%{filter:brightness(1.8)}40%{filter:brightness(1)}60%{filter:brightness(1.8)}80%{opacity:.4}to{opacity:0}}