:root{--bg: #f4f6f9;--ink: #1c2530;--muted: #6b7785;--card: #ffffff;--line: #e2e7ee;--accent: #2563eb;--accent-ink: #ffffff;--ok: #0f9d58;--warn: #c2410c;--radius: 20px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font-family:inherit;cursor:pointer}.app{height:100%;display:grid;place-items:center;padding:32px}.screen{width:min(720px,100%);background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 30px #141e2d0f;padding:44px 40px 40px;text-align:center;position:relative}.brand{font-size:40px;margin:8px 0 4px;letter-spacing:.02em}.brand-logo{height:56px;width:auto;max-width:min(420px,80vw);display:block;margin:0 auto}.lead{font-size:20px;color:var(--muted);line-height:1.7;margin:0 0 30px}h2{font-size:28px;margin:8px 0 24px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 560px){.choices{grid-template-columns:1fr}}.choice{display:flex;flex-direction:column;align-items:center;gap:6px;background:#f0f3f8;border:2px solid transparent;border-radius:18px;padding:34px 20px;color:var(--ink);transition:transform .08s ease,box-shadow .15s ease}.choice:active{transform:scale(.98)}.choice.primary{background:var(--accent);color:var(--accent-ink)}.choice-icon{font-size:46px;line-height:1}.choice-title{font-size:26px;font-weight:700}.choice-sub{font-size:15px;opacity:.85}.choice.wide{width:100%;gap:2px;padding:18px 20px;margin-top:18px}.choice.wide .choice-title{font-size:23px}.choice.wide .choice-sub{font-size:14px}.choice.quick{width:100%;gap:4px;padding:22px 20px;margin-top:16px}.choice.quick .choice-title{font-size:21px}.quick-group{margin-top:26px;padding:14px 14px 18px;border:1px solid var(--line);border-radius:18px;background:#0f172a05}.quick-group-label{margin:0 0 4px;font-size:14px;color:var(--muted);text-align:center;letter-spacing:.02em}.quick-group .choice.quick{margin-top:10px;padding:16px 18px;background:#fff;border-color:var(--line)}.quick-group .choice.quick .choice-title{font-size:19px;font-weight:600}.choice.quick.ghost{background:transparent;border-color:var(--line);color:var(--muted);padding:16px 20px}.choice.quick.ghost .choice-title{font-size:18px;font-weight:600}.purpose-list{display:grid;gap:0;margin-bottom:8px}.lead.sm{font-size:17px;margin:0 0 18px}.choice[disabled]{opacity:.5}.back{position:absolute;top:20px;left:20px;background:none;border:none;color:var(--muted);font-size:17px;padding:8px 12px}.scan-frame{width:220px;height:220px;margin:8px auto 26px;border:4px dashed #c3ccd8;border-radius:24px;display:grid;place-items:center;font-size:90px;color:#c3ccd8}.token-input,.field input{width:100%;font-size:22px;padding:16px 18px;border:2px solid var(--line);border-radius:14px;outline:none;background:#fff}.token-input:focus,.field input:focus{border-color:var(--accent)}.cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}.cat{background:#f0f3f8;border:2px solid transparent;border-radius:14px;padding:24px 12px;font-size:20px;font-weight:600;color:var(--ink)}.cat.selected{border-color:var(--accent);background:#e7efff;color:var(--accent)}.field{display:block;text-align:left;margin:14px 0}.field span{display:block;font-size:15px;color:var(--muted);margin-bottom:6px}.result .result-mark{width:96px;height:96px;margin:4px auto 18px;border-radius:50%;display:grid;place-items:center;font-size:54px;color:#fff}.result.ok .result-mark{background:var(--ok)}.result.warn .result-mark{background:var(--warn)}.result .room{font-size:40px;font-weight:800;margin:6px 0 10px}.result-msg{font-size:22px;line-height:1.7;margin:0 0 8px}.floor{width:min(560px,100%);margin:14px auto 6px;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#f4f6f9}.floor img{display:block;width:100%;height:auto}.seatmap{position:relative}.seatmap-marker{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.room-line{font-size:16px;color:var(--muted);margin:6px 0 2px}.error{color:var(--warn);font-size:17px;margin-top:16px}.guest{text-align:center;padding:28px 22px 26px}.guest-brand{font-weight:800;font-size:22px;letter-spacing:.04em;margin:0 0 4px;color:var(--muted)}.guest h2{font-size:22px;margin:4px 0 14px}.guest h3{font-size:15px;color:var(--muted);margin:0 0 8px;letter-spacing:.04em}.guest-body{font-size:16px;line-height:1.8}.guest-when{font-size:18px;font-weight:700;margin:0 0 18px;letter-spacing:-.01em}.guest-qr{background:#f0f3f8;border-radius:18px;padding:18px 14px;margin:0 0 18px}.guest-qr img,.guest-qr-ph{width:220px;height:220px;display:block;margin:0 auto 8px;background:#fff;border-radius:12px}.guest-qr.big img,.guest-qr.big .guest-qr-ph{width:280px;height:280px}.guest-note{font-size:14px;color:var(--muted);margin:6px 0 0;line-height:1.7}.guest-site{border-top:1px solid var(--line);padding-top:16px}.guest-site-name{font-size:18px;font-weight:700;margin:0 0 4px}.guest-addr{margin:0 0 12px}.guest-map{display:block;text-decoration:none;margin-top:0;padding:14px;font-size:17px}.guest-foot{font-size:13px;color:var(--muted);margin:18px 0 0}@media (max-width: 480px){.app{padding:12px}.guest{padding:22px 16px 20px}}.staff{text-align:left;padding:28px 28px 26px}.staff h2{text-align:center}.staff h3{font-size:17px;margin:22px 0 10px;color:var(--muted);letter-spacing:.02em}.staff .field input,.staff .field select{font-size:17px;padding:11px 13px}.staff .field select{border:2px solid var(--line);border-radius:14px;background:#fff;color:var(--ink)}.staff .choice.wide{font-size:18px;padding:16px;margin-top:18px}.staff-inline{display:flex;gap:10px}.staff-inline>*{flex:1;min-width:0}.staff-fieldset{border:2px solid var(--line);border-radius:14px;padding:12px 14px}.staff-fieldset legend{font-size:15px;color:var(--muted);padding:0 6px}.staff-radio{display:flex;align-items:center;gap:10px;font-size:17px;padding:8px 0}.staff-radio input[type=radio]{width:auto;flex:0 0 auto;margin:0;padding:0;transform:scale(1.3)}.staff-hits{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.staff-picked{display:block;font-size:13px;color:var(--ok);margin-top:6px}.staff-btn{background:#f0f3f8;border:2px solid transparent;border-radius:12px;padding:9px 14px;font-size:15px;font-weight:600;color:var(--ink)}.staff-btn.ghost{background:#fff;border-color:var(--line);color:var(--muted)}.staff-list{border-top:1px solid var(--line);margin-top:26px}.staff-row{border:1px solid var(--line);border-radius:14px;padding:13px 15px;margin-bottom:10px;background:#fff}.staff-row-main{font-size:16px;line-height:1.6}.staff-row-sub{font-size:14px;color:var(--muted);margin-top:4px;line-height:1.6}.staff-row-actions{display:flex;gap:8px;margin-top:10px}.staff-done{background:#e7f6ec;color:var(--ok);border-radius:12px;padding:10px 14px;font-size:15px;margin:0 0 14px}@media (max-width: 480px){.staff{padding:22px 16px 20px}.staff-inline{flex-direction:column}}