:root{color-scheme:light}body{background:#f5f7fb;margin:0;color:#16243a}.handoff-header{max-width:1100px;margin:auto;display:flex;align-items:center;gap:24px;padding:25px 24px}.handoff-header a{color:#526078;font-size:14px;text-decoration:none}.handoff-header .handoff-brand{font-size:21px;font-weight:750;color:#17366f;margin-right:auto}.handoff-main{max-width:1100px;margin:auto;padding:20px 24px 44px}.handoff-intro h1{font-size:clamp(26px,4vw,38px);margin:16px 0 12px;letter-spacing:-1px}.handoff-intro p{color:#66738a;line-height:1.8;margin:0}.handoff-tag{display:inline-block;font-size:12px;color:#2452a4;background:#e9f0ff;border-radius:6px;padding:6px 10px}.handoff-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 18px}.handoff-toolbar [role=group]{display:flex;gap:4px;background:#e9edf5;padding:5px;border-radius:10px}.handoff-toolbar [data-view]{border:0;background:transparent;border-radius:7px;padding:10px 15px;color:#64738b;cursor:pointer}.handoff-toolbar [data-view].selected{background:white;color:#1749be;box-shadow:0 2px 5px #182b4310}.handoff-summary{display:grid;grid-template-columns:1fr 1fr 1.2fr;background:white;border:1px solid #e1e7f0;border-radius:14px;padding:20px;gap:20px}.handoff-summary small{display:block;color:#748096;margin-bottom:8px}.handoff-summary strong{font-size:15px;overflow-wrap:anywhere}.handoff-status{color:#2554c4}.handoff-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:26px 0}.handoff-steps>div{display:flex;align-items:center;gap:7px;color:#8b96a8;font-size:12px}.handoff-steps b{display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#e6ebf3}.handoff-steps .complete{color:#327766}.handoff-steps .complete b{background:#e2f2e9}.handoff-steps .current{color:#2554c4}.handoff-steps .current b{background:#2554c4;color:white}.handoff-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.handoff-panels:has(>section[hidden]){grid-template-columns:1fr}.handoff-panel{padding:28px;margin:0;min-height:360px}.handoff-panel h2{font-size:22px;margin:18px 0 10px}.handoff-panel p{line-height:1.8}.handoff-panel [hidden],[hidden]{display:none!important}.handoff-time{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#f0f5ff;color:#51647e;border-radius:10px;padding:13px;margin:18px 0;font-size:12px}.handoff-time strong{color:#1749be}.handoff-panel input{width:100%;box-sizing:border-box}.handoff-panel label{display:block;margin-bottom:8px}.handoff-result{text-align:center;padding:36px 16px}.handoff-result>b{display:block;font-size:35px;color:#8293b1;margin-bottom:16px}.handoff-result.success>b{color:#248661}.handoff-result strong{display:block}.handoff-checks{margin:22px 0;padding:4px 16px;background:#f5f7fb;border-radius:10px;font-size:14px}.handoff-checks p{margin:9px 0}.handoff-actions{display:grid;gap:8px;margin-top:18px}.handoff-panel .text-button{margin-top:16px}.handoff-view-link{display:block;color:#2853a8;font-size:13px;margin-top:24px}.handoff-history{margin:22px 0;padding:24px}.handoff-history h2{font-size:18px;margin-top:0}.handoff-history ol{list-style:none;margin:0;padding:0}.handoff-history li{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #eef1f6;font-size:13px}.handoff-history small{color:#8794a8;white-space:nowrap}.handoff-footnote{font-size:12px;line-height:1.9;color:#7d8798}.handoff-panel .button:disabled{opacity:.5;cursor:wait}#demo-feedback{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 36px);width:max-content;box-sizing:border-box;padding:15px 20px;border-radius:10px;background:#182e50;color:white;box-shadow:0 8px 30px #182e5020;z-index:10;font-size:14px}@media(max-width:700px){.handoff-main{padding:12px 16px 30px}.handoff-header{padding:20px 16px;gap:15px}.handoff-header a{font-size:12px}.handoff-summary{grid-template-columns:1fr 1fr;gap:16px;padding:16px}.handoff-summary>div:last-child{grid-column:1/-1}.handoff-toolbar{flex-wrap:wrap}.handoff-toolbar [data-view]{padding:10px 11px}.handoff-panels{grid-template-columns:1fr}.handoff-panel{padding:22px;min-height:0}.handoff-steps{grid-template-columns:repeat(3,1fr);row-gap:16px}.handoff-history li{font-size:12px}.handoff-history{padding:20px}.handoff-toolbar>.button{font-size:12px}}
.handoff-panel .text-button{display:inline-block;border:0;background:transparent;color:#2853a8;font:inherit;font-size:13px;padding:4px 0;cursor:pointer;text-align:left}.handoff-panel .text-button:hover{text-decoration:underline}.handoff-panel .text-button:focus-visible{outline:3px solid #86aaff;outline-offset:3px}