:root{--ios-blue: rgba(0, 122, 255, .92);--ios-blue-solid: #007aff;--ios-blue-pressed: #0051d5;--ios-blue-bg: rgba(0, 122, 255, .14);--ios-green: rgba(52, 199, 89, .92);--ios-green-solid: #34c759;--ios-green-bg: rgba(52, 199, 89, .14);--ios-red: #ff3b30;--ios-red-bg: rgba(255, 59, 48, .14);--ios-gray: #8e8e93;--ios-gray2: #aeaeb2;--ios-gray4: #d1d1d6;--ios-gray5: rgba(0, 0, 0, .08);--ios-gray6: rgba(0, 0, 0, .04);--ios-text: #000000;--ios-text-secondary: rgba(60, 60, 67, .8);--ios-separator: rgba(0, 0, 0, .08);--ios-radius: 14px;--ios-radius-lg: 24px;--transition: .2s ease}.app{width:100%;max-width:480px;margin:0 auto;padding:20px 16px 40px;color:var(--ios-text);-webkit-tap-highlight-color:transparent}.glass{background:#ffffff8c;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border:.5px solid rgba(255,255,255,.55);border-radius:var(--ios-radius-lg);box-shadow:0 10px 40px #00000014,inset 0 1px #ffffff73;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;border:none;border-radius:var(--ios-radius);font-size:1.05rem;font-weight:600;font-family:inherit;cursor:pointer;transition:var(--transition);text-decoration:none;line-height:1.4}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--ios-blue);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-primary:hover:not(:disabled){filter:brightness(.95)}.btn-primary:active:not(:disabled){filter:brightness(.9)}.btn-green{background:var(--ios-green);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.visitor-section .btn-green{border-radius:0 0 var(--ios-radius-lg) var(--ios-radius-lg)}.btn-green:hover:not(:disabled){filter:brightness(.95)}.btn-green:active:not(:disabled){filter:brightness(.9)}.btn-outline{background:#fff6;color:var(--ios-blue-solid);border:.5px solid rgba(255,255,255,.5)}.btn-outline:hover:not(:disabled){background:var(--ios-blue-bg)}.btn-meet{background:var(--ios-green);color:#fff;margin-bottom:12px}.meet-icon{display:none}.welcome{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 24px 40px;text-align:center;animation:fadeUp .45s ease-out}.welcome h1{font-size:1.9rem;font-weight:700;line-height:1.25;letter-spacing:-.02em}.welcome .subtitle{font-size:1.05rem;color:var(--ios-text-secondary);line-height:1.5;max-width:320px}.reception-form{display:flex;flex-direction:column;gap:16px;animation:fadeUp .45s ease-out}.quick-actions{display:flex;flex-direction:column}.quick-actions>div{width:100%}.quick-actions>div:not(:last-child){border-bottom:.5px solid var(--ios-separator)}.quick-actions .btn{border-radius:0;background:transparent;color:var(--ios-blue-solid);box-shadow:none;font-weight:400;justify-content:flex-start;padding:18px 20px;min-height:56px}.quick-actions .btn:hover:not(:disabled){background:#0000000a;filter:none}.quick-actions .btn:active:not(:disabled){background:#00000014}.divider{font-size:.8rem;font-weight:600;color:var(--ios-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:8px 0 0 16px}.visitor-section{display:flex;flex-direction:column}.visitor-section h2{display:none}.form-group{display:flex;flex-direction:column;gap:6px;padding:14px 20px;text-align:left}.form-group:not(:first-of-type){border-top:.5px solid var(--ios-separator)}.form-group label{font-size:.85rem;font-weight:600;color:var(--ios-text-secondary)}.form-group label .optional,.form-group label .required{font-size:.75rem;font-weight:500;margin-left:4px}.form-group label .optional{color:var(--ios-gray)}.form-group label .required{color:var(--ios-red)}.form-group input,.form-group textarea{padding:10px 0;border:none;border-radius:8px;font-size:1.05rem;font-family:inherit;background:#ffffff73;color:var(--ios-text);outline:none;caret-color:var(--ios-blue-solid);transition:var(--transition)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--ios-gray2)}.form-group input:focus,.form-group textarea:focus{background:#ffffffb3}.form-group input:disabled,.form-group textarea:disabled{color:var(--ios-gray)}.form-group textarea{resize:vertical;min-height:80px}.staff-group{gap:12px}.staff-status{font-size:.9rem;color:var(--ios-text-secondary);text-align:center;padding:8px 0;background:#00000008;border-radius:var(--ios-radius)}.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px;padding-top:4px}.staff-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;background:#ffffffa6;border:.5px solid rgba(255,255,255,.6);border-radius:var(--ios-radius);cursor:pointer;font-family:inherit;transition:var(--transition)}.staff-card:hover:not(:disabled){border-color:var(--ios-blue-solid);background:var(--ios-blue-bg)}.staff-card:active:not(:disabled){filter:brightness(.95)}.staff-card:disabled{opacity:.45;cursor:not-allowed}.staff-card.selected{border-color:var(--ios-blue-solid);background:var(--ios-blue-bg);box-shadow:inset 0 0 0 1.5px var(--ios-blue-solid)}.staff-icon{width:56px;height:56px;border-radius:50%;object-fit:cover;background:var(--ios-gray6)}.staff-icon-fallback,.staff-icon-other{display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:600;color:#fff;background:var(--ios-gray)}.staff-icon-other{background:var(--ios-gray2)}.staff-name{font-size:.85rem;color:var(--ios-text);text-align:center;line-height:1.3;word-break:break-word}.staff-card.selected .staff-name{color:var(--ios-blue-solid);font-weight:600}.complete{display:flex;flex-direction:column;align-items:center;gap:14px;padding:48px 24px;text-align:center;animation:fadeUp .5s ease-out}.complete .icon{width:90px;height:90px;display:flex;align-items:center;justify-content:center;background:var(--ios-green);border-radius:50%;margin-bottom:4px;animation:popIn .6s cubic-bezier(.34,1.56,.64,1) both}.checkmark-svg{width:48%;height:48%}.checkmark-path{stroke-dasharray:100;stroke-dashoffset:100;animation:drawCheck .5s ease-out .35s forwards}@keyframes drawCheck{to{stroke-dashoffset:0}}.complete h1{font-size:1.6rem;font-weight:700;color:var(--ios-text);animation:fadeUp .5s ease-out .15s both}.complete p{font-size:1rem;color:var(--ios-text-secondary);line-height:1.5;max-width:320px;animation:fadeUp .5s ease-out .3s both}.complete .btn-meet{animation:fadeUp .5s ease-out .45s both}.complete .reset-link{margin-top:20px;padding:10px 16px;font-size:1rem;color:var(--ios-blue-solid);cursor:pointer;text-decoration:none;background:#fff6;border:.5px solid rgba(255,255,255,.5);border-radius:var(--ios-radius);font-family:inherit;font-weight:500;transition:var(--transition);animation:fadeUp .5s ease-out .6s both}.complete .reset-link:hover{background:var(--ios-blue-bg)}.error-message{color:var(--ios-red);font-size:.9rem;text-align:center;background:var(--ios-red-bg);padding:10px 14px;border-radius:var(--ios-radius);font-weight:500}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@media (max-width: 480px){.app{padding:16px 12px 32px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;background:radial-gradient(circle at 15% 15%,rgba(0,122,255,.18) 0%,transparent 35%),radial-gradient(circle at 85% 85%,rgba(52,199,89,.18) 0%,transparent 35%),radial-gradient(circle at 50% 50%,#ffffffd9,#f2f2f7);background-attachment:fixed;color:#000;min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;padding:16px}#root{width:100%;display:flex;justify-content:center}