.handcam-page{min-height:100svh;padding:0 var(--page-gutter) 60px;background:var(--surface-root);color:var(--text-primary)}.handcam-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1480px;height:76px;margin:auto;display:flex}.handcam-header__brand{color:inherit;letter-spacing:-.06em;align-items:center;gap:10px;font-size:19px;font-weight:780;text-decoration:none;display:inline-flex}.handcam-header__brand .morrow-mark{width:24px;height:24px;display:inline-grid}.handcam-header__back{color:var(--text-muted);transition:color var(--duration-response);font-size:13px;text-decoration:none}.handcam-header__back:hover,.handcam-header__back:focus-visible{color:var(--text-primary)}.handcam-header__back span{margin-left:6px}.handcam-layout{grid-template-columns:minmax(0,1.15fr) minmax(400px,.85fr);gap:clamp(34px,5vw,86px);max-width:1480px;margin:0 auto;padding-top:clamp(40px,5vw,76px);display:grid}.handcam-stage{align-self:start;min-width:0;position:sticky;top:28px}.handcam-stage__top,.handcam-stage__foot{color:var(--text-muted);justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex}.handcam-stage__top{padding-bottom:17px}.handcam-stage__live{color:var(--text-primary);letter-spacing:.13em;align-items:center;gap:9px;font-weight:780;display:inline-flex}.handcam-stage__live i{background:#d9ff6f;border-radius:50%;width:8px;height:8px}.handcam-stage__screen{aspect-ratio:16/10;border:1px solid var(--line);background:#171717;border-radius:clamp(12px,1.6vw,22px);position:relative;overflow:hidden}.handcam-stage__screen:after{content:"";pointer-events:none;border:1px solid #ffffff21;border-radius:10px;position:absolute;inset:12px}.handcam-stage__screen video{object-fit:cover;background:#111;width:100%;height:100%;display:block}.handcam-stage__empty{text-align:center;color:#f5f5f5;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.handcam-stage__empty strong{letter-spacing:-.04em;font-size:clamp(18px,2vw,30px);font-weight:690}.handcam-stage__empty>span:last-child{color:#aaa;font-size:13px}.handcam-stage__aperture{background:radial-gradient(circle,#303030 0 18%,#202020 19% 40%,#161616 42%);border:1px solid #555;border-radius:50%;width:100px;height:100px;margin-bottom:18px;display:block;box-shadow:0 0 0 16px #ffffff06,0 0 0 36px #ffffff05}.handcam-stage__foot{padding:14px 1px}.handcam-stage__foot button{color:var(--text-primary);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:6px 0}.handcam-stage__foot button:disabled{color:var(--text-faint);cursor:not-allowed}.handcam-setup{min-width:0}.handcam-heading__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:780}.handcam-heading h1{letter-spacing:-.078em;max-width:540px;margin:18px 0 22px;font-size:clamp(42px,4.5vw,72px);font-weight:740;line-height:.94}.handcam-heading>p{color:var(--text-muted);max-width:520px;margin:0 0 34px;font-size:15px;line-height:1.6}.handcam-flow{border-top:1px solid var(--line)}.handcam-start,.handcam-step{border-bottom:1px solid var(--line);animation:handcam-enter var(--duration-state) var(--ease-travel) both;padding:25px 0 28px}.handcam-step h2,.handcam-start h2{letter-spacing:-.04em;margin:0 0 7px;font-size:20px;font-weight:700}.handcam-step p,.handcam-start p{color:var(--text-muted);margin:0 0 19px;font-size:13px;line-height:1.55}.handcam-primary,.handcam-secondary{min-height:46px;font:inherit;cursor:pointer;transition:background var(--duration-response), color var(--duration-response), border-color var(--duration-response), transform var(--duration-response);border-radius:8px;justify-content:space-between;align-items:center;gap:28px;padding:10px 17px;font-size:13px;font-weight:700;display:inline-flex}.handcam-primary{background:var(--text-primary);color:var(--surface-root);border:1px solid var(--text-primary)}.handcam-primary:hover:not(:disabled){transform:translateY(-2px)}.handcam-primary:disabled{opacity:.4;cursor:not-allowed}.handcam-secondary{color:var(--text-primary);border:1px solid var(--line-strong);background:0 0}.handcam-secondary:hover{background:var(--surface-raised)}.handcam-step label{margin:0 0 9px;font-size:12px;font-weight:700;display:block}.handcam-step textarea{resize:vertical;background:var(--surface-raised);width:100%;max-width:100%;color:var(--text-primary);border:1px solid var(--line-strong);border-radius:8px;margin-bottom:14px;padding:13px;font:12px/1.5 ui-monospace,SFMono-Regular,monospace;display:block}.handcam-step textarea:focus-visible,.handcam-page button:focus-visible,.handcam-page a:focus-visible,.handcam-step summary:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.handcam-step__actions{flex-wrap:wrap;gap:10px;display:flex}.handcam-step details{margin-top:15px}.handcam-step summary{cursor:pointer;width:max-content;color:var(--text-muted);text-underline-offset:3px;font-size:12px;text-decoration:underline}.handcam-step details textarea{margin-top:12px}.handcam-qr{background:#fff;border-radius:8px;width:min(460px,100%);margin:18px 0 15px;position:relative}.handcam-qr>img{width:100%;height:auto;image-rendering:pixelated;border-radius:8px;display:block}.handcam-qr__mark{color:#111;background:#fff;border-radius:5px;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fff}.handcam-qr__mark .morrow-mark{width:19px;height:19px;display:inline-grid}.handcam-step--connected{border-top:2px solid #d9ff6f}.handcam-error{background:#ef9b8317;border-left:3px solid #ef9b83;margin:20px 0 0;padding:13px 16px;font-size:13px;line-height:1.5}.handcam-status{color:var(--text-muted);padding:22px 0;font-size:13px}.handcam-reset{color:var(--text-muted);text-underline-offset:3px;font:inherit;cursor:pointer;background:0 0;border:0;margin-top:16px;padding:12px 0;font-size:12px;text-decoration:underline;display:block}.handcam-reset:hover{color:var(--text-primary)}.handcam-footnote{border-top:1px solid var(--line);margin-top:34px;padding-top:19px}.handcam-footnote strong{font-size:12px}.handcam-footnote p{color:var(--text-muted);max-width:500px;font-size:12px;line-height:1.6}@keyframes handcam-enter{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.handcam-layout{grid-template-columns:1fr;gap:25px}.handcam-stage{position:relative;top:auto}.handcam-heading h1{font-size:clamp(42px,8vw,68px)}.handcam-setup{max-width:690px}.handcam-stage__screen{aspect-ratio:16/9}}@media (max-width:580px){.handcam-page{padding-bottom:35px}.handcam-header{height:64px}.handcam-header__back{font-size:12px}.handcam-layout{padding-top:32px}.handcam-heading h1{font-size:48px}.handcam-heading>p{font-size:14px}.handcam-stage__screen{aspect-ratio:4/3}.handcam-stage__aperture{width:68px;height:68px;margin-bottom:8px}.handcam-stage__empty strong{font-size:19px}.handcam-stage__empty>span:last-child{padding:0 30px;font-size:11px}}@media (prefers-reduced-motion:reduce){.handcam-start,.handcam-step{animation:none}.handcam-primary,.handcam-secondary{transition:none}}