:root{--paper:#fff;--ink:#121214;--muted:#4b4f55;--hairline:#e6e6e8;--error:#b91c1c;--accent:#e00a0f;--on-accent:#fff;--accent-text:#e00a0f;--font:-apple-system, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.45}#root{min-height:100svh}.page{max-width:640px;padding-bottom:calc(200px + env(safe-area-inset-bottom));margin:0 auto}.brand-bar{background:var(--accent);color:var(--on-accent);padding:8px 16px;font-size:13px;font-weight:600}.hero{object-fit:cover;object-position:50% 30%;width:100%;height:240px;display:block}@media (width>=640px){.hero{height:300px}}.intro{padding:20px 16px 0}.intro h1{overflow-wrap:anywhere;margin:0 0 8px;font-size:34px;font-weight:700;line-height:1.1}.meta{color:var(--muted);margin:0;font-size:16px}.show{border-top:1px solid var(--hairline);margin:32px 16px 0;padding-top:32px}.show h2{margin:0;font-size:22px;font-weight:700;line-height:1.2}.small{color:var(--muted);margin:4px 0 0;font-size:14px}.body-text{margin:12px 0 0}.auto{margin-top:16px}.auto-line{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.auto+.auto{margin-top:12px}.name{font-size:18px;font-weight:600}.tag{color:var(--accent-text);white-space:nowrap;font-size:13px;font-weight:600}.choose-head{justify-content:space-between;align-items:baseline;gap:12px;margin-top:24px;display:flex}.choose-head h3{margin:0;font-size:16px;font-weight:600}.choose-head .small{white-space:nowrap;margin:0}.rows{margin-top:4px}.row{width:100%;min-height:52px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:12px 0;display:flex}.row+.row{border-top:1px solid var(--hairline)}.row .name{flex:1;min-width:0}.row .division{color:var(--muted);font-size:14px}.row[aria-disabled=true]{opacity:.6;cursor:default}.row:focus-visible,.btn:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.circle{border:1.5px solid var(--muted);width:24px;height:24px;color:var(--on-accent);border-radius:50%;flex:none;place-items:center;transition:background-color .15s,border-color .15s;display:grid}.row[aria-checked=true] .circle{background:var(--accent);border-color:var(--accent-text)}@media (prefers-reduced-motion:reduce){.circle{transition:none}}.footer{color:var(--muted);margin:40px 16px 0;font-size:14px}.action-bar{background:var(--paper);border-top:1px solid var(--hairline);padding:12px 16px calc(12px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0}.action-inner{flex-wrap:wrap;align-items:center;gap:8px 12px;max-width:608px;margin:0 auto;display:flex}.status{color:var(--muted);flex:180px;margin:0;font-size:14px}.status.error{color:var(--error)}.actions{gap:8px;margin-left:auto;display:flex}.btn{height:48px;font:inherit;cursor:pointer;border-radius:12px;padding:0 20px;font-size:16px;font-weight:700}.btn-primary{background:var(--accent);color:var(--on-accent);border:0}.btn-primary:disabled{background:var(--hairline);color:var(--muted);cursor:default}.btn-secondary{border:1px solid var(--muted);background:var(--paper);color:var(--ink)}@media print{header,.action-bar button{display:none!important}body{background:#fff}.action-bar{border:0;position:static}.page{padding-bottom:0}}
