:root{--green: #007749;--green-dark: #00603a;--green-deep: #004e30;--green-tint: #e4f1ea;--green-tint-2: #f0f7f3;--on-green: #ffffff;--amber: #c77a06;--amber-surf: #fbefd6;--amber-border: #f0d49a;--red: #c4362a;--red-surf: #f9e5e2;--red-border: #eec2bc;--ink: #13181b;--n900: #1b2226;--n700: #39444a;--n500: #6a767d;--n400: #98a4ab;--n300: #c6cdd2;--n200: #e2e7ea;--n100: #eef1f3;--n50: #f5f7f8;--surface: #ffffff;--canvas: #f2f5f6;--green-border: #bfe0cd;--font-sans: "Helvetica Neue", Helvetica, "Inter", Arial, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--r-sm: 8px;--r-md: 10px;--r-lg: 12px;--r-xl: 16px;--r-pill: 999px;--e1: 0 1px 2px rgba(16, 28, 24, .06), 0 1px 1px rgba(16, 28, 24, .04);--e2: 0 2px 6px rgba(16, 28, 24, .07), 0 6px 18px rgba(16, 28, 24, .06);--e3: 0 8px 24px rgba(16, 28, 24, .1), 0 18px 48px rgba(16, 28, 24, .1);--inset: inset 0 1px 2px rgba(16, 28, 24, .06)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--green-tint)}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.overline{font-size:11px;font-weight:600;letter-spacing:.6px;line-height:1.2;text-transform:uppercase;color:var(--n500)}.tap{transition:transform .12s cubic-bezier(.2,.7,.3,1),background .14s,box-shadow .14s,border-color .14s,color .14s}.tap:active{transform:scale(.975)}@keyframes koki-scanline{0%{transform:translateY(-6px);opacity:0}12%{opacity:1}88%{opacity:1}to{transform:translateY(46px);opacity:0}}@keyframes koki-caret{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes koki-ring{0%{transform:scale(.7);opacity:.5}to{transform:scale(1.9);opacity:0}}@keyframes koki-cardin{0%{opacity:0;transform:translateY(-8px) scale(.99)}to{opacity:1;transform:none}}@keyframes koki-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@media (prefers-reduced-motion: reduce){.tap,.tap:active{transition:none;transform:none}[class*=koki-anim],.scan-empty__scanline,.scan-empty__ring,.scan-dock__ring,.item-card--fresh,.alert--shake{animation:none!important}}.t-display{font-size:32px;font-weight:700;letter-spacing:-.6px;line-height:1.1}.t-h1{font-size:26px;font-weight:700;letter-spacing:-.4px;line-height:1.15}.t-h2{font-size:21px;font-weight:700;letter-spacing:-.3px;line-height:1.2}.t-title{font-size:18px;font-weight:600;letter-spacing:-.2px;line-height:1.25}.t-body{font-size:16px;font-weight:400;line-height:1.45}.t-bodyM{font-size:16px;font-weight:600;line-height:1.4}.t-label{font-size:14px;font-weight:600;line-height:1.3}.t-caption{font-size:13px;font-weight:500;letter-spacing:.1px;line-height:1.35}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 22px;border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;line-height:1.4;text-align:center;text-wrap:balance;-webkit-user-select:none;user-select:none}.btn--md{min-height:44px;padding:0 16px}.btn--block{width:100%}.btn--grow{flex:1}.btn:disabled{opacity:.6;cursor:default}.btn--primary{color:var(--on-green);background:linear-gradient(180deg,var(--green) 0%,var(--green-dark) 100%);border-color:var(--green-deep);box-shadow:var(--e2),inset 0 1px #ffffff29}.btn--secondary{color:var(--n700);background:var(--surface);border-color:var(--n300);box-shadow:var(--e1)}.btn--danger{color:var(--red);background:var(--surface);border-color:var(--red-border);box-shadow:var(--e1)}.chip-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:stretch}.chip{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-width:0;min-height:40px;padding:5px 7px;border-radius:var(--r-sm);border:1.5px solid var(--n200);background:var(--surface);box-shadow:var(--e1);color:var(--n700);cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:600;line-height:1.3}.chip__icon{color:var(--n500)}.chip__label{min-width:0;overflow-wrap:anywhere;text-wrap:balance;text-align:center;line-height:1.15}.chip--sel{color:var(--green-dark);background:var(--green-tint);border-color:var(--green);box-shadow:none}.chip--sel .chip__icon{color:var(--green)}.sync-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 11px 6px 9px;border-radius:var(--r-pill);border:1px solid transparent}.sync-badge__label{font-size:14px;font-weight:600;line-height:1.3;white-space:nowrap}.sync-badge__count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;border-radius:var(--r-pill);background:#ffffffb3;font-size:13px;font-weight:700}.sync-badge--online{background:var(--green-tint);border-color:var(--green-border);color:var(--green)}.sync-badge--pending{background:var(--amber-surf);border-color:var(--amber-border);color:var(--amber)}.sync-badge--offline{background:var(--red-surf);border-color:var(--red-border);color:var(--red)}.field{display:block}.field__label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--n700)}.field__control{display:flex;align-items:center;gap:10px;height:54px;padding:0 14px;border-radius:var(--r-md);background:var(--n50);border:1.5px solid var(--n200)}.field__icon{color:var(--n400)}.field__control:focus-within{background:var(--surface);border-color:var(--green);box-shadow:0 0 0 4px var(--green-tint)}.field__control:focus-within .field__icon{color:var(--green)}.field__input{width:100%;border:none;outline:none;background:transparent;font-family:inherit;font-size:17px;color:var(--ink)}.field__input.mono{letter-spacing:.4px}.pin{position:relative;display:flex;justify-content:space-between}.pin__box{flex:none;display:flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:var(--r-md);background:var(--n50);border:1.5px solid var(--n200)}.pin__box--filled{border-color:var(--n300);background:var(--surface)}.pin__box--active{background:var(--surface);border-color:var(--green);box-shadow:0 0 0 4px var(--green-tint)}.pin__dot{width:17px;height:17px;border-radius:999px;background:var(--ink)}.pin__caret{width:2px;height:26px;background:var(--green);animation:koki-caret 1.1s steps(1) infinite}.pin__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;background:transparent;color:transparent;caret-color:transparent;outline:none;cursor:pointer;font-size:1px;letter-spacing:0}.alert{display:flex;gap:12px;padding:14px;border-radius:var(--r-md);border:1px solid transparent}.alert--error{background:var(--red-surf);border-color:var(--red-border);color:var(--red)}.alert--warn{background:var(--amber-surf);border-color:var(--amber-border);color:var(--amber)}.alert__icon{margin-top:1px}.alert__title{font-size:14px;font-weight:600;line-height:1.3}.alert__body{margin-top:3px;font-size:13px;font-weight:500;line-height:1.35;color:var(--n700)}.alert__code{margin-top:6px;font-size:13px;color:var(--n700);word-break:break-all}.alert--shake{animation:koki-shake .4s}.item-card{background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--n200);box-shadow:var(--e1);padding:14px}.item-card--fresh{animation:koki-cardin .32s cubic-bezier(.2,.7,.3,1)}.item-card__row{display:flex;gap:12px;align-items:flex-start}.item-card__index{flex:none;width:46px;height:46px;border-radius:var(--r-md);background:var(--n100);display:flex;flex-direction:column;align-items:center;justify-content:center}.item-card__index-over{font-size:9px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--n500)}.item-card__index-num{font-size:17px;font-weight:700;color:var(--ink);line-height:1}.item-card__body{min-width:0;flex:1;padding-top:1px}.item-card__remove{flex:none;align-self:flex-start;margin-left:auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--n200);border-radius:var(--r-md);background:var(--surface);color:var(--n500);cursor:pointer}.item-card__remove:hover,.item-card__remove:focus-visible{color:var(--ink);border-color:var(--n400)}.item-card__code{font-size:16px;font-weight:600;color:var(--ink);letter-spacing:.2px;word-break:break-all;line-height:1.25}.item-card__meta{margin-top:4px;display:flex;flex-wrap:wrap;gap:2px 10px;font-size:13px;font-weight:500;letter-spacing:.1px;color:var(--n500)}.item-card__meta-label{color:var(--n400)}.item-card__chips{margin-top:12px}.top-bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:var(--surface);border-bottom:1px solid var(--n200);box-shadow:var(--e1)}.top-bar__logo{height:22px;width:auto;display:block}.top-bar__right{display:flex;align-items:center;gap:14px}.top-bar__signout{border:none;background:none;padding:0;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;color:var(--green)}.scan-dock{flex:none;padding:12px 16px 14px;background:var(--surface);border-top:1px solid var(--n200)}.scan-dock__field{display:flex;align-items:center;gap:12px;height:60px;padding:0 14px;cursor:text;border-radius:var(--r-md);background:var(--green-tint-2);border:1.5px solid var(--green-border)}.scan-dock__field:focus-within{background:var(--surface);border-color:var(--green);box-shadow:0 0 0 4px var(--green-tint)}.scan-dock__center{flex:1;min-width:0;display:flex;align-items:center}.scan-dock__value{font-size:16px;font-weight:600;color:var(--ink);letter-spacing:.4px;word-break:break-all}.scan-dock__placeholder{display:inline-flex;align-items:center;font-size:16px;color:var(--n400)}.scan-dock__caret{display:inline-block;width:2px;height:18px;margin-left:2px;background:var(--green);animation:koki-caret 1.1s steps(1) infinite}.scan-dock__armed{display:flex;align-items:center;gap:7px;flex:none}.scan-dock__dot-wrap{position:relative;width:10px;height:10px;display:flex;align-items:center;justify-content:center}.scan-dock__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--green);animation:koki-ring 1.6s ease-out infinite}.scan-dock__dot{width:8px;height:8px;border-radius:999px;background:var(--green)}.scan-dock__armed-label{font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--green-dark);white-space:nowrap}.wedge{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;opacity:0;pointer-events:none}.lang-menu{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;color:var(--n700)}.lang-menu__globe{pointer-events:none}.lang-menu__select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;border:none;cursor:pointer}.lang-menu:hover{color:var(--ink);background:var(--n100)}.lang-menu__select:focus{outline:none}.lang-menu--kb-focus{outline:2px solid var(--green);outline-offset:2px}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:var(--r-pill);border:1px solid transparent;font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.pill--muted{color:var(--n500);background:var(--n100);border-color:var(--n200)}.pill--danger{color:var(--red);background:var(--red-surf);border-color:var(--red-border)}.pill__dot{width:7px;height:7px;border-radius:999px;background:currentColor}.scan{min-height:100vh;display:flex;flex-direction:column;background:var(--canvas)}.scan__main{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.scan__sync{display:flex;justify-content:flex-end;padding:12px 16px 0}.scan__alert{padding:12px 16px 0}.scan-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 32px}.scan-empty__beacon{position:relative;width:96px;height:96px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.scan-empty__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;border:2px solid var(--green);animation:koki-ring 2s ease-out infinite}.scan-empty__ring--delayed{animation-delay:1s}.scan-empty__disc{position:relative;width:72px;height:72px;border-radius:999px;background:var(--green-tint);display:flex;align-items:center;justify-content:center;overflow:hidden}.scan-empty__scanline{position:absolute;left:14px;right:14px;top:13px;height:2px;border-radius:2px;background:var(--green);box-shadow:0 0 8px var(--green);animation:koki-scanline 2.2s ease-in-out infinite}.scan-empty__title{color:var(--ink);margin:0;text-wrap:balance}.scan-empty__hint{color:var(--n500);margin:10px 0 0;max-width:320px;text-wrap:pretty}.scan__list{padding:14px 16px}.scan__count{color:var(--n500);margin:0 2px 12px}.scan__cards{display:grid;gap:10px;grid-template-columns:1fr}.scan__footer{flex:none;display:flex;gap:10px;padding:12px 16px max(16px,env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--n200)}@media (min-width: 760px){.scan__alert,.scan__list{width:100%;max-width:920px;margin-left:auto;margin-right:auto}.scan__cards{grid-template-columns:1fr 1fr}}.top-bar__mykits,.top-bar__back{display:inline-flex;align-items:center;gap:4px;border:none;background:none;padding:0;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;color:var(--green)}.top-bar__back{color:var(--n500)}.top-bar__title{font-size:16px;font-weight:700;color:var(--ink)}.item-tag{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;border-radius:var(--r-md);font-size:13px;font-weight:600;border:1.5px solid transparent}.item-tag--level{color:var(--green);background:var(--green-tint);border-color:var(--green-border)}.item-tag--undefined{color:var(--amber);background:var(--amber-surf);border-color:var(--amber-border)}.ref-strip{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 16px;background:var(--surface);border-top:1px solid var(--n200)}.ref-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-md);border:1.5px solid var(--n200)}.ref-card--undefined{background:var(--amber-surf);border-color:var(--amber-border)}.ref-card--confirm{background:var(--green-tint-2);border-color:var(--green-border)}.ref-card__dm{flex:none;border-radius:6px;background:var(--surface);padding:3px;box-shadow:var(--inset)}.ref-card__title{font-size:13px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.ref-card--undefined .ref-card__title{color:var(--amber)}.ref-card--confirm .ref-card__title{color:var(--green-dark)}.ref-card__hint{margin-top:2px;font-size:13px;line-height:1.35;color:var(--n700)}.scan__footer--single{justify-content:flex-start}.my-kits{width:100%;max-width:720px;margin:0 auto;padding:8px 0 4px}.my-kits__title{margin:0 0 16px}.my-kits__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 16px}.my-kits__empty-disc{width:72px;height:72px;border-radius:999px;background:var(--green-tint);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.my-kits__empty-title{color:var(--ink);margin:0}.my-kits__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.kit-row{width:100%;display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--r-lg);border:1.5px solid var(--n200);background:var(--surface);box-shadow:var(--e1);cursor:pointer;text-align:left}.kit-row__main{flex:1;min-width:0}.kit-row__title{color:var(--ink)}.kit-row__meta{margin-top:3px;color:var(--n500)}.kit-row__chevron{flex:none;color:var(--n400)}.kit-status{flex:none;font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;padding:4px 9px;border-radius:var(--r-pill);border:1px solid transparent}.kit-status--green{color:var(--green);background:var(--green-tint);border-color:var(--green-border)}.kit-status--amber{color:var(--amber);background:var(--amber-surf);border-color:var(--amber-border)}.kit-status--red{color:var(--red);background:var(--red-surf);border-color:var(--red-border)}.kit-status--neutral{color:var(--n500);background:var(--n100);border-color:var(--n200)}.login{position:relative;min-height:100vh;display:flex;background:radial-gradient(130% 60% at 50% -5%,var(--green-tint-2) 0%,var(--canvas) 50%)}.login__lang{position:absolute;top:16px;right:16px;z-index:2}.login__panel{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 28px}.login__form{width:100%;max-width:360px}.login__logo{display:block;height:30px;width:auto;margin-bottom:22px}.login__kicker{margin-bottom:6px}.login__title{color:var(--ink);margin:0 0 28px;text-wrap:balance}.login__body{color:var(--n700);margin:12px 0 22px}.login__fields{display:flex;flex-direction:column;gap:16px}.login__row{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.login__link{border:none;background:none;padding:0;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;color:var(--green)}.auth-back{display:inline-flex;align-items:center;gap:4px;margin-bottom:16px;padding:0;border:none;background:none;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;color:var(--n500)}.roster{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:10px}.roster__item{position:relative;display:flex;align-items:center}.roster__pick{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:12px 48px 12px 12px;border-radius:var(--r-lg);border:1.5px solid var(--n200);background:var(--surface);box-shadow:var(--e1);cursor:pointer;text-align:left}.roster__avatar{flex:none;width:40px;height:40px;border-radius:var(--r-pill);background:var(--green-tint);color:var(--green);display:flex;align-items:center;justify-content:center}.roster__meta{min-width:0;flex:1;display:flex;flex-direction:column}.roster__name{font-size:16px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster__id{font-size:13px;color:var(--n500)}.roster__chevron{color:var(--n400);flex:none}.roster__forget{position:absolute;right:8px;top:0;bottom:0;margin:auto 0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--r-pill);background:transparent;color:var(--n400);cursor:pointer}.roster__forget:hover{background:var(--n100);color:var(--n700)}.login__brand{display:none}@media (min-width: 860px){.login{background:radial-gradient(120% 90% at 80% -10%,var(--green-tint-2) 0%,var(--canvas) 55%)}.login__brand{flex:1 1 0;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:48px;background:linear-gradient(155deg,var(--green) 0%,var(--green-deep) 100%)}.login__brand-stripes{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 2px,transparent 2px 22px)}.login__brand-logo{position:relative;z-index:1;align-self:flex-start;height:30px;width:auto;filter:brightness(0) invert(1)}.login__lang{top:43px}.login__brand-body{position:relative;z-index:1}.login__brand-headline{font-size:40px;color:#fff;text-wrap:balance}.login__brand-tagline{color:#fffc;margin:12px 0 0;max-width:360px}.login__brand-features{display:flex;gap:14px;margin-top:28px}.login__brand-feature{display:inline-flex;align-items:center;gap:8px;color:#ffffffe6}.login__panel{flex:0 0 480px;padding:56px}.login__logo{display:none}}.recovery-code{background:var(--green-deep);color:#fff;border-radius:var(--r-lg);padding:22px;text-align:center;margin:4px 0 16px}.recovery-code__label{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--green-border);margin-bottom:10px}.recovery-code__value{font-size:34px;font-weight:700;letter-spacing:6px}.recovery-tip{margin:0 0 22px}.field--upper .field__input{text-transform:uppercase}.field--upper .field__input::placeholder{text-transform:none}.roster__id{text-transform:uppercase}.conflicts{min-height:100vh;display:flex;flex-direction:column;background:var(--canvas)}.conflicts__top{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:var(--surface);border-bottom:1px solid var(--n200);box-shadow:var(--e1)}.conflicts__head{min-width:0}.conflicts__title-row{display:flex;align-items:center;gap:10px}.conflicts__title{margin:0;color:var(--ink)}.conflicts__sub{margin:3px 0 0;color:var(--n500)}.conflicts__top-right{display:flex;align-items:center;gap:14px;flex:none}.conflicts__count{color:var(--red)}.conflicts__main{flex:1;min-height:0;overflow-y:auto;padding:14px 16px}.conflicts__msg{padding:32px 16px;color:var(--n500);text-align:center}.conflicts__grid{display:grid;gap:14px;grid-template-columns:1fr}.conflict-card__grid{display:grid;gap:16px;grid-template-columns:1fr 1fr;padding:16px}.conflict-meta__val{font-size:14px;color:var(--ink);word-break:break-all}.conflict-meta__val--red{color:var(--red)}.conflict-card__items{padding:0 16px 16px}.conflict-card__items-list{display:flex;flex-wrap:wrap;gap:6px}.code-pill{padding:5px 9px;border-radius:var(--r-sm);border:1px solid var(--n200);background:var(--n50);color:var(--n700);font-size:13px;white-space:nowrap}.code-pill--hit{color:var(--red);background:var(--red-surf);border-color:var(--red-border)}@media (min-width: 760px){.conflicts__top{padding:20px 28px}.conflicts__main{padding:24px}.conflicts__grid{grid-template-columns:1fr 1fr;max-width:1100px;margin:0 auto}.conflict-card__grid{grid-template-columns:1.4fr 1fr}}