:root{--bg: #f5f5f5;--surface: #ffffff;--primary: #1f314f;--dark: #1c1c1e;--text: #1c1c1e;--muted: rgba(28, 28, 30, .6);--border: rgba(28, 28, 30, .15);--radius: 16px;--touch-target: 48px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;touch-action:manipulation}a{color:inherit;text-decoration:none}.page{min-height:100vh;min-height:100dvh;padding:2rem 1.25rem;padding-top:max(2rem,env(safe-area-inset-top));padding-bottom:max(2rem,env(safe-area-inset-bottom));display:flex;justify-content:center}.page--center{align-items:center}.container{width:100%;max-width:500px}.container--narrow{max-width:420px}.brand{margin-bottom:.5rem}.brand-name{font-size:1rem;font-weight:600;color:var(--primary);letter-spacing:-.01em}.brand-tagline{font-size:.875rem;color:var(--muted);margin-top:.125rem}.card{background:var(--surface);border-radius:var(--radius);padding:1.5rem;box-shadow:0 1px 3px #1c1c1e14}.card--center{text-align:center}h1{margin:0 0 1.25rem;font-size:1.5rem;font-weight:600;color:var(--primary);letter-spacing:-.025em}p{margin:0 0 1.25rem;color:var(--muted);font-size:1rem;line-height:1.5}.loading,.error{text-align:center;padding:2.5rem 1rem;color:var(--muted);font-size:1rem}.error{color:#e53935}.search-box{margin-bottom:1.25rem}.search-input{width:100%;min-height:var(--touch-target);padding:.875rem 1rem;border:none;border-radius:12px;font-size:1rem;outline:none;background:var(--bg);color:var(--text);transition:box-shadow .2s ease}.search-input::placeholder{color:var(--muted)}.search-input:focus{box-shadow:0 0 0 2px var(--primary)}.branch-list{display:flex;flex-direction:column;gap:.5rem}.branch-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:var(--touch-target);padding:.875rem 1rem;background:var(--bg);border-radius:12px;transition:transform .15s ease,background-color .15s ease}.branch-item:active{transform:scale(.98);background:#1f314f14}@media(hover:hover){.branch-item:hover{background:#1f314f0f}}.branch-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.branch-name{font-size:1rem;font-weight:500;color:var(--text)}.branch-meta{font-size:.875rem;color:var(--muted)}.branch-arrow{color:var(--muted);flex-shrink:0}.branch-arrow svg{width:1.25rem;height:1.25rem}.status-icon{width:4rem;height:4rem;border-radius:50%;display:grid;place-items:center;background:#1f314f14;margin:0 auto 1.25rem}.status-icon svg{width:2rem;height:2rem;color:var(--primary)}.result-id{font-size:.875rem;color:var(--muted);margin:1.25rem 0}.result-id span{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;color:var(--text)}.button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:var(--touch-target);padding:.875rem 1.5rem;background:var(--primary);color:#fff;border-radius:12px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.button:active{transform:scale(.98)}@media(hover:hover){.button:hover{opacity:.9}}.iframe-page{height:100%;height:100dvh;overflow:hidden}.iframe-shell{width:100%;height:100%}.iframe-shell iframe{width:100%;height:100%;border:none}.iframe-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1.5rem;background:var(--bg);transition:opacity .25s ease,visibility .25s ease;z-index:100}.iframe-overlay.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.branch-item,.button,.iframe-overlay{transition:none}.loader-spinner{animation:none}}