:root{--navy:#202646;--yellow:#ffca35;--ink:#202646;--muted:#76798c;--border:#eaebf0;--white:#fff;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--white);color:var(--ink);text-align:center}main{width:min(100%,430px);margin:0 auto;min-height:100svh;padding:clamp(16px,5vh,48px) 26px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column}header{margin-bottom:24px}.brandmark{position:relative;width:224px;height:126px;overflow:hidden;margin:0 auto}.brandmark img{position:absolute;width:280px;height:280px;max-width:none;top:-76px;left:-28px}.welcome{margin:6px 0 0;font-size:16px;font-weight:600;color:var(--muted)}.pager{background:var(--navy);color:var(--white);border-radius:30px;padding:28px 24px 22px;box-shadow:0 16px 40px #20264614}.order-label{font-size:14px;color:#d3d5e1;font-weight:500}#number{font-size:clamp(84px,25vw,120px);font-weight:750;line-height:1.25;color:var(--yellow);letter-spacing:-.06em;font-variant-numeric:tabular-nums;margin:6px 0 12px;padding-left:.06em}h1{font-size:23px;font-weight:700;margin:0 0 8px;line-height:1.6}#detail{font-size:14px;margin:0;color:#d3d5e1;line-height:1.8;min-height:25px}.connection{display:flex;justify-content:center;align-items:center;gap:7px;font-size:11px;color:#d3d5e1;margin-top:23px;padding-top:16px;border-top:1px solid #ffffff17}.light{width:6px;height:6px;border-radius:50%;background:var(--yellow)}.action-area{margin-top:22px}button{display:flex;width:100%;justify-content:center;align-items:center;gap:10px;min-height:58px;padding:14px 20px;border:0;border-radius:17px;background:var(--yellow);color:var(--navy);font:700 18px system-ui,-apple-system,sans-serif;cursor:pointer;line-height:1.5}button:disabled{opacity:.55;cursor:default}button.active:disabled{background:#f2f3f7;color:var(--navy);opacity:1}button:focus-visible{outline:3px solid var(--navy);outline-offset:4px}button+button{margin-top:12px}.feedback{font-size:13px;color:var(--muted);line-height:1.7;margin:12px 0 0}.feedback:empty{display:none}.error{color:#a23034}.ready .pager{background:var(--yellow);color:var(--navy)}.ready .order-label,.ready #detail,.ready .connection{color:var(--navy)}.ready #number{color:var(--navy)}.ready .connection{border-color:#20264622}.ready .light{background:var(--navy)}.ready #ack{background:var(--navy);color:var(--white)}footer{display:flex;align-items:center;justify-content:center;gap:12px;color:#9698a7;font-size:12px;margin-top:auto;padding-top:34px}.footer-line{width:24px;height:1px;background:var(--border)}[hidden]{display:none!important}@media(max-height:730px){main{padding-top:10px}.brandmark{width:190px;height:110px}.brandmark img{width:240px;height:240px;top:-65px;left:-25px}header{margin-bottom:16px}.pager{padding-top:21px;padding-bottom:17px}#number{font-size:88px}.connection{margin-top:15px;padding-top:12px}footer{padding-top:24px}}@media(min-width:760px){body{background:#f8f9fc}main{margin-top:36px;margin-bottom:36px;border-radius:36px;background:white;min-height:760px;box-shadow:0 16px 70px #20264608}}@media(prefers-reduced-motion:no-preference){button{transition:background-color .15s}}

.review{margin-top:22px;border:1px solid var(--border);border-radius:20px;padding:20px}.review h2{font-size:20px;margin:0 0 6px}.review p{font-size:14px;color:var(--muted);margin:0 0 16px}.review a{display:block;background:var(--yellow);color:var(--navy);font-weight:700;text-decoration:none;border-radius:13px;padding:13px 8px;font-size:15px}footer{line-height:1.9}footer span:not(.footer-line){max-width:270px}.review a:focus-visible{outline:3px solid var(--navy);outline-offset:3px}