:root{--paper:#f7f3eb;--paper-warm:#efe6d8;--ink:#171c24;--muted:#66717e;--radius:8px;--radius-sm:8px;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, ui-monospace, monospace;color:var(--ink);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:500;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:#10141b;margin:0}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}button,input,textarea,select{font:inherit}.app-shell,.mobile-page,.staff-page{min-height:100svh;color:var(--ink);background:radial-gradient(circle at 16% 18%, color-mix(in srgb, var(--tone-soft) 48%, transparent), transparent 26rem), radial-gradient(circle at 86% 22%, #7a9ab938, transparent 22rem), linear-gradient(135deg, var(--paper), var(--paper-warm))}.app-shell{grid-template-rows:auto auto 1fr;width:100%;max-width:56.25svh;margin:0 auto;display:grid;overflow:hidden}.screen-stage{min-height:0;animation:.56s cubic-bezier(.22,1,.36,1) both stageIn;position:relative}.tone-neutral{--tone:#b9c7d7;--tone-deep:#33485f;--tone-soft:#dbe4ea;--tone-contrast:#f6d6df}.tone-sand{--tone:#d8b982;--tone-deep:#8d6b3d;--tone-soft:#ead9bd;--tone-contrast:#7d9fba}.tone-blue{--tone:#6d95c4;--tone-deep:#22415f;--tone-soft:#c9d9ea;--tone-contrast:#e7bfcc}.tone-pink{--tone:#df9eb0;--tone-deep:#7b3f56;--tone-soft:#efd0d8;--tone-contrast:#8dadc7}.top-bar,.staff-header{z-index:2;justify-content:space-between;align-items:center;padding:clamp(16px,2.6svh,28px);display:flex;position:relative}.top-bar strong{font-size:clamp(17px,2svh,22px);display:block}.top-status{font-family:var(--mono);letter-spacing:0;text-transform:uppercase;flex-direction:column;align-items:flex-end;gap:4px;font-size:12px;display:flex}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:700}.screen{align-items:center;min-height:calc(100svh - 92px);padding:clamp(18px,3.2vw,40px);animation:.72s cubic-bezier(.22,1,.36,1) both screenBreath;display:grid;position:relative}.welcome-screen{text-align:center;grid-template-columns:1fr;align-content:center;justify-items:center;gap:clamp(22px,4svh,46px)}.hero-copy{z-index:1;max-width:620px;position:relative}.hero-copy h1,.loading-copy h1,.qr-panel h1,.download-hero h1,.staff-header h1{margin:18px 0;font-size:clamp(46px,7vw,112px);line-height:.92}.app-shell .hero-copy h1,.app-shell .loading-copy h1,.app-shell .qr-panel h1{font-size:clamp(44px,7svh,86px)}.hero-copy p:not(.eyebrow),.qr-panel p,.download-note{color:var(--muted);max-width:680px;font-size:clamp(17px,2.1svh,24px);line-height:1.35}.primary-action,.secondary-action{border-radius:var(--radius-sm);cursor:pointer;font:800 18px/1 var(--sans);border:0;justify-content:center;align-items:center;min-height:clamp(52px,6svh,68px);padding:0 26px;text-decoration:none;transition:transform .18s,box-shadow .18s,opacity .18s;display:inline-flex}.primary-action{background:var(--ink);color:#fff;margin-top:clamp(22px,3svh,34px);box-shadow:0 16px 36px #171c2433}.secondary-action{color:var(--ink);background:#ffffffb8}.primary-action:hover,.secondary-action:hover{transform:translateY(-2px)}.primary-action:disabled{cursor:wait;opacity:.65;transform:none}.presence-field{aspect-ratio:1;background:linear-gradient(90deg, #ffffff6b 1px, transparent 1px), linear-gradient(#ffffff6b 1px, transparent 1px), radial-gradient(circle at 55% 45%, #fffc, transparent 34%), linear-gradient(145deg, var(--tone-soft), var(--tone-contrast));border-radius:var(--radius);background-size:42px 42px,42px 42px,auto,auto;border:1px solid #ffffff94;width:min(78vw,38svh,420px);position:relative;overflow:hidden}.orb{filter:blur(1px);mix-blend-mode:multiply;border-radius:50%;position:absolute}.orb-a{background:var(--tone);width:30%;height:30%;animation:8s ease-in-out infinite driftA;top:20%;left:12%}.orb-b{background:#f0b7c7;width:24%;height:24%;animation:7s ease-in-out infinite driftB;top:16%;right:18%}.orb-c{background:#79a3c7;width:34%;height:34%;animation:9s ease-in-out infinite driftC;bottom:15%;right:26%}.tracking-line{transform-origin:0;background:#171c242e;width:76%;height:2px;position:absolute;left:12%}.line-a{animation:3.8s ease-in-out infinite scanA;top:36%}.line-b{animation:4.6s ease-in-out infinite scanB;top:62%}.future-hook{color:var(--muted);font-family:var(--mono);letter-spacing:0;text-transform:uppercase;gap:14px;font-size:12px;display:flex;position:absolute;bottom:26px;left:clamp(20px,4vw,56px)}.camera-screen,.review-screen,.final-screen,.qr-screen{justify-items:center;gap:28px}.camera-frame,.photo-proof{aspect-ratio:3/4;border-radius:var(--radius);color:#ffffffb8;background:linear-gradient(90deg,#ffffff14 1px,#0000 1px) 0 0/36px 36px,linear-gradient(#ffffff14 1px,#0000 1px) 0 0/36px 36px,linear-gradient(145deg,#182332,#52667c);border:1px solid #ffffff38;place-items:center;width:min(82vw,45svh);max-width:min(88vw,560px);max-height:66svh;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 80px #1119243d}.mock-person{background:radial-gradient(circle at 50% 22%,#ffffffc7 0 9%,#0000 9.5%),radial-gradient(at 50% 76%,#ffffff80 0 28%,#0000 28.5%);width:42%;height:80%;position:absolute}.camera-video,.captured-photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.camera-video{transform:scaleX(-1)}.focus-reticle{border:2px solid #ffffffa3;width:28%;height:46%;position:absolute}.focus-reticle:before,.focus-reticle:after{content:"";background:#ffffffa3;position:absolute}.focus-reticle:before{width:132%;height:2px;top:50%;left:-16%}.focus-reticle:after{width:2px;height:132%;top:-16%;left:50%}.camera-frame p,.photo-proof p{font-family:var(--mono);z-index:1;align-self:end;margin:0 0 22px;font-size:13px;position:relative}.control-row,.review-actions,.final-actions,.download-actions{justify-content:center;align-items:center;gap:16px;display:flex}.capture-button{cursor:pointer;background:#ffffffd1;border:0;border-radius:50%;place-items:center;width:clamp(78px,10svh,104px);height:clamp(78px,10svh,104px);display:grid}.capture-button span{background:var(--ink);border-radius:50%;width:68%;height:68%;display:block}.flash-overlay{opacity:0;pointer-events:none;z-index:4;background:#fff;animation:.72s ease-out forwards flash;position:absolute;inset:0}.loading-screen{isolation:isolate;overflow:hidden}.blend-bg{filter:saturate(1.12);z-index:-1;background:radial-gradient(circle at 16% 42%,#e2c693,#0000 32%),radial-gradient(circle at 64% 28%,#739cc6,#0000 34%),radial-gradient(circle at 74% 72%,#eaa4b8,#0000 34%),linear-gradient(135deg,#f5efe4,#dce8f2);animation:9s ease-in-out infinite alternate blendMove;position:absolute;inset:-12%;transform:scale(1.08)}.loading-copy{text-align:center;max-width:760px}.step-stack{justify-items:center;gap:10px;margin-top:30px;display:grid}.step-stack span{border-radius:var(--radius-sm);background:#ffffff7a;width:fit-content;padding:14px 18px;font-weight:800;animation:1.8s ease-in-out infinite pulseStep;display:inline-flex}.step-stack span:nth-child(2){animation-delay:.2s}.step-stack span:nth-child(3){animation-delay:.4s}.postcard{aspect-ratio:4/5;background:linear-gradient(135deg, #ffffffb8, #ffffff57), linear-gradient(145deg, var(--tone-soft), var(--tone));border-radius:var(--radius-sm);transform-origin:50%;border:1px solid #ffffffb3;grid-template-rows:1fr auto;width:min(76vw,42svh,440px);max-height:66svh;padding:18px;display:grid;overflow:hidden;box-shadow:0 28px 90px #161b2247}.postcard-art{background:radial-gradient(circle at 50% 18%, #ffffffe6 0 12%, transparent 12.5%), radial-gradient(ellipse at 50% 74%, color-mix(in srgb, var(--tone-deep) 52%, transparent) 0 30%, transparent 31%), linear-gradient(160deg, var(--tone), var(--tone-contrast));border-radius:6px;position:relative;overflow:hidden}.postcard-output{object-fit:cover;background:#ffffff5c;border-radius:6px;width:100%;height:100%}.postcard-ribbon{background:#ffffff8c;width:116%;height:18%;position:absolute;bottom:12%;left:-8%;transform:rotate(-8deg)}.postcard-caption{justify-content:space-between;align-items:end;padding-top:16px;display:flex}.postcard-caption span{color:var(--muted);font-family:var(--mono);font-size:12px}.postcard-caption strong{color:var(--tone-deep);font-size:22px}.fly-away{animation:.82s cubic-bezier(.55,.02,.4,1) forwards flyAway}.final-actions{flex-direction:column}.final-actions p{color:var(--tone-deep);font-weight:900}.qr-panel{text-align:center;grid-template-columns:1fr;place-items:center;gap:clamp(20px,4svh,42px);display:grid}.qr-code{object-fit:contain;background:#fff;border:14px solid #fff;border-radius:8px;width:min(70vw,34svh,340px);height:min(70vw,34svh,340px);display:block;box-shadow:0 22px 70px #161b2238}.auto-return{color:var(--muted);font-family:var(--mono);font-size:13px}code{font-family:var(--mono);letter-spacing:0;overflow-wrap:anywhere;background:#ffffffa8;border-radius:6px;max-width:min(86vw,620px);margin-top:20px;padding:12px;font-size:13px;display:block}.mobile-page{place-items:center;padding:20px;display:grid}.download-hero{text-align:center;justify-items:center;max-width:680px;display:grid}.download-hero .postcard{width:min(86vw,390px);max-height:none;margin:12px 0 22px}.mobile-placeholder{aspect-ratio:4/5;border-radius:var(--radius-sm);color:var(--muted);background:#ffffff94;align-items:center;width:min(86vw,390px);margin:18px 0;font-weight:900;display:grid}.download-actions{flex-wrap:wrap}.staff-page{padding:clamp(18px,3vw,36px)}.staff-header{padding:0 0 24px}.staff-header h1{font-size:clamp(36px,5vw,68px)}.metric-grid{grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px;display:grid}.metric,.health-panel,.job-table,.records-panel{border-radius:var(--radius-sm);background:#ffffffa8;border:1px solid #ffffffb3}.integration-grid{gap:18px;margin-bottom:18px;display:grid}.health-panel{grid-template-columns:minmax(180px,.35fr) 1fr;align-items:center;gap:18px;padding:18px;display:grid}.health-panel h2{margin:6px 0 0;font-size:28px;line-height:1}.health-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.health-check{background:#ffffff8f;border-radius:8px;align-items:center;gap:10px;min-height:58px;padding:10px;display:flex}.health-check strong,.health-check span{display:block}.health-check strong{font-size:13px}.health-check span:not(.status-dot){color:var(--muted);overflow-wrap:anywhere;font-size:12px}.status-dot{background:#c95346;border-radius:50%;flex:none;width:12px;height:12px;box-shadow:0 0 0 4px #c953461f}.status-dot.ok{background:#2f9f69;box-shadow:0 0 0 4px #2f9f691f}.diagnostic-list{grid-column:1/-1;gap:8px;display:grid}.diagnostic-list details{color:var(--muted);background:#ffffff7a;border-radius:8px;padding:10px 12px;font-size:12px}.diagnostic-list summary{color:var(--ink);cursor:pointer;font-weight:800}.diagnostic-list span{overflow-wrap:anywhere;margin-top:6px;display:block}.diagnostic-issue{color:#a63c32}.metric{padding:18px}.metric span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800;display:block}.metric strong{margin-top:8px;font-size:34px;display:block}.job-table{margin-top:18px;overflow:hidden}.job-row{border-top:1px solid #171c241a;grid-template-columns:1.05fr .82fr .72fr .92fr 1.1fr .68fr .9fr;align-items:center;gap:10px;padding:12px 16px;display:grid}.job-row:first-child{border-top:0}.job-head{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.job-row span{overflow-wrap:anywhere}.table-actions{gap:8px;display:flex}.table-actions button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:6px;min-height:34px;padding:0 10px;font-weight:800}.tone-select{color:var(--ink);background:#ffffffc7;border:1px solid #171c2429;border-radius:6px;width:100%;min-height:34px;padding:0 8px}.tone-select:disabled{color:var(--muted);cursor:not-allowed;opacity:.72}.decision-cell{grid-template-columns:minmax(44px,1fr) 58px 42px;align-items:center;gap:6px;display:grid}.decision-cell strong,.decision-cell small{color:var(--muted);font-size:12px}.gender-select{min-height:30px;padding:0 6px}.job-error{color:#a63c32;font-size:12px}.records-panel{margin-top:18px;padding:18px}.records-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.records-header h2{margin:4px 0 0;font-size:28px}.records-actions{gap:8px;display:flex}.records-actions a{background:var(--ink);color:#fff;border-radius:6px;padding:9px 11px;font-size:13px;font-weight:800;text-decoration:none}.event-list{gap:8px;margin-top:14px;display:grid}.event-row{background:#ffffff8f;border-radius:8px;grid-template-columns:76px 1fr .9fr .8fr 1.8fr;align-items:center;gap:10px;min-height:42px;padding:8px 10px;display:grid}.event-row span{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.event-row strong{font-size:13px}.empty-records{color:var(--muted);margin:0}.summary-stamp{color:var(--muted);font-size:12px;font-weight:800}.summary-grid{grid-template-columns:repeat(6,minmax(100px,1fr));gap:10px;margin-top:14px;display:grid}.summary-metric{background:#ffffff8f;border-radius:8px;padding:10px}.summary-metric span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900;display:block}.summary-metric strong{margin-top:4px;font-size:26px;display:block}.summary-splits{grid-template-columns:repeat(3,minmax(160px,1fr));gap:10px;margin-top:10px;display:grid}.summary-splits div{background:#ffffff6b;border-radius:8px;padding:10px}.summary-splits strong,.summary-splits span{display:block}.summary-splits strong{font-size:12px}.summary-splits span{color:var(--muted);margin-top:4px;font-size:12px}.system-alert{border-radius:var(--radius-sm);color:#8c2d23;z-index:10;background:#fff2f0;border:1px solid #f0a39a;margin:0 clamp(20px,4vw,56px);padding:12px 16px;position:relative}@media (width<=820px){.top-bar,.staff-header,.control-row,.review-actions,.final-actions{flex-direction:column;align-items:stretch}.future-hook{display:none}.qr-code{width:min(80vw,320px);height:min(80vw,320px)}.metric-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.health-panel,.health-grid,.job-row{grid-template-columns:1fr}.table-actions{flex-wrap:wrap}}@keyframes driftA{50%{transform:translate(40%,46%)scale(1.12)}}@keyframes driftB{50%{transform:translate(-36%,52%)scale(1.08)}}@keyframes driftC{50%{transform:translate(-24%,-34%)scale(1.16)}}@keyframes scanA{50%{transform:translateY(72px)rotate(8deg)}}@keyframes scanB{50%{transform:translateY(-64px)rotate(-10deg)}}@keyframes flash{12%{opacity:1}to{opacity:0}}@keyframes blendMove{to{filter:saturate(1.25)hue-rotate(8deg);transform:scale(1.18)rotate(3deg)}}@keyframes pulseStep{50%{opacity:.62;transform:translate(8px)}}@keyframes flyAway{70%{opacity:.9}to{opacity:0;transform:translate(92vw,-22vh)rotate(18deg)scale(.72)}}@keyframes stageIn{0%{filter:blur(10px);opacity:0;transform:translateY(18px)scale(.985)}to{filter:blur();opacity:1;transform:translateY(0)scale(1)}}@keyframes screenBreath{0%{background-position:42% 48%}to{background-position:50%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}