:root{--ink:#232c5e;--paper:#f6f7fe;--line:#d8dbf5;--accent:#4451b4;--accent-dark:#293489;--muted:#6b6f95}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.wrap{max-width:480px;min-height:100vh;margin:0 auto;padding:48px 24px}h1{margin:0 0 8px;font-size:28px;line-height:1.2}p.sub{color:var(--muted);margin:0 0 32px;font-size:15px}label{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}.logo{width:72px;height:auto;margin:0 auto 16px;display:block}.leave-now-banner{color:#fff;text-align:center;background:#293489;border-radius:12px;margin-bottom:16px;padding:16px;font-size:16px;font-weight:600}input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;margin-bottom:18px;padding:12px 14px;font-size:16px}input:focus{outline:2px solid var(--accent);outline-offset:1px}.stats-row{grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:10px;margin-bottom:16px;display:grid}.stat-box{border:1px solid var(--line);text-align:center;background:#fff;border-radius:10px;padding:12px 8px}.stat-number{color:var(--accent-dark);font-size:20px;font-weight:700}.stat-label{color:var(--muted);margin-top:2px;font-size:11px}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:13px 14px;font-size:16px;font-weight:600}button:hover:not(:disabled){background:var(--accent-dark)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{color:var(--ink);border:1px solid var(--line);background:0 0}.card{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:12px;padding:20px}.position-number{margin:12px 0;font-size:64px;font-weight:700;line-height:1}.divider{border:none;border-top:1px solid var(--line);margin:32px 0}.link-box{border:1px solid var(--line);word-break:break-all;background:#fff;border-radius:8px;margin-bottom:12px;padding:12px 14px;font-size:13px}.row{justify-content:space-between;align-items:center;display:flex}.badge{color:var(--accent-dark);background:#e4e6fb;border-radius:100px;padding:3px 8px;font-size:12px}.qr-section{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:10px;margin-bottom:16px;padding:20px;display:flex}.qr-caption{color:var(--muted);text-align:center;margin:0;font-size:14px}@media print{body *{visibility:hidden}#printable-qr,#printable-qr *{visibility:visible}#printable-qr{border:none;position:absolute;top:40px;left:50%;transform:translate(-50%)}}