:root{--bg: #f3f4f8;--surface: #ffffff;--surface-2: #f8f9fc;--ink: #0f172a;--ink-2: #1e293b;--text: #334155;--muted: #64748b;--faint: #94a3b8;--line: #e2e8f0;--line-strong: #cbd5e1;--brand-violet: #7c3aed;--brand-blue: #2563eb;--brand: #5b3fe9;--brand-ink: #4c2fd6;--brand-soft: #eef0ff;--brand-gradient: linear-gradient(120deg, var(--brand-violet) 0%, var(--brand-blue) 100%);--success: #16a34a;--success-soft: #ecfdf3;--success-ink: #166534;--danger: #dc2626;--danger-soft: #fef2f2;--danger-ink: #991b1b;--warn-soft: #fffbeb;--warn-ink: #92400e;--stage: #0b1120;--stage-line: rgba(255, 255, 255, .08);--radius-xl: 1.25rem;--radius-lg: 1rem;--radius-md: .75rem;--radius-sm: .5rem;--shadow-sm: 0 1px 2px rgba(9, 9, 11, .05);--shadow: 0 1px 2px rgba(9, 9, 11, .04), 0 4px 12px rgba(9, 9, 11, .04);--bar-h: 4.75rem;--gutter: 1rem;--touch: 3.5rem;--primary: var(--ink);--secondary: var(--brand);--border: var(--line);--danger-text: var(--danger-ink);--totem-touch-min: var(--touch);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv11","ss01";color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box;touch-action:manipulation;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{margin:0;min-height:100dvh;background:var(--bg);overflow-x:hidden;overscroll-behavior:none}body{user-select:none;-webkit-user-select:none}input,textarea{user-select:text;-webkit-user-select:text}#app{min-height:100dvh}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.app{min-height:100dvh;height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}.app-bar{flex:0 0 auto;height:var(--bar-h);display:flex;align-items:center;gap:1rem;padding:0 calc(var(--gutter) + .25rem);background:var(--surface);border-bottom:1px solid var(--line)}.app-bar__logo{height:2.5rem;width:auto;flex-shrink:0}.app-bar__sep{width:1px;height:1.5rem;background:var(--line);flex-shrink:0}.app-bar__place{min-width:0;display:flex;flex-direction:column;line-height:1.2}.app-bar__place strong{font-size:.9375rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-bar__place span{font-size:.8125rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-bar__end{margin-left:auto;display:flex;align-items:center;gap:.75rem;flex-shrink:0}.app-bar__time{font-size:.9375rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink-2)}.net{display:inline-flex;align-items:center;gap:.4rem;height:2rem;padding:0 .7rem;border-radius:var(--radius-sm);border:1px solid var(--line);font-size:.8125rem;font-weight:500;color:var(--text);background:var(--surface)}.net__dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--success)}.net--off{border-color:#fecaca;background:var(--danger-soft);color:var(--danger-ink)}.net--off .net__dot{background:var(--danger)}.app-main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:var(--gutter);overflow-y:auto}.page{width:100%;max-width:36rem;margin:0 auto;flex:1 1 auto;display:flex;flex-direction:column;gap:1rem}.page--center{justify-content:center}.page-head{display:flex;flex-direction:column;gap:.35rem}.page-title{margin:0;font-size:1.625rem;font-weight:700;letter-spacing:-.025em;line-height:1.2}.page-lead{margin:0;font-size:1rem;line-height:1.5;color:var(--muted)}.back-link{align-self:flex-start;display:inline-flex;align-items:center;gap:.25rem;height:2.5rem;padding:0 .75rem 0 .4rem;margin-left:-.4rem;border:0;border-radius:var(--radius-sm);background:transparent;font-size:.9375rem;font-weight:500;color:var(--text);cursor:pointer}.back-link:active{background:#09090b0d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--touch);padding:0 1.25rem;border:1px solid transparent;border-radius:var(--radius-md);font-size:1rem;font-weight:600;letter-spacing:-.01em;line-height:1.2;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .08s ease}.btn:active:not(:disabled){transform:scale(.985)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn[aria-busy=true]:disabled{opacity:1;cursor:progress}.btn svg{flex-shrink:0}.btn-primary{width:100%;background:var(--brand-gradient);color:#fff;box-shadow:0 1px 2px #0f172a1f,inset 0 1px #ffffff1f}.btn-primary:hover:not(:disabled){filter:brightness(.94)}.btn-brand{width:100%;background:var(--brand);color:#fff}.btn-brand:hover:not(:disabled){background:var(--brand-ink)}.btn-outline,.btn-ghost{width:100%;background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:var(--shadow-sm)}.btn-outline:hover:not(:disabled),.btn-ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--line-strong)}.btn-quiet{background:transparent;color:var(--text)}.btn-quiet:active:not(:disabled){background:#09090b0d}.btn-sm{width:auto;min-height:2.75rem;padding:0 1rem;font-size:.9375rem}.btn-lg{min-height:4rem;font-size:1.125rem}.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.field{display:flex;flex-direction:column;gap:.45rem}.field-label{font-size:.875rem;font-weight:600;color:var(--ink-2)}.field-input{width:100%;height:var(--touch);padding:0 1rem;border-radius:var(--radius-md);border:1px solid var(--line-strong);background:var(--surface);font:inherit;font-size:1.125rem;font-weight:500;color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease}.field-input::placeholder{color:var(--faint);font-weight:400}.field-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #5b3fe929}.field-input--code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:1.5rem;letter-spacing:.2em;text-align:center}.field-inline{display:flex;gap:.5rem}.field-inline .field-input{flex:1 1 auto;min-width:0}.field-inline .btn{width:auto;flex-shrink:0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.notice{display:flex;align-items:flex-start;gap:.65rem;margin:0;padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid #fecaca;background:var(--danger-soft);color:var(--danger-ink);font-size:.9375rem;line-height:1.45}.notice svg{flex-shrink:0;margin-top:.1rem}.notice--neutral{border-color:var(--line);background:var(--surface-2);color:var(--text)}.notice__body{flex:1 1 auto;min-width:0}.notice .btn{flex-shrink:0}.home__notice{margin-top:.75rem;align-items:center}.home{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:var(--gutter)}.home__clock{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:.25rem .25rem 0}.clock__time{margin:0;font-size:clamp(2.75rem,11vw,4.5rem);font-weight:600;letter-spacing:-.045em;line-height:.95;font-variant-numeric:tabular-nums}.clock__sec{font-size:.45em;font-weight:500;color:var(--brand);opacity:.7;letter-spacing:-.02em;margin-left:.15em}.clock__date{margin:0;font-size:1rem;font-weight:500;color:var(--muted);text-align:right;line-height:1.35}.clock__date:first-letter{text-transform:uppercase}.home__capture{order:1;min-height:0;display:flex;flex-direction:column}.home__side{display:contents}.home__clock{order:0}.home__tools{order:2}.home__site{display:none}.home__tools{display:grid;grid-template-columns:1fr auto;gap:.75rem}.site-card{padding:1.15rem 1.25rem}.site-card__name{margin:0;font-size:1.125rem;font-weight:600;letter-spacing:-.015em;line-height:1.3}.site-card__company{margin:.15rem 0 0;font-size:.9375rem;color:var(--muted)}.site-card__list{margin:1rem 0 0;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--line)}.site-card__row{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--line);font-size:.9375rem}.site-card__row:last-child{border-bottom:0;padding-bottom:0}.site-card__row dt{color:var(--muted)}.site-card__row dd{margin:0;font-weight:500;text-align:right;min-width:0;overflow-wrap:anywhere}.icon-btn{width:var(--touch);padding:0}.icon-btn--spin svg{animation:spin .8s linear infinite}.confirm{width:100%;max-width:30rem;margin:auto;padding:1.75rem;display:flex;flex-direction:column;align-items:center;text-align:center}.person{display:flex;flex-direction:column;align-items:center;gap:.2rem}.person__initials{width:4.5rem;height:4.5rem;margin-bottom:.75rem;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);border:1px solid #dfe2ff;font-size:1.5rem;font-weight:600;letter-spacing:-.02em;color:var(--brand)}.person__name{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;line-height:1.25}.person__meta{margin:0;font-size:.9375rem;color:var(--muted);font-variant-numeric:tabular-nums}.punch-tile{width:100%;margin:1.5rem 0 0;padding:1.1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:var(--radius-lg);background:var(--surface-2);border:1px solid var(--line);text-align:left}.punch-tile__label{margin:0;font-size:.8125rem;font-weight:500;color:var(--muted)}.punch-tile__type{margin:.15rem 0 0;color:var(--brand);font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.punch-tile__time{margin:0;font-size:2rem;font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.punch-tile__date{margin:.1rem 0 0;font-size:.8125rem;color:var(--muted);text-align:right}.punch-tile__date:first-letter{text-transform:uppercase}.confirm__actions{width:100%;margin-top:1.5rem;display:flex;flex-direction:column;gap:.65rem}.confirm__busy{margin:1.5rem 0 0;display:inline-flex;align-items:center;gap:.6rem;font-size:1.0625rem;font-weight:600;color:var(--ink-2)}.btn-count{position:relative;overflow:hidden;isolation:isolate}.btn-count__fill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#ffffff24;transform-origin:left center}.result{width:100%;max-width:30rem;margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem 0}.result__icon{width:5rem;height:5rem;border-radius:50%;display:grid;place-items:center;margin-bottom:1.25rem}.result--success .result__icon{background:var(--success);color:#fff;animation:pop-in .35s cubic-bezier(.2,.9,.3,1.2) both}.result--error .result__icon{background:var(--danger-soft);color:var(--danger);border:1px solid #fecaca}.result--info .result__icon{background:var(--bg);color:var(--ink-2);border:1px solid var(--line)}.result>.spinner--lg{margin-bottom:1.25rem;color:var(--ink-2)}.result__title{margin:0;font-size:1.75rem;font-weight:700;letter-spacing:-.03em;line-height:1.2}.result__text{margin:.6rem 0 0;max-width:26rem;font-size:1.0625rem;line-height:1.5;color:var(--text)}.receipt{width:100%;margin-top:1.5rem;padding:.25rem 1.25rem;text-align:left}.receipt__row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--line);font-size:1rem}.receipt__row:last-child{border-bottom:0}.receipt__row dt{color:var(--muted)}.receipt__row dd{margin:0;font-weight:600;text-align:right;font-variant-numeric:tabular-nums;min-width:0;overflow-wrap:anywhere}.result__footer{width:100%;margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.timer{width:100%;max-width:12rem;height:.25rem;border-radius:999px;background:var(--line);overflow:hidden}.timer__bar{height:100%;width:100%;background:var(--brand-gradient);transform-origin:left center}.timer-label{margin:0;font-size:.875rem;color:var(--muted);font-variant-numeric:tabular-nums}.setup{width:100%;max-width:56rem;margin:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;padding:1.5rem}.setup__intro{display:flex;flex-direction:column;gap:1.25rem}.steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.85rem;counter-reset:step}.steps li{display:flex;gap:.75rem;font-size:.9375rem;line-height:1.45;color:var(--text);counter-increment:step}.steps li:before{content:counter(step);flex-shrink:0;width:1.6rem;height:1.6rem;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);font-size:.8125rem;font-weight:600;color:var(--brand)}.steps strong{color:var(--ink);font-weight:600}.setup__scan{position:relative;aspect-ratio:1;max-height:22rem;width:100%;border-radius:var(--radius-lg);overflow:hidden;background:var(--stage);display:grid;place-items:center}.setup__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.setup__reticle{position:relative;width:58%;aspect-ratio:1;pointer-events:none;--c: rgba(255, 255, 255, .9);background:linear-gradient(var(--c),var(--c)) top left / 1.75rem 3px,linear-gradient(var(--c),var(--c)) top left / 3px 1.75rem,linear-gradient(var(--c),var(--c)) top right / 1.75rem 3px,linear-gradient(var(--c),var(--c)) top right / 3px 1.75rem,linear-gradient(var(--c),var(--c)) bottom left / 1.75rem 3px,linear-gradient(var(--c),var(--c)) bottom left / 3px 1.75rem,linear-gradient(var(--c),var(--c)) bottom right / 1.75rem 3px,linear-gradient(var(--c),var(--c)) bottom right / 3px 1.75rem;background-repeat:no-repeat}.setup__scan-label{position:absolute;left:50%;bottom:.85rem;transform:translate(-50%);margin:0;padding:.35rem .75rem;border-radius:var(--radius-sm);background:#0009;color:#fff;font-size:.8125rem;font-weight:500;white-space:nowrap}.setup__scan-off{margin:0;padding:1.5rem;max-width:18rem;text-align:center;font-size:.9375rem;line-height:1.5;color:#ffffffb3}.setup__form{display:flex;flex-direction:column;gap:.85rem}.divider{display:flex;align-items:center;gap:.75rem;font-size:.8125rem;color:var(--faint)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.people{margin:0;padding:0;list-style:none;overflow:hidden}.people__item{display:flex;align-items:center;gap:.85rem;padding:.9rem 1rem;border-bottom:1px solid var(--line)}.people__item:last-child{border-bottom:0}.people__initials{width:2.75rem;height:2.75rem;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:var(--brand-soft);font-size:.9375rem;font-weight:600;color:var(--brand)}.people__body{flex:1 1 auto;min-width:0}.people__name{margin:0;font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.people__meta{margin:.15rem 0 0;display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--muted)}.tag{display:inline-flex;align-items:center;gap:.3rem;font-size:.8125rem;font-weight:500}.tag:before{content:"";width:.4rem;height:.4rem;border-radius:50%;background:currentColor}.tag--ok{color:var(--success)}.tag--pending{color:#d97706}.people__item .btn{flex-shrink:0}.empty{margin:0;padding:2rem 1rem;text-align:center;font-size:.9375rem;color:var(--muted)}.consent{padding:1rem 1.15rem;font-size:.9375rem;line-height:1.5;color:var(--text)}.spinner{width:1.25rem;height:1.25rem;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite;flex-shrink:0}.spinner--lg{width:2.25rem;height:2.25rem;border-width:2.5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width: 420px){:root{--gutter: .75rem;--bar-h: 4rem}.app-bar__logo{height:2rem}.app-bar__sep,.app-bar__place{display:none}.clock__date{font-size:.875rem}}@media (min-width: 600px){:root{--gutter: 1.25rem}.setup{padding:2rem}}@media (min-width: 820px) and (orientation: landscape){:root{--gutter: 1.5rem;--bar-h: 5.25rem}.app-bar__logo{height:2.85rem}.home{grid-template-columns:minmax(0,1fr) minmax(19rem,25rem);grid-template-rows:minmax(0,1fr);gap:var(--gutter)}.home__capture{grid-column:1;grid-row:1}.home__side{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:var(--gutter);min-width:0;min-height:0}.home__clock{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1.5rem 1.5rem 1.35rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.clock__time{font-size:clamp(3.5rem,6vw,5rem)}.clock__date{text-align:left;font-size:1.0625rem}.home__site{display:block}.home__tools{margin-top:auto}.setup{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem;padding:2.5rem;align-items:center}}@media (max-height: 540px) and (orientation: landscape){:root{--bar-h: 3.25rem;--gutter: .75rem;--touch: 3rem}.home{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.home__capture{grid-column:1;grid-row:1}.home__side{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:var(--gutter);min-width:0;min-height:0}.home__clock{flex-direction:column;align-items:flex-start;gap:.25rem}.clock__date{text-align:left}.home__tools{margin-top:auto}}.vf{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:.75rem}.vf__stage{position:relative;flex:1 1 auto;min-height:15rem;border-radius:var(--radius-xl);overflow:hidden;background:var(--stage);color:#fff;container-type:size;isolation:isolate}.vf__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);pointer-events:none}.vf__video::-webkit-media-controls{display:none!important}.vf__guide{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;gap:1.25rem;padding-bottom:6%;pointer-events:none}.vf__oval{position:relative;flex-shrink:0;width:min(62cqw,48cqh);aspect-ratio:3 / 4;border-radius:50%;border:2px solid rgba(255,255,255,.55);box-shadow:0 0 0 200vmax #0b11208c;transition:border-color .25s ease,box-shadow .25s ease}.vf__stage[data-state=face] .vf__oval{border-color:#4ade80}.vf__stage[data-state=busy] .vf__oval{border-color:#fff;box-shadow:0 0 0 200vmax #0b1120b3;animation:vf-breathe 1.4s ease-in-out infinite}.vf__stage[data-state=boot] .vf__oval{border-color:#fff3;box-shadow:0 0 0 200vmax #0b1120d9}.vf__cue{flex-shrink:0;width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--ink);animation:vf-nudge-right 1.2s ease-in-out infinite}.vf__cue--left{animation-name:vf-nudge-left}.vf__top{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.1rem;background:linear-gradient(180deg,rgba(11,17,32,.55),transparent)}.vf__brand{height:1.6rem;width:auto}.vf__label{font-size:.875rem;font-weight:500;color:#ffffffd9}.vf__status{display:inline-flex;align-items:center;gap:.45rem;height:1.9rem;padding:0 .7rem;border-radius:var(--radius-sm);background:#ffffff1a;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:.8125rem;font-weight:500;color:#ffffffeb;white-space:nowrap}.vf__status-dot{width:.45rem;height:.45rem;border-radius:50%;background:#4ade80}.vf__stage[data-state=boot] .vf__status-dot,.vf__stage[data-state=idle] .vf__status-dot{background:#fbbf24}.vf__stage[data-state=error] .vf__status-dot{background:#f87171}.vf__status .spinner{width:.8rem;height:.8rem;border-width:1.5px}.vf__caption{position:absolute;left:0;right:0;bottom:0;z-index:3;margin:0;padding:2.5rem 1.25rem 1.15rem;background:linear-gradient(0deg,rgba(11,17,32,.75),transparent);text-align:center;font-size:clamp(1rem,2.4vw,1.125rem);font-weight:500;line-height:1.4;color:#fff}.vf__message{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;padding:4.5rem 1.5rem 2rem;text-align:center;background:var(--stage)}.vf__message-icon{width:3.5rem;height:3.5rem;border-radius:50%;display:grid;place-items:center;background:#f8717124;color:#fca5a5}.vf__message-title{margin:0;font-size:1.25rem;font-weight:600;letter-spacing:-.02em}.vf__message-text{margin:0;max-width:24rem;font-size:1rem;line-height:1.5;color:#ffffffb3}.vf__foot{flex:0 0 auto;display:flex;flex-direction:column;gap:.5rem}.vf--full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;gap:0;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) calc(1rem + env(safe-area-inset-bottom,0px)) env(safe-area-inset-left,0px);background:var(--stage);color:#fff}.vf__bar{flex:0 0 auto;height:var(--bar-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 1rem}.vf__bar .vf__brand{justify-self:start;height:2.6rem}.vf__steps{display:flex;gap:.35rem}.vf__steps span{width:1.5rem;height:.25rem;border-radius:999px;background:#fff3;transition:background .2s ease}.vf__steps span[data-on=true]{background:#fff}.vf__close{justify-self:end;width:2.75rem;height:2.75rem;display:grid;place-items:center;border:0;border-radius:50%;background:#ffffff14;color:#fff;cursor:pointer}.vf__close:active{background:#ffffff29}.vf--full .vf__stage{margin:0 1rem;border-radius:var(--radius-xl);background:#060a14}.vf__copy{flex:0 0 auto;padding:1.25rem 1.5rem 0;text-align:center}.vf__title{margin:0;font-size:1.5rem;font-weight:600;letter-spacing:-.025em;line-height:1.25}.vf__hint{margin:.4rem auto 0;max-width:26rem;font-size:1rem;line-height:1.45;color:#ffffffa6}.vf__progress{width:min(16rem,70%);height:.25rem;margin:1rem auto 0;border-radius:999px;background:#ffffff24;overflow:hidden}.vf__progress span{display:block;height:100%;background:linear-gradient(90deg,#a78bfa,#60a5fa);transition:width .15s ease}.vf--full .vf__foot{width:min(26rem,calc(100% - 2rem));margin:1.25rem auto 0}.vf--full .btn-quiet{color:#ffffffbf}.vf--full .btn-quiet:active:not(:disabled){background:#ffffff14}@media (min-width: 820px) and (orientation: landscape){.vf--full .vf__stage{width:min(44rem,calc(100% - 2rem));margin:0 auto}}@keyframes vf-breathe{0%,to{opacity:1}50%{opacity:.45}}@keyframes vf-nudge-right{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@keyframes vf-nudge-left{0%,to{transform:translate(0)}50%{transform:translate(-5px)}}