:root{color-scheme:light;--paper: oklch(.971 .013 76);--surface: oklch(.997 .003 76);--surface-2: oklch(.955 .014 76);--surface-3: oklch(.922 .018 76);--line: oklch(.892 .016 76);--line-2: oklch(.628 .014 85);--ink: oklch(.275 .02 62);--ink-2: oklch(.48 .022 62);--ink-3: oklch(.53 .019 265);--accent: oklch(.5 .117 153);--accent-2: oklch(.43 .114 153);--accent-on: oklch(1 0 0);--accent-soft: oklch(.951 .034 153);--accent-line: oklch(.852 .076 153);--good: oklch(.505 .132 158);--good-soft: oklch(.955 .04 158);--good-line: oklch(.86 .08 158);--warn: oklch(.528 .124 72);--warn-soft: oklch(.958 .052 78);--warn-line: oklch(.862 .096 76);--risk: oklch(.512 .176 26);--risk-soft: oklch(.956 .038 26);--risk-line: oklch(.856 .08 26);--shadow-1: 0 1px 2px oklch(.32 .04 62 / .07);--shadow-2: 0 10px 30px oklch(.32 .04 62 / .12), 0 2px 6px oklch(.32 .04 62 / .07);--sans: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", "IBM Plex Mono", Menlo, monospace;--pad: clamp(14px, 2vh, 28px);--key: var(--surface);--key-active: var(--accent-soft);--fg: var(--ink);--muted: var(--ink-2)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--paper);color:var(--ink);font-family:var(--sans);overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}button,input{font:inherit}button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}#app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.k-head{flex-shrink:0;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:var(--pad);padding:max(12px,env(safe-area-inset-top)) max(clamp(18px,3vw,40px),env(safe-area-inset-right)) 12px max(clamp(18px,3vw,40px),env(safe-area-inset-left));border-bottom:1px solid var(--line);background:color-mix(in oklch,var(--surface) 94%,transparent);box-shadow:var(--shadow-1)}.k-brand{display:flex;align-items:center;gap:12px}.k-brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--accent);color:var(--accent-on);font:700 15px/1 var(--sans);letter-spacing:.02em;box-shadow:var(--shadow-1)}.k-brand-copy{display:grid;gap:1px;text-align:left}.k-brand-copy strong{font-size:clamp(15px,2vh,20px);letter-spacing:-.02em}.k-brand-copy small{color:var(--ink-3);font-size:clamp(11px,1.5vh,14px)}.k-body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--pad);padding:clamp(18px,3vh,38px) max(clamp(18px,3vh,38px),env(safe-area-inset-right)) max(clamp(18px,3vh,38px),env(safe-area-inset-bottom)) max(clamp(18px,3vh,38px),env(safe-area-inset-left));text-align:center}.k-stack{width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,2vh,24px)}.k-title{max-width:18ch;margin:0;color:var(--ink);font-size:clamp(30px,5.2vh,62px);font-weight:720;line-height:1.02;letter-spacing:-.035em;text-wrap:balance}.k-sub{max-width:52ch;margin:0;color:var(--ink-2);font-size:clamp(16px,2.35vh,27px);line-height:1.4;text-wrap:pretty}.k-action{width:min(88vw,520px);min-height:clamp(56px,8vh,82px);padding:0 28px;border-radius:14px;border:1px solid transparent;font-size:clamp(19px,2.8vh,30px);font-weight:650;cursor:pointer;box-shadow:var(--shadow-1);transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform 90ms ease}.k-action:active:not(:disabled){transform:scale(.98)}.k-primary{background:var(--accent);color:var(--accent-on)}.k-primary:hover:not(:disabled){background:var(--accent-2)}.k-secondary{background:var(--surface);color:var(--accent);border-color:var(--accent-line)}.k-secondary:hover:not(:disabled){background:var(--accent-soft)}.k-action:disabled{opacity:.45;cursor:default}.k-status{width:min(90vw,880px);min-height:min(42vh,340px);border:1px solid var(--line);border-radius:24px;padding:clamp(22px,4vh,48px);display:flex;align-items:center;justify-content:center;gap:clamp(18px,3vw,40px);text-align:left;background:var(--surface);box-shadow:var(--shadow-2)}.k-status[data-tone=ok]{color:var(--good);background:var(--good-soft);border-color:var(--good-line)}.k-status[data-tone=info]{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-line)}.k-status[data-tone=warn]{color:var(--warn);background:var(--warn-soft);border-color:var(--warn-line)}.k-status[data-tone=stop]{color:var(--risk);background:var(--risk-soft);border-color:var(--risk-line)}.k-glyph{width:clamp(64px,10vh,108px);height:clamp(64px,10vh,108px);display:grid;place-items:center;border:2px solid currentColor;border-radius:24px;font-size:clamp(34px,6vh,68px);font-weight:700;line-height:1;flex-shrink:0}.k-status-title{margin:0;color:var(--ink);font-size:clamp(30px,5.5vh,68px);font-weight:750;line-height:1.04;letter-spacing:-.035em;text-wrap:balance}.k-status-detail,.k-identity{margin:.35em 0 0;color:var(--ink-2);font-size:clamp(17px,2.7vh,32px)}.k-identity{color:var(--ink);font-weight:650}.k-photo{width:clamp(86px,15vh,154px);height:clamp(86px,15vh,154px);border-radius:22px;border:4px solid var(--surface);object-fit:cover;background:var(--surface-3);box-shadow:var(--shadow-1);flex-shrink:0}.k-entry{min-width:min(86vw,520px);min-height:1.35em;color:var(--ink);font:650 clamp(34px,7vh,78px) / 1.2 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.12em}.k-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.4vh,15px);width:min(88vw,520px)}.k-key{min-height:clamp(54px,9vh,94px);color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:13px;font-size:clamp(23px,4vh,42px);font-weight:600;cursor:pointer;box-shadow:var(--shadow-1);transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform 80ms ease}.k-key:hover:not(:disabled){background:var(--surface-2)}.k-key:active:not(:disabled),.k-key[data-active=true]{transform:scale(.97);background:var(--accent-soft);border-color:var(--accent-line)}.k-key[data-role=submit]{background:var(--accent);color:var(--accent-on);border-color:var(--accent)}.k-key[data-role=clear]{background:transparent}.k-key:disabled{opacity:.38;cursor:default}.k-head-action{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:10px clamp(16px,2.4vw,24px);border-radius:999px;background:var(--accent);color:var(--accent-on);border:1px solid var(--accent);font-weight:650;font-size:clamp(14px,1.9vh,19px);cursor:pointer;box-shadow:var(--shadow-1);transition:background-color .12s ease,transform 80ms ease}.k-head-action:before{content:"📷";font-size:1.05em;line-height:1}.k-head-action:hover{background:var(--accent-2)}.k-head-action:active{transform:scale(.97)}.k-head-action[hidden]{display:none}.k-face-actions{display:flex;gap:clamp(10px,1.6vw,18px);flex-wrap:wrap;justify-content:center;width:min(92vw,720px)}.k-face-actions .k-action{flex:1 1 220px}.k-toast{position:fixed;top:max(84px,calc(env(safe-area-inset-top) + 76px));left:50%;transform:translate(-50%);z-index:10000;max-width:min(92vw,640px);padding:14px clamp(18px,3vw,28px);border-radius:16px;font-size:clamp(18px,2.6vh,28px);font-weight:700;letter-spacing:-.01em;text-align:center;box-shadow:var(--shadow-2);animation:k-toast-in 2.2s ease forwards;pointer-events:none}.k-toast[data-tone=ok]{background:var(--good-soft);color:var(--good);border:1px solid var(--good-line)}.k-toast[data-tone=info]{background:var(--accent-soft);color:var(--accent-2);border:1px solid var(--accent-line)}.k-toast[data-tone=stop]{background:var(--risk-soft);color:var(--risk);border:1px solid var(--risk-line)}.k-toast[data-tone=pending]{display:inline-flex;align-items:center;gap:12px;background:var(--surface);color:var(--ink);border:1px solid var(--line-2);animation:k-toast-hold .2s ease forwards}.k-toast[data-tone=pending]:before{content:"";width:1em;height:1em;border-radius:50%;border:3px solid var(--accent-line);border-top-color:var(--accent);animation:k-spin .8s linear infinite}@keyframes k-toast-hold{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.k-toast[data-variant=result]{display:flex;align-items:center;gap:clamp(14px,2vw,22px);padding:clamp(14px,2vh,20px) clamp(18px,2.6vw,28px);text-align:left}.k-result-photo{flex:0 0 auto;width:clamp(56px,8vh,84px);height:clamp(56px,8vh,84px);border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--surface-2);color:var(--ink-2);font-weight:800;font-size:clamp(20px,3vh,30px);box-shadow:inset 0 0 0 2px #fff9}.k-result-img{width:100%;height:100%;object-fit:cover;display:block}.k-result-info{display:grid;gap:2px;min-width:0}.k-result-name{font-size:clamp(22px,3.4vh,34px);font-weight:750;letter-spacing:-.02em;line-height:1.05;color:var(--ink)}.k-result-roll{font-size:clamp(14px,1.9vh,19px);font-weight:600;color:var(--ink-2);font-family:var(--mono)}.k-result-label{margin-top:3px;font-size:clamp(14px,1.9vh,19px);font-weight:700}.k-toast[data-variant=result][data-tone=ok] .k-result-label{color:var(--good)}@keyframes k-toast-in{0%{opacity:0;transform:translate(-50%,-12px)}10%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-12px)}}@media(prefers-reduced-motion:reduce){.k-toast{animation:none;opacity:1}.k-toast[data-tone=pending]:before{animation:none}}.k-overlay{position:fixed;inset:0;z-index:20000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,2.4vh,26px);padding:clamp(24px,6vw,72px);text-align:center;background:var(--surface);color:var(--ink);animation:k-overlay-in .16s ease forwards}.k-overlay[data-tone=ok]{background:var(--good-soft);color:var(--good)}.k-overlay[data-tone=warn],.k-overlay[data-tone=stop]{background:var(--risk-soft);color:var(--risk)}.k-overlay[data-tone=info]{background:var(--surface);color:var(--ink)}.k-overlay-spinner{width:clamp(56px,9vh,96px);height:clamp(56px,9vh,96px);border-radius:50%;border:6px solid var(--accent-line);border-top-color:var(--accent);animation:k-spin .9s linear infinite}.k-overlay-headline{font-size:clamp(30px,6vh,64px);font-weight:800;letter-spacing:-.02em;line-height:1.05}.k-overlay-detail{font-size:clamp(16px,2.6vh,26px);font-weight:600;color:var(--ink-2);max-width:24ch}.k-overlay-name{font-size:clamp(36px,7vh,80px);font-weight:800;letter-spacing:-.02em;line-height:1.05;color:var(--ink);max-width:min(92vw,18ch);text-wrap:balance}.k-overlay-roll{font-size:clamp(16px,2.4vh,24px);font-weight:650;color:var(--ink-2);font-family:var(--mono)}.k-overlay .k-result-photo{width:clamp(180px,34vh,360px);height:clamp(180px,34vh,360px);border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--surface-2);color:var(--ink-2);font-size:clamp(56px,11vh,108px);font-weight:800;box-shadow:var(--shadow-2)}.k-overlay .k-result-img{width:100%;height:100%;object-fit:cover;display:block}@keyframes k-overlay-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.k-overlay,.k-overlay-spinner{animation:none}}.k-queue{min-height:30px;display:inline-flex;align-items:center;gap:.5em;padding:0 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--ink-2);font-size:clamp(12px,1.6vh,15px);font-weight:600;font-variant-numeric:tabular-nums}.k-queue:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.k-queue[data-state=ok]{color:var(--good);background:var(--good-soft);border-color:var(--good-line)}.k-queue[data-state=offline]{color:var(--warn);background:var(--warn-soft);border-color:var(--warn-line)}.k-queue[data-state=blocked]{color:var(--risk);background:var(--risk-soft);border-color:var(--risk-line)}.k-queue[data-state=info]{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-line)}.k-banner{flex-shrink:0;padding:10px clamp(18px,3vw,40px);border-bottom:1px solid var(--warn-line);background:var(--warn-soft);color:var(--warn);font-size:clamp(13px,1.8vh,17px);font-weight:600;text-align:center}.k-banner[data-tone=stop]{border-color:var(--risk-line);background:var(--risk-soft);color:var(--risk)}.k-face{max-width:1040px}.k-camera{--focus-left: 26%;--focus-top: 7%;--focus-width: 48%;--focus-height: 86%;position:relative;width:min(80vw,900px);max-height:57vh;aspect-ratio:16 / 9;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--surface-3);box-shadow:var(--shadow-2)}.k-video{width:100%;height:100%;display:block;object-fit:cover;background:var(--surface-3);transform:scaleX(-1)}.k-live{position:absolute;top:16px;left:16px;display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:color-mix(in oklch,var(--ink) 82%,transparent);color:var(--surface);font-size:clamp(12px,1.6vh,15px);font-weight:650;box-shadow:var(--shadow-1)}.k-live:before{content:"";width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 4px #4ade802e}.k-blink-hint{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:4;max-width:86%;padding:9px 15px;border-radius:999px;background:color-mix(in oklch,var(--ink) 82%,transparent);color:var(--surface);font-size:clamp(14px,2vh,18px);font-weight:650;text-align:center;box-shadow:var(--shadow-1);pointer-events:none}.k-blink-hint:empty{display:none}.k-direction-picker{position:absolute;top:14px;right:14px;z-index:6;display:inline-flex;align-items:center;gap:5px;padding:5px;border-radius:999px;background:color-mix(in oklch,var(--ink) 86%,transparent);color:var(--surface);box-shadow:var(--shadow-1)}.k-direction-label{padding-inline:7px 4px;font-size:clamp(11px,1.5vh,14px);font-weight:650}.k-direction-button{min-width:58px;min-height:38px;padding:7px 13px;border:1px solid rgb(255 255 255 / .38);border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:clamp(13px,1.8vh,17px);font-weight:750;cursor:pointer}.k-direction-button[data-active=true]{border-color:var(--accent);background:var(--accent);color:var(--accent-on)}.k-direction-button:active{transform:scale(.96)}.k-direction-prompt{position:absolute;left:50%;top:50%;z-index:6;transform:translate(-50%,-50%);width:max-content;max-width:84%;padding:13px 19px;border-radius:999px;background:color-mix(in oklch,var(--ink) 88%,transparent);color:var(--surface);font-size:clamp(16px,2.4vh,24px);font-weight:700;text-align:center;box-shadow:var(--shadow-2);pointer-events:none}.k-direction-prompt[data-show=false]{display:none}.k-face-guide{position:absolute;left:var(--focus-left);top:var(--focus-top);width:var(--focus-width);height:var(--focus-height);z-index:3;border:2px solid rgb(255 255 255 / .92);border-radius:48% 48% 44% 44%;box-shadow:0 0 0 999px #12161c80,inset 0 0 0 1px #191f272e;pointer-events:none}.k-live,.k-ring,.k-scan{z-index:3}.k-setup-input{width:min(88vw,620px);min-height:70px;padding:0 20px;border:1px solid var(--line-2);border-radius:14px;background:var(--surface);color:var(--ink);font:500 clamp(17px,2.4vh,25px) / 1 var(--mono);text-align:center;box-shadow:var(--shadow-1)}.k-body:has(.k-face){justify-content:flex-start;padding-top:clamp(20px,5vh,60px)}.k-lede{margin-top:2px}.k-live:before{animation:k-pulse 1.8s ease-in-out infinite}@keyframes k-pulse{0%,to{opacity:1;box-shadow:0 0 0 4px #4ade802e}50%{opacity:.55;box-shadow:0 0 0 7px #4ade800d}}.k-face-guide:before,.k-face-guide:after{content:"";position:absolute;width:26px;height:26px;border:3px solid rgb(255 255 255 / .92)}.k-face-guide:before{top:-10px;left:-10px;border-right:none;border-bottom:none;border-radius:10px 0 0}.k-face-guide:after{bottom:-10px;right:-10px;border-left:none;border-top:none;border-radius:0 0 10px}.k-scan{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit}.k-scan:after{content:"";position:absolute;left:0;right:0;height:34%;background:linear-gradient(180deg,transparent,rgb(122 162 255 / .14),transparent);animation:k-sweep 3.6s ease-in-out infinite}@keyframes k-sweep{0%{top:-40%}to{top:100%}}.k-rotate{position:absolute;right:14px;bottom:14px;width:auto;min-height:0;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;font-size:clamp(13px,1.7vh,16px);font-weight:600;background:color-mix(in oklch,var(--ink) 72%,transparent);color:var(--surface);border:1px solid rgb(255 255 255 / .18);box-shadow:var(--shadow-1)}.k-rotate:hover{background:color-mix(in oklch,var(--ink) 82%,transparent)}.k-rotate svg{width:18px;height:18px;display:block}.k-next{display:inline-flex;align-items:center;gap:.55em;color:var(--ink-3);font-size:clamp(14px,1.9vh,20px);font-weight:600;letter-spacing:.01em}.k-next:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--accent);animation:k-pulse 1.8s ease-in-out infinite}.k-camera[data-hint=holding] .k-face-guide{border-color:color-mix(in oklch,var(--accent) 55%,white);box-shadow:0 0 0 999px #191f271a,0 0 24px #3f945e59}.k-ring{position:absolute;top:50%;left:50%;width:calc(var(--focus-width) + 2%);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}.k-ring-track,.k-ring-fill{position:absolute;inset:0;border-radius:50%;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 16px),#000 calc(100% - 15px));mask:radial-gradient(farthest-side,transparent calc(100% - 16px),#000 calc(100% - 15px))}.k-ring-track{background:#fff3}.k-ring-fill{--p: 0;background:conic-gradient(from -90deg,color-mix(in oklch,var(--accent) 55%,white) calc(var(--p) * 1%),transparent 0);filter:drop-shadow(0 0 10px oklch(.6 .117 153 / .55));transition:background .24s linear}.k-ring-fill[data-spin=true]{background:conic-gradient(from 0deg,transparent 0 62%,color-mix(in oklch,var(--accent) 55%,white) 62% 100%);animation:k-spin .9s linear infinite}@keyframes k-spin{to{transform:rotate(360deg)}}.k-variants-head{margin:8px 0 0;color:var(--ink-3);font-size:clamp(12px,1.6vh,15px);font-weight:650;letter-spacing:.06em;text-transform:uppercase}.k-variants{width:min(94vw,1160px);display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.6vw,20px)}.k-vcard{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-1);opacity:.92}.k-vcam{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;border-radius:12px;background:radial-gradient(120% 90% at 50% 22%,oklch(.42 .02 258 / .5) 0%,transparent 60%),linear-gradient(180deg,#323843,#161b24)}.k-vguide{position:absolute;inset:16% 30%;border:2px solid rgb(255 255 255 / .7);border-radius:48% 48% 44% 44%}.k-vcam[data-hint=too_far] .k-vguide{inset:30% 40%;border-style:dashed}.k-vcam[data-hint=crowd] .k-vguide{inset:20% 54% 20% 12%}.k-vcam[data-hint=crowd] .k-vguide.two{inset:20% 12% 20% 54%}.k-vtag{position:absolute;top:8px;left:8px;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em}.k-vtitle{margin:0;color:var(--ink);font-size:clamp(16px,2vh,21px);font-weight:680;line-height:1.12;letter-spacing:-.02em;text-wrap:balance}.k-vkind{margin:0;color:var(--ink-3);font:600 12px/1.2 var(--mono)}.tone-warn{color:var(--warn);background:var(--warn-soft)}.tone-info{color:var(--accent);background:var(--accent-soft)}.k-vspin{position:absolute;top:50%;left:50%;width:46px;height:46px;transform:translate(-50%,-50%);border-radius:50%;border:4px solid rgb(255 255 255 / .22);border-top-color:color-mix(in oklch,var(--accent) 55%,white);animation:k-spin .9s linear infinite}.k-pad-roll{grid-template-columns:repeat(5,1fr);width:min(92vw,720px)}.k-pad-roll .k-key{min-height:clamp(66px,11vh,104px)}.k-entry{position:relative;display:inline-flex;align-items:baseline;justify-content:center;gap:.15em}.k-entry[data-empty=true]{color:var(--ink-3);opacity:.55}.k-entry .caret{display:inline-block;width:3px;height:.92em;margin-left:.06em;background:var(--accent);border-radius:2px;animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.k-count{margin:0;color:var(--ink-3);font:600 clamp(12px,1.6vh,15px) / 1 var(--mono);letter-spacing:.08em}.k-key .lbl{display:block;margin-top:.14em;font-size:.42em;font-weight:700;letter-spacing:.02em}.k-status{position:relative;overflow:hidden;animation:card-in .26s cubic-bezier(.16,1,.3,1) both}.k-status .k-glyph{animation:glyph-pop .42s cubic-bezier(.16,1,.3,1) .12s both}.k-status[data-tone=ok] .k-glyph{background:color-mix(in oklch,var(--good) 12%,transparent)}.k-status:has(.k-identity) .k-status-title{color:inherit;font-size:clamp(18px,2.6vh,30px);font-weight:700;line-height:1.04;letter-spacing:.02em;text-transform:uppercase}.k-status:has(.k-identity) .k-identity{margin:.08em 0 0;color:var(--ink);font-weight:700;font-size:clamp(34px,6.4vh,76px);line-height:1.02;letter-spacing:-.035em;text-wrap:balance}.k-identity .roll{display:block;margin-top:.14em;color:var(--ink-2);font-weight:600;font-size:clamp(17px,2.6vh,30px);letter-spacing:.02em;font-variant-numeric:tabular-nums}.k-text{min-width:0}.k-photo{width:clamp(96px,17vh,172px);height:clamp(96px,17vh,172px);border-radius:50%;box-shadow:var(--shadow-1),0 0 0 4px var(--good-line);display:grid;place-items:center;color:var(--accent-on);font:700 clamp(30px,6vh,58px) / 1 var(--sans);letter-spacing:.01em}.k-autodismiss{position:absolute;left:0;right:0;bottom:0;height:8px;background:color-mix(in oklch,var(--good) 16%,transparent)}.k-autodismiss:after{content:"";display:block;height:100%;background:var(--good);transform-origin:left center;animation:dismiss 2.5s linear forwards}@keyframes dismiss{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes card-in{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}@keyframes glyph-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.k-setup{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(16px,2.4vw,32px);align-items:stretch;width:min(1120px,96vw);text-align:left;margin-top:clamp(4px,1.5vh,18px)}.k-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:clamp(20px,3vh,34px);box-shadow:var(--shadow-2);display:flex;flex-direction:column;gap:clamp(12px,2vh,20px)}.k-eyebrow{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:5px 12px;border-radius:999px;background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent-2);font-size:clamp(12px,1.5vh,15px);font-weight:700;letter-spacing:.02em;text-transform:uppercase}.k-card-title{margin:0;color:var(--ink);font-size:clamp(22px,3.2vh,34px);font-weight:720;letter-spacing:-.03em;line-height:1.05}.k-steps{margin:0;padding:0;list-style:none;display:grid;gap:clamp(10px,1.6vh,16px)}.k-steps li{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;color:var(--ink-2);font-size:clamp(15px,2vh,21px);line-height:1.32}.k-steps b{color:var(--ink);font-weight:650}.k-step-n{width:clamp(30px,4.2vh,40px);height:clamp(30px,4.2vh,40px);display:grid;place-items:center;border-radius:11px;background:var(--surface-2);border:1px solid var(--line);color:var(--accent-2);font-weight:750;font-variant-numeric:tabular-nums;font-size:clamp(15px,2vh,20px)}.k-note{margin:0;padding:14px 16px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2);font-size:clamp(13px,1.7vh,17px);line-height:1.4}.k-note b{color:var(--ink);font-weight:650}.k-field-label{color:var(--ink);font-size:clamp(15px,2vh,20px);font-weight:700}.k-setup .k-setup-input{width:100%;min-height:clamp(66px,9vh,88px);font-size:clamp(24px,3.4vh,40px);letter-spacing:.22em;text-transform:uppercase}.k-keys{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(6px,1vh,10px)}.k-keys .k-key{min-height:clamp(44px,6vh,58px);border-radius:11px;font-size:clamp(16px,2.2vh,24px)}.k-keys .k-key[data-wide]{grid-column:span 2}.k-keys .k-key[data-role=clear]{background:transparent;color:var(--ink-2)}.k-card .k-action{width:100%}.k-error{display:none;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:14px;background:var(--risk-soft);border:1px solid var(--risk-line);color:var(--risk);font-size:clamp(14px,1.9vh,19px);font-weight:600;line-height:1.35}.k-error[data-show=true]{display:flex}.k-error .x{flex-shrink:0;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;border:2px solid currentColor;font-weight:800}.k-body--error{background:radial-gradient(120% 80% at 50% 0%,var(--risk-soft) 0%,transparent 70%),var(--paper)}.k-body--error .k-glyph{color:var(--risk);border-width:3px}.k-body--error .k-title{color:var(--risk);font-size:clamp(34px,6.2vh,66px)}.k-body--error .k-sub{color:var(--ink);font-weight:500}.k-body--boot .k-glyph{color:var(--accent)}.k-body--boot .k-title{color:var(--ink)}.k-spin{width:60%;height:60%;border-radius:50%;border:4px solid var(--accent-line);border-top-color:var(--accent);animation:k-rot .9s linear infinite}@keyframes k-rot{to{transform:rotate(360deg)}}@media(max-width:900px){.k-variants{grid-template-columns:repeat(2,1fr)}.k-setup{grid-template-columns:1fr}}@media(max-height:760px){.k-ring{width:min(40vh,360px)}.k-pad-roll .k-key{min-height:60px}}@media(max-height:760px){.k-head{min-height:58px;padding-block:8px}.k-brand-mark{width:36px;height:36px}.k-camera{width:min(68vw,700px);max-height:46vh}.k-key{min-height:52px}}@media(max-width:640px){.k-brand-copy small{display:none}.k-camera{width:92vw}.k-status{flex-direction:column;text-align:center}}@media(orientation:landscape){.k-body:has(.k-face){padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.k-face{height:100%;max-width:none}.k-camera{width:auto;height:100%;max-width:100%;max-height:none}.k-ring{width:calc(var(--focus-width) + 2%)}}@media(orientation:portrait){.k-face{max-width:96vw}.k-camera{--focus-left: 8%;--focus-top: 8%;--focus-width: 84%;--focus-height: 84%;width:min(94vw,560px);max-height:56vh;aspect-ratio:3 / 4}.k-face-guide{border:0;border-radius:0;box-shadow:none}.k-ring{display:none}.k-blink-hint{bottom:66px}.k-body:has(.k-face){padding-top:clamp(10px,2.5vh,24px)}.k-pad,.k-pad-roll,.k-entry{width:min(96vw,560px)}.k-pad-roll .k-key{min-height:clamp(56px,8.5vh,92px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.k-autodismiss:after{animation:none!important;transform:scaleX(.55)}}