*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--fid-primary: #1f2937;--fid-on-primary: #ffffff;--fid-primary-soft: color-mix(in srgb, var(--fid-primary) 12%, #ffffff);--fid-bg: #f3f4f6;--fid-surface: #ffffff;--fid-text: #1b1b1b;--fid-muted: #6b6b6b;--fid-line: #e6e6e6;--fid-line-soft: #f0f0f0;--fid-ok: #1f7a3a;--fid-ok-soft: #e4f3e8;--fid-warn: #9a5b00;--fid-warn-soft: #fcf1dc;--fid-danger: #b42318;--fid-danger-soft: #fdebe9;--fid-radius: 16px;--fid-radius-sm: 10px;--fid-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 8px 24px rgba(0, 0, 0, .06)}html,body{height:100%}body{font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif;background-color:var(--fid-bg);color:var(--fid-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.45;font-variant-numeric:tabular-nums}input,select,button,textarea{font-family:inherit;font-size:16px;color:inherit}a{color:var(--fid-primary)}.card{background:var(--fid-surface);border-radius:var(--fid-radius);padding:18px;box-shadow:var(--fid-shadow);margin-bottom:12px}.title{font-size:22px;font-weight:800;letter-spacing:-.01em;line-height:1.2;margin-bottom:6px}.subtitle{font-size:15px;color:var(--fid-muted);margin-bottom:16px}.section{font-size:13px;font-weight:700;color:var(--fid-muted);margin:18px 0 8px 4px}.muted{color:var(--fid-muted);font-size:14px}.small{font-size:13px}.center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;padding:12px 18px;border:none;border-radius:14px;background:var(--fid-primary);color:var(--fid-on-primary);font-weight:700;font-size:16px;cursor:pointer;text-decoration:none;transition:transform .08s ease}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.secondary{background:var(--fid-primary-soft);color:var(--fid-primary)}.btn.ghost{background:transparent;color:var(--fid-text);border:1px solid var(--fid-line)}.btn.danger{background:var(--fid-danger-soft);color:var(--fid-danger)}.btn.compact{width:auto;min-height:40px;padding:8px 16px;font-size:14px;border-radius:12px}.btn svg{width:20px;height:20px;flex:none}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:14px;font-weight:700;color:var(--fid-text)}.field .hint{font-size:13px;color:var(--fid-muted)}.field input,.field select,.field textarea{min-height:50px;padding:12px 14px;border:1px solid var(--fid-line);border-radius:12px;background:var(--fid-surface);-webkit-appearance:none;appearance:none}.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b6b6b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--fid-primary);box-shadow:0 0 0 3px var(--fid-primary-soft)}.field input:disabled{background:var(--fid-line-soft);color:var(--fid-muted)}.check{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.4;margin-bottom:14px}.check input{margin-top:2px;width:20px;height:20px;flex:none;accent-color:var(--fid-primary)}.notice{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--fid-radius-sm);font-size:14px;line-height:1.4;margin:10px 0;background:var(--fid-primary-soft);color:var(--fid-text)}.notice.error{background:var(--fid-danger-soft);color:var(--fid-danger)}.notice.ok{background:var(--fid-ok-soft);color:var(--fid-ok)}.error{color:var(--fid-danger);font-size:14px;margin:8px 0}.ok{color:var(--fid-ok);font-size:14px;margin:8px 0}.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:24px;letter-spacing:.28em;font-weight:700;text-align:center;margin-top:8px;color:var(--fid-text)}.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;background:var(--fid-line-soft);color:var(--fid-muted);white-space:nowrap}.pill.ok{background:var(--fid-ok-soft);color:var(--fid-ok)}.pill.warn{background:var(--fid-warn-soft);color:var(--fid-warn)}.pill.danger{background:var(--fid-danger-soft);color:var(--fid-danger)}.pill.brand{background:var(--fid-primary-soft);color:var(--fid-primary)}.segment{display:flex;padding:4px;gap:4px;background:var(--fid-line-soft);border-radius:14px;margin-bottom:14px}.segment button{flex:1;padding:10px;border-radius:11px;border:none;background:transparent;font-weight:700;font-size:14px;color:var(--fid-muted);cursor:pointer}.segment button.active{background:var(--fid-surface);color:var(--fid-text);box-shadow:0 1px 3px #00000014}.spinner{text-align:center;padding:28px;color:var(--fid-muted);font-size:14px}.overlay{position:fixed;inset:0;background:#1b1b1b80;display:flex;align-items:flex-end;z-index:20}.sheet{width:100%;max-width:520px;margin:0 auto;background:var(--fid-surface);border-radius:22px 22px 0 0;padding:14px 18px calc(22px + env(safe-area-inset-bottom));animation:sheet-in .2s ease-out}.sheet:before{content:"";display:block;width:40px;height:4px;border-radius:2px;background:var(--fid-line);margin:0 auto 14px}@keyframes sheet-in{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.sheet{animation:none}.btn{transition:none}}.pass{border-radius:20px;overflow:hidden;background:var(--fid-primary);color:var(--fid-on-primary);box-shadow:0 14px 34px #0000002e;margin-bottom:14px}.pass-top{display:flex;align-items:center;gap:12px;padding:16px 18px 0}.pass-logo{width:40px;height:40px;border-radius:10px;background:#fff;object-fit:contain;flex:none}.pass-logo-empty{width:40px;height:40px;border-radius:10px;background:color-mix(in srgb,var(--fid-on-primary) 22%,transparent);flex:none}.pass-title{font-weight:800;font-size:17px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pass-kind{font-size:12px;opacity:.8}.pass-body{padding:18px 18px 16px}.pass-row{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.pass-label{font-size:12px;opacity:.75;margin-bottom:2px}.pass-points{font-size:46px;font-weight:800;line-height:1;letter-spacing:-.02em}.pass-side{text-align:right;font-size:15px;font-weight:700}.pass-sub{margin-top:10px;font-size:13px;opacity:.85}.pass-qr{margin:0 14px 14px;background:#fff;color:var(--fid-text);border-radius:14px;padding:16px 12px 14px;text-align:center}.pass-qr .hint{font-size:13px;color:var(--fid-muted);margin-bottom:8px}.pass-qr app-qr{margin:0 auto}.pass-qr .code{margin-top:10px}.pass-qr .hint-after{font-size:12px;color:var(--fid-muted);margin-top:6px}