*{box-sizing:border-box}html,body,#root{margin:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{position:relative;display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.split{display:flex;flex:1 1 auto;min-height:0}.pane{display:flex;flex-direction:column;flex:1 1 50%;min-width:0;border-right:1px solid #d0d7de}.pane:last-child{border-right:none}.pane.hidden{display:none}.pane header{display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;background:#0b7285;color:#fff;font-size:.85rem;white-space:nowrap;overflow:hidden}.pane.active header{background:#0b7285}.pane.locked header{background:#495057}.pane header .label{font-weight:800}.frame-wrap{position:relative;flex:1 1 auto;min-height:0}.pane iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:#21252959;-webkit-backdrop-filter:grayscale(.6) blur(1px);backdrop-filter:grayscale(.6) blur(1px);display:flex;align-items:flex-start;justify-content:center;padding-top:1.25rem;cursor:not-allowed}.overlay-badge{display:inline-flex;align-items:center;gap:.5rem;background:#000000bf;color:#fff;padding:.5rem .9rem;border-radius:999px;font-size:.85rem;font-weight:500}.overlay-badge .lock{font-size:1rem}.pos-provider{left:0;width:50%}.pos-patient{left:50%;width:50%}.pos-both{left:0;width:100%}.pos-none{left:0;right:0;width:auto;max-width:620px;margin-left:auto;margin-right:auto}.guide{position:static;width:100%;z-index:4;display:flex;flex-direction:column;gap:.5rem;padding:.85rem 1.1rem .95rem;background:linear-gradient(180deg,#ffe98a,#ffd94d);border:2px solid #f7b500;transform-origin:bottom center;transition:left .35s ease,width .35s ease}.guide.overlay-mode{position:absolute;bottom:0}.guide:not(.overlay-mode).pos-provider,.guide:not(.overlay-mode).pos-patient{position:relative;width:50%;left:auto}.guide:not(.overlay-mode).pos-provider{align-self:flex-start}.guide:not(.overlay-mode).pos-patient{align-self:flex-end}.guide:not(.overlay-mode).pos-provider:after,.guide:not(.overlay-mode).pos-patient:before{content:"";position:absolute;top:-2px;bottom:-2px;width:100%;background:#000;z-index:1;animation:unbounce 1s ease-in-out 1}.guide:not(.overlay-mode).pos-provider:after{left:100%}.guide:not(.overlay-mode).pos-patient:before{right:100%}.guide{animation:bounceUp 1s ease-in-out 1}.guide.no-bounce{animation:none}@keyframes bounceUp{0%{transform:translateY(0)}30%{transform:translateY(-16px)}55%{transform:translateY(0)}75%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes unbounce{0%{transform:translateY(0)}30%{transform:translateY(16px)}55%{transform:translateY(0)}75%{transform:translateY(6px)}to{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.guide,.guide:before,.guide:after{animation:none}}.guide-text{display:flex;align-items:flex-start;gap:.75rem;min-width:0}.instruction-body{min-width:0}.guide-text strong{display:block;font-size:1rem;color:#2b1d00}.guide-text p{margin:.15rem 0 0;font-size:.9rem;color:#3d2a00}.guide-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem}.dots{display:flex;gap:.35rem}.dot{width:9px;height:9px;border-radius:50%;background:#4a320040;transition:transform .2s ease,background .2s ease}.dot.done{background:#4a32008c}.dot.current{background:#4a3200;transform:scale(1.3)}.guide-actions{display:flex;align-items:center;gap:.5rem}.step-count{font-size:.75rem;font-weight:700;color:#7a5a00;margin-right:.25rem}.guide-actions button{padding:.55rem 1.1rem;border:none;border-radius:8px;background:#0b7285;color:#fff;font-size:.9rem;cursor:pointer}.guide-actions button:hover{background:#095c6b}.guide-actions .secondary{background:#4a32001f;color:#4a3200}.guide-actions .secondary:hover:not(:disabled){background:#4a320033}.guide-actions button:disabled{opacity:.5;cursor:default}.landing{display:flex;align-items:center;justify-content:center;height:100vh;background:#f6f8fa;padding:1rem}.card{max-width:460px;width:100%;background:#fff;border:1px solid #d0d7de;border-radius:12px;padding:2rem;box-shadow:0 4px 24px #0000000f}.card h1{margin-top:0;color:#0b7285}.card form{display:flex;gap:.5rem;margin:1.25rem 0 .75rem}.card input{flex:1;padding:.6rem .75rem;border:1px solid #d0d7de;border-radius:8px;font-size:1rem}.card button{padding:.6rem 1rem;border:none;border-radius:8px;background:#0b7285;color:#fff;font-size:1rem;cursor:pointer;white-space:nowrap}.card button:hover{background:#095c6b}.hint{font-size:.8rem;color:#57606a}.hint code{background:#f6f8fa;padding:.1rem .3rem;border-radius:4px;margin-left:.25rem}