@font-face{font-family:Roboto Local;src:url(./roboto-latin-500-normal-7RbcRiD8.woff2)format("woff2");font-weight:500;font-display:block}:root{--bg:#fff;--fg:#111;--muted:#737373;--line:#e8e8e8;--accent:#2f6b4f;--panel:#fff;--hover:#f4f4f4;--font-display:"Lora", Georgia, serif;--font-body:"Inter", -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--app-text:#000000e6;--app-sub:#0000008c;--app-faint:#0000004d;--app-gold:#907744;--app-link:#576b95;--app-green:#07c160;--app-surface:#f7f7f7;--app-ticket:#fffcf5;--ease:cubic-bezier(.2, 0, 0, 1)}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible{outline:2px solid var(--line);outline-offset:2px;border-radius:4px}.page{min-height:100dvh;padding-block:32px 40px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.page.record{padding-block:24px}.stage{flex:none;position:relative}.stage>.phone{transform:scale(var(--z,1));transform-origin:0 0;position:absolute;top:0;left:0}.meta{top:calc(22px + env(safe-area-inset-top,0px));left:max(24px, env(safe-area-inset-left,0px));gap:2px;font-size:13px;line-height:18px;display:grid;position:fixed}.meta-title{color:var(--fg);font-weight:500}.meta-sub{color:var(--muted)}@media (width<=900px){.meta{display:none}}.dock-area{justify-items:center;gap:12px;min-width:0;max-width:100%;display:grid}.caption{height:18px;color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:10px;margin:0;font-size:13px;line-height:18px;display:flex}.caption-in{animation:capIn .26s var(--ease) both;display:inline-block}@keyframes capIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.dock{background:var(--panel);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;max-width:100%;padding:4px;font-size:13px;line-height:1;display:flex;overflow-x:auto;box-shadow:0 1px 2px #0000000a,0 8px 24px -12px #0000001f}.dock-label{color:var(--muted);padding:0 6px 0 10px}.chip,.dock-btn,.dock-icon{height:30px;color:var(--fg);transition:background-color .14s var(--ease), color .14s var(--ease);border-radius:999px}.chip{font-variant-numeric:tabular-nums;padding:0 11px}.chip:hover,.dock-btn:hover,.dock-icon:hover{background:var(--hover)}.chip.on{background:var(--fg);color:var(--panel)}.dock-sep{background:var(--line);width:1px;height:16px;margin:0 4px}.dock-btn{justify-content:center;align-items:center;gap:7px;min-width:86px;padding:0 12px 0 11px;display:inline-flex}.dock-icon{width:30px;color:var(--muted);place-items:center;display:grid}.dock-icon:hover{color:var(--fg)}.phone{box-sizing:content-box;background:#111;border-radius:52px;width:390px;height:844px;padding:10px;box-shadow:0 24px 48px -28px #00000047}.screen{width:390px;height:844px;color:var(--app-text);-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border-radius:42px;font-family:PingFang SC,-apple-system,SF Pro Text,Helvetica Neue,sans-serif;font-size:14px;line-height:20px;position:relative;overflow:hidden}.status{letter-spacing:-.2px;justify-content:space-between;align-items:center;height:47px;padding:0 26px 0 35px;font-family:-apple-system,SF Pro Text,Helvetica Neue,sans-serif;font-size:17px;font-weight:600;display:flex}.status .icons{align-items:center;gap:6px;display:flex}.nav{align-items:center;height:44px;padding-left:16px;display:flex}.amount-block{padding:24px 24px 0}.amount-block .label{height:20px;font-size:14px}.amount{text-align:left;align-items:center;width:100%;height:44px;margin-top:16px;display:flex}.amount .yen{margin-right:8px;font-family:-apple-system,Helvetica Neue,sans-serif;font-size:26px;font-weight:700}.amount .digits{letter-spacing:0;font-variant-numeric:tabular-nums;font-family:WeChat Sans SS,WeChat Sans Std,Roboto Local,-apple-system,sans-serif;font-size:40px;font-weight:500;line-height:44px}.roll-stage{flex:none;position:relative}.roll-crop{transform-origin:0 0;cursor:text;width:410px;height:330px;position:absolute;top:0;left:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.roll-crop .phone{box-shadow:none}.roll-crop{overflow:clip}.roll-input{opacity:0;border:0;width:1px;height:1px;padding:0;position:absolute;top:0;left:0}.roll-page .dock-area{margin-top:12px}.digits.roll{font-variant-numeric:proportional-nums;height:44px;display:inline-flex;position:relative}.roll .probe{visibility:hidden;display:flex;position:absolute}.roll .col{height:44px;width:var(--cw,auto);transition:width .42s cubic-bezier(.16, 1, .3, 1) var(--delay);flex:none;display:inline-block;overflow:hidden}.roll .col.in{animation:.3s cubic-bezier(.2,0,0,1) both roll-w-in}.roll .strip{transform:translateY(calc(var(--d) * -44px));transition:transform .56s cubic-bezier(.16, 1, .3, 1) var(--delay);flex-direction:column;display:flex}.roll .strip>span{height:44px;line-height:44px;display:block}.roll .col.in .strip{transition:none;animation:.34s cubic-bezier(.22,1.35,.36,1) both roll-in}.roll .col.out{animation:.24s cubic-bezier(.4,0,.2,1) forwards roll-out}@keyframes roll-w-in{0%{width:0}}@keyframes roll-in{0%{opacity:0;filter:blur(4px);translate:0 26px}to{opacity:1;filter:blur();translate:0}}@keyframes roll-out{to{opacity:0;filter:blur(2px);width:0;translate:0 14px}}@media (prefers-reduced-motion:reduce){.roll .strip{transition:none}.roll .col.in,.roll .col.in .strip,.roll .col.out{animation-duration:1ms}}.caret{background:var(--app-green);border-radius:2px;width:4px;height:44px;margin-left:3px;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.credit{color:var(--app-sub);border-top:.5px solid #0000001a;margin-top:16px;padding-top:9px;font-size:14px}@media (width<=500px){.page{justify-content:flex-start;gap:14px;padding-block:16px 20px}.dock-area{gap:10px}.caption{height:auto;min-height:18px;padding-inline:8px;font-size:12px}.dock{gap:2px;padding:3px;font-size:12.5px}.dock-label{display:none}.chip{padding:0 9px}.dock-btn{gap:5px;min-width:0;padding:0 10px 0 9px}.dock-sep{margin:0 2px}}.page.roll-page{justify-content:center}