:root{--bg: #f1ede3;--surface: #fbf8f1;--ink: #211e19;--ink-soft: #5c574c;--line: #c7bea8;--accent: #c2451a;--accent-ink: #fbf8f1;--steel: #44515a;--success: #3f6b4a;--radius: 4px;--tag-radius: 14px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #201d18;--surface: #2a2620;--ink: #f1ede3;--ink-soft: #b8af9e;--line: #4a4437;--surface-2: #332e27}}:root[data-theme=dark]{--bg: #201d18;--surface: #2a2620;--ink: #f1ede3;--ink-soft: #b8af9e;--line: #4a4437}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:IBM Plex Sans,sans-serif;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:32px 16px 80px}#root{width:100%;display:flex;flex-direction:column;align-items:center}.brandbar{width:100%;max-width:640px;display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.brandmark{display:flex;align-items:center;gap:10px;font-family:Archivo,sans-serif;font-weight:800;font-size:15px;letter-spacing:.01em}.brandmark .swatch{width:20px;height:20px;background:var(--accent);border-radius:3px;transform:rotate(45deg);flex-shrink:0}.brandbar .env{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--ink-soft);border:1px solid var(--line);padding:3px 8px;border-radius:100px}.stage{width:100%;max-width:640px}.screen{animation:rise .32s ease}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.screen{animation:none}}h1{font-family:Archivo,sans-serif;font-weight:800;font-size:26px;line-height:1.15;margin:0 0 6px}.sub{color:var(--ink-soft);font-size:14.5px;line-height:1.5;margin:0 0 28px;max-width:60ch}.heybon-hero{text-align:center;margin-bottom:26px}.logo-slot{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1.5px dashed var(--line);border-radius:var(--radius);color:var(--ink-soft);font-family:Archivo,sans-serif;font-weight:800;background:var(--surface)}.logo-slot span{font-family:IBM Plex Sans,sans-serif;font-weight:400;font-size:10.5px;letter-spacing:.02em}.logo-slot-main{width:180px;padding:18px 14px;font-size:17px;margin:0 auto}.logo-slot-company{width:44px;height:44px;font-size:9.5px;padding:4px;flex-shrink:0}.logo-slot-company span{display:none}.logo-real{display:flex;align-items:center;justify-content:center;margin:0 auto}.logo-real img{display:block;width:100%;height:auto}.logo-real-main{width:200px}.heybon-tag{color:var(--ink-soft);font-size:14px;margin:8px 0 0}.status-msg.error{background:#c2451a1f;color:var(--accent)}.wizard-topbar{display:flex;align-items:center;gap:12px;margin-bottom:14px}.wizard-who{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.wizard-who .val{font-family:Archivo,sans-serif;font-weight:700;font-size:15px}.wizard-who .dni{font-size:12px;color:var(--ink-soft);font-family:IBM Plex Mono,monospace}.exit-btn{background:none;border:none;color:var(--ink-soft);font-size:12.5px;text-decoration:underline;cursor:pointer;font-family:inherit;align-self:flex-start}.wizard-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--tag-radius);padding:18px}.video-slot{width:min(280px,74%);aspect-ratio:9 / 16;margin:0 auto 22px;border-radius:12px;border:1.5px dashed var(--line);background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden}@media(max-width:480px){.video-slot{width:min(280px,82%)}}.wizard-field{display:flex;align-items:center;justify-content:space-between;gap:14px}.wizard-field-text{flex:1;min-width:0}.wizard-field .m-label{font-family:Archivo,sans-serif;font-weight:700;font-size:16.5px;margin-bottom:3px}.wizard-field .m-desc{font-size:12.5px;color:var(--ink-soft)}.wizard-input-wrap{display:flex;align-items:center;flex-shrink:0;gap:6px}.wizard-input-wrap input[type=text]{width:64px;text-align:right;padding:12px 10px;font-size:17px}.wizard-input-wrap .m-unit{font-size:13px;width:auto}@media(max-width:480px){.wizard-input-wrap input[type=text]{width:52px;padding:10px 8px}.measure-list .m-input-wrap input[type=text]{width:48px;padding:8px}}.video-slot-inner{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--ink-soft);padding:0 24px;text-align:center}.video-play{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--ink-soft)}.video-caption{font-size:12.5px;line-height:1.4}.video-real{width:100%;height:100%;object-fit:cover;display:block}.wizard-nav{margin-top:18px;display:flex;gap:10px}.wizard-nav .btn-ghost{flex:0 0 110px}.wizard-nav .btn-primary{flex:1}.measure-list{list-style:none;margin:0 0 18px;padding:0}.measure-item{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.measure-item:last-child{border-bottom:none}.m-body{flex:1;min-width:0}.m-label{font-size:14px;font-weight:600;margin-bottom:2px}.m-desc{font-size:12px;color:var(--ink-soft)}.m-input-wrap{display:flex;align-items:center;gap:6px;flex-shrink:0}.m-input-wrap input[type=text]{width:64px;text-align:right;padding:9px 10px;font-size:15px}.m-input-wrap .m-unit{font-size:12px;color:var(--ink-soft);width:auto}.m-check{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line);flex-shrink:0;display:flex;align-items:center;justify-content:center}.m-check.done{background:var(--success);border-color:var(--success)}.m-check.done:after{content:"";width:5px;height:8px;border-right:1.5px solid white;border-bottom:1.5px solid white;transform:rotate(45deg) translate(-1px,-1px)}.tag-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:480px){.tag-grid{grid-template-columns:1fr}}.company-tag{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--tag-radius);padding:20px 18px 18px;text-align:left;cursor:pointer;font-family:inherit;color:var(--ink);transition:border-color .15s ease,transform .15s ease}.company-tag:before{content:"";position:absolute;top:14px;right:14px;width:9px;height:9px;border-radius:50%;background:var(--bg);border:1px solid var(--line)}.company-tag:hover{border-color:var(--steel);transform:translateY(-2px)}.company-tag:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.company-tag .code{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--ink-soft);letter-spacing:.03em;display:block;margin-bottom:10px}.company-tag .name{font-family:Archivo,sans-serif;font-weight:700;font-size:17px;display:block}.company-tag .count{margin-top:10px;font-size:12.5px;color:var(--ink-soft)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--tag-radius);padding:28px}.company-strip{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px dashed var(--line)}.company-strip .company-info{display:flex;flex-direction:column;gap:2px;flex:1}.company-strip .lbl{font-size:12px;color:var(--ink-soft)}.company-strip .val{font-family:Archivo,sans-serif;font-weight:700;font-size:14px}.company-strip button{background:none;border:none;color:var(--ink-soft);font-size:12.5px;text-decoration:underline;cursor:pointer;font-family:inherit;align-self:flex-start}.onboarding{font-size:13.5px;color:var(--ink-soft);line-height:1.5;margin:0 0 22px}label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}input[type=text],input[type=number]{width:100%;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg);color:var(--ink);font-family:IBM Plex Mono,monospace;font-size:15px}input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.field{margin-bottom:18px}.hint{font-size:12px;color:var(--ink-soft);margin-top:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:var(--radius);border:none;font-family:Archivo,sans-serif;font-weight:700;font-size:14.5px;cursor:pointer;width:100%}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{filter:brightness(1.06)}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.status-msg{margin-top:14px;font-size:13px;padding:10px 12px;border-radius:var(--radius);display:none}.status-msg.show{display:block}.status-msg.resume{background:#3f6b4a1f;color:var(--success)}.status-msg.new{background:#44515a1f;color:var(--steel)}.progress-track{height:6px;background:var(--line);border-radius:100px;overflow:hidden;margin-bottom:6px}.progress-fill{height:100%;background:var(--accent);width:0%;transition:width .35s ease}.progress-label{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-soft);margin-bottom:24px;font-family:IBM Plex Mono,monospace}.worker-strip{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:22px}.greeting{font-size:13.5px;font-weight:600;color:#1e3a25;background:#d7e8d9;padding:9px 12px;border-radius:var(--radius);margin:0 0 20px}.save-note{margin-top:22px;font-size:12.5px;color:var(--ink-soft);text-align:center}.actions{margin-top:22px;display:flex;gap:10px}.btn:disabled{opacity:.45;cursor:not-allowed}.consent-row{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);cursor:pointer;margin-bottom:22px}.consent-row input[type=checkbox]{width:18px;height:18px;margin-top:1px;accent-color:var(--accent);flex-shrink:0}.consent-row span{font-size:13.5px;line-height:1.5}.confirm-panel{text-align:center;padding:40px 28px}.confirm-mark{width:52px;height:52px;border-radius:50%;background:var(--success);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:24px}