/* day-sheet.css — the little web pages of #day (a payment, a human check, a plan, a proof): cream paper sheets that slide up over the
   phone's screen, with clay buttons. Prefix dy-. Kit tokens only. */
.dy-sheet{position:absolute;inset:calc(var(--dy-headh,100px) - 6px) 0 0;z-index:5;display:flex;flex-direction:column;overflow:hidden;color:var(--ink);border-radius:26px 26px 0 0;background:linear-gradient(180deg,#fffaf0,#fff2d4);box-shadow:0 -18px 40px -12px rgba(60,6,30,.45),inset 0 1px 0 #fff;transform:translateY(104%);transition:transform .38s var(--ease)}
.dy-sheet--open{transform:none}
.dy-bar{display:flex;flex:none;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(180deg,#fff6e0,#fdebc4);box-shadow:inset 0 -1px 0 rgba(100,8,46,.08)}
.dy-x{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;color:var(--plum-600);background:rgba(100,8,46,.08);transition:background .2s}
.dy-x:hover{background:rgba(100,8,46,.16)}
.dy-x .dy-i{width:15px;height:15px;stroke-width:2.2}
.dy-url{display:flex;flex:1 1 auto;align-items:center;gap:6px;min-width:0;padding:6px 12px;border-radius:999px;font:600 .74rem/1.2 var(--text);color:var(--ink-2);background:#fff;box-shadow:inset 0 1px 2px rgba(100,8,46,.1)}
.dy-url .dy-i{width:13px;height:13px;color:#2f7a4d}
.dy-url span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dy-pg{flex:1 1 auto;min-height:0;display:grid;gap:12px;align-content:start;overflow:auto;padding:18px 18px 20px}
.dy-pg h4{font:770 1.22rem/1.15 var(--display);letter-spacing:-.02em;color:var(--plum-600)}
.dy-pg>p{font-size:.82rem;line-height:1.45;color:var(--ink-3)}
/* the payment */
.dy-rows{display:grid;overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 8px 16px -10px rgba(90,40,0,.4)}
.dy-rows div{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;font-size:.86rem;box-shadow:inset 0 1px 0 rgba(100,8,46,.06)}
.dy-rows div:first-child{box-shadow:none}
.dy-rows dt{color:var(--ink-3)}
.dy-rows dd{margin:0;font-weight:650;text-align:end;color:var(--ink)}
.dy-chk{display:grid;gap:7px;font-size:.82rem;color:#2a6e45}
.dy-chk li{display:flex;align-items:center;gap:8px}
.dy-chk .dy-i{width:18px;height:18px;padding:3px;border-radius:50%;color:#fff;background:#2f9a62;stroke-width:3}
.dy-acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.dy-go{height:42px;padding:0 20px;border-radius:999px;font:700 .9rem/1 var(--display);color:var(--cream-50);background:var(--k-grain-light),var(--k-plum-clay);box-shadow:var(--k-plum-shadow);transition:transform .25s var(--spring),filter .2s}
.dy-go:hover{transform:translateY(-1px);filter:brightness(1.1)}
.dy-go:active{transform:translateY(1px) scale(.98)}
.dy-no{height:42px;padding:0 14px;border-radius:999px;font:650 .88rem/1 var(--display);color:var(--plum-600);transition:background .2s}
.dy-no:hover{background:rgba(100,8,46,.07)}
.dy-foot{display:flex;align-items:center;gap:8px;font-size:.74rem;line-height:1.4;color:var(--ink-3)}
.dy-foot .dy-i{width:15px;height:15px;flex:none}
.dy-ok{place-items:center;align-content:center;min-height:250px;text-align:center}
.dy-big{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;color:#fff;background:#2f9a62;box-shadow:0 0 0 8px #e1f1d6,0 14px 22px -10px rgba(47,154,98,.7);animation:k-pop .5s var(--spring) both}
.dy-big .dy-i{width:34px;height:34px;stroke-width:2.6}
/* the human check */
.dy-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.dy-tile{display:grid;place-items:center;aspect-ratio:1;border-radius:14px;color:var(--plum-600);background:#fff;box-shadow:inset 0 0 0 1px rgba(100,8,46,.08),0 6px 12px -8px rgba(90,40,0,.45);transition:transform .2s var(--spring),box-shadow .2s,background .2s}
.dy-tile svg{width:48%;height:48%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.dy-tile:hover{transform:translateY(-2px)}
.dy-tile[aria-pressed="true"]{background:#fff6d6;box-shadow:inset 0 0 0 3px var(--gold-400),0 6px 12px -8px rgba(170,100,0,.6);transform:scale(.94)}
.dy-tile:focus-visible{outline:3px solid var(--plum-400);outline-offset:2px}
.dy-tiles--bad{animation:dy-shake .4s}
@keyframes dy-shake{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}
.dy-msg{font-size:.8rem;font-weight:650;color:#a2391d}
/* the plan and its proof */
.dy-parts{display:grid;gap:8px}
.dy-parts li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;padding:10px;border-radius:14px;background:#fff;box-shadow:0 6px 12px -9px rgba(90,40,0,.45)}
.dy-st{display:grid;place-items:center;width:20px;height:20px;flex:none;margin-top:1px;border-radius:50%;color:#fff;box-shadow:inset 0 0 0 2px rgba(100,8,46,.18)}
.dy-st .dy-i{width:12px;height:12px;stroke-width:2.8}
.dy-parts li[data-st="done"] .dy-st,.dy-log .dy-st{background:#2f9a62;box-shadow:none}
.dy-parts li[data-st="run"] .dy-st{border:2px solid var(--gold-500);border-top-color:transparent;box-shadow:none;animation:dy-spin 1s linear infinite}
@keyframes dy-spin{to{transform:rotate(360deg)}}
.dy-parts b{display:block;font-size:.84rem;font-weight:650;color:var(--ink)}
.dy-pr{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px}
.dy-pr img{width:22px;height:22px;flex:none;border-radius:50%}
.dy-pr .pb-badge{max-width:calc(100% - 30px)}
.dy-log{display:grid;gap:10px}
.dy-log li{display:grid;grid-template-columns:20px 40px minmax(0,1fr);gap:8px;align-items:start;font-size:.8rem;line-height:1.4;color:var(--ink-2)}
.dy-log time{font-weight:700;font-variant-numeric:tabular-nums;color:var(--plum-500)}
.dy-log em{display:block;margin-top:2px;font-size:.68rem;font-style:normal;color:var(--ink-3)}
@media (prefers-reduced-motion:reduce){.dy-sheet,.dy-tile,.dy-go{transition:none}.dy-parts li[data-st="run"] .dy-st,.dy-tiles--bad,.dy-big{animation:none}}