:where(.room,.lg){--t-display:22px;--t-title:17px;--t-head:15px;--t-lede:13.5px;--t-body:13px;--t-ui:12.5px;--t-compact:12px;--t-label:11px;--block-neutral:#5B6770;--block-admin:#4F5FB8;--block-client:#A15C07;--on-block:#FFFFFF}.lg{--bg:#F3F6F5;--surface:#FFFFFF;--surface2:#EDF1F0;--ink:#16201E;--ink2:#3F4B49;--muted:#667170;--faint:#A6B0AE;--line:#E0E6E4;--line2:#CBD3D1;--accent:#0F766E;--accent-bg:#E4F3F0;--late:#B42318;--late-bg:#FBEBE9;--chase:#A15C07;--sel:#E9F5F2;--today:#F0FAF7;--gut:#B8C2BF;--shadow:0 1px 2px rgba(22,32,30,.05);--mark-cut:#F3F6F5;min-height:100vh;background:var(--bg);color:var(--ink)}@media (prefers-color-scheme: dark){.lg{--bg:#0F1413;--surface:#171D1C;--surface2:#1E2624;--ink:#E6EBEA;--ink2:#C2CBC9;--muted:#8C9896;--faint:#5F6C6A;--line:#273230;--line2:#34413F;--accent:#3BC9B4;--accent-bg:#14302C;--late:#F08B7E;--late-bg:#3A1F1C;--chase:#E0A94A;--sel:#16302C;--today:#152522;--gut:#3E4B49;--shadow:none;--mark-cut:#0F1413}}.lg .mono{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}.lg button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0;text-align:left}.lg button:focus-visible,.lg a:focus-visible,.lg input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.lg a{color:inherit}.lg h1{text-wrap:balance}.lg .zlogo{display:block;color:var(--ink)}.lg .zword{display:block;height:15px;width:auto}.lg .zmark{display:block;overflow:visible}.lg .mk-cut rect{fill:var(--mark-cut)}.lg .zmark *{transform-box:fill-box}.lg .btn{border:1px solid var(--line2);border-radius:4px;padding:4px 10px;font-weight:500;font-size:var(--t-compact);background:var(--surface);white-space:nowrap;display:inline-block}.lg .btn.primary{background:var(--ink);color:var(--bg);border-color:var(--ink);width:100%;padding:6px 10px;font-size:var(--t-ui);position:relative;overflow:hidden}.lg .field{margin:0 0 12px}.lg .field label{display:block;font-size:var(--t-compact);font-weight:500;color:var(--ink2);margin:0 0 5px}.lg .iwrap{position:relative}.lg .iwrap input{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line2);border-radius:4px;padding:6px 30px 6px 9px;width:100%;min-width:0}.lg .iwrap input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}.lg .iwrap .eye{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:3px;color:var(--muted);text-align:center;line-height:22px}.lg .iwrap .eye:hover{background:var(--surface2);color:var(--ink)}.lg .err{display:flex;gap:8px;align-items:baseline;background:var(--late-bg);color:var(--late);border-radius:4px;padding:7px 10px;font-size:var(--t-compact);margin:0 0 12px}.lg .err:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--late);flex:none;align-self:center}.lg .err[hidden]{display:none}.lg .eye svg{display:block}.lg .stage{min-height:100vh;display:flex;align-items:center;justify-content:center;perspective:1200px;padding:40px 18px;position:relative;overflow:hidden}.lg .card{width:360px;max-width:100%;position:relative;transform-style:preserve-3d;z-index:2}.lg .face{background:var(--surface);border:1px solid var(--line2);border-radius:6px;padding:28px;box-shadow:var(--shadow);backface-visibility:hidden}.lg .face.brand{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.lg .face.formface{position:relative;transform:rotateY(180deg)}.lg .f-mark{width:150px;margin:0 0 16px}.lg .face.brand h1{font-size:var(--t-head);font-weight:600;margin:0 0 2px}.lg .face.brand .sub{color:var(--muted);font-size:var(--t-compact);margin:0 0 22px}.lg .turnhint{margin-top:26px;font-size:var(--t-label);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.lg .formcol h1{font-size:var(--t-head);font-weight:600;margin:0 0 2px}.lg .formcol .sub{color:var(--muted);font-size:var(--t-compact);margin:0 0 18px}.lg .progress{position:absolute;inset:auto 0 0 0;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(.39,.575,.565,1)}.lg[data-phase=pending] .progress{transform:scaleX(1)}.lg .granted{margin:12px 0 0;font-size:var(--t-compact);color:var(--accent);letter-spacing:.04em;opacity:0;transition:opacity .3s}.lg[data-phase=success] .granted{opacity:1}.lg .card{transition:transform .8s cubic-bezier(.65,0,.35,1),rotate .6s cubic-bezier(.33,1,.68,1)}@media (prefers-reduced-motion: no-preference){.lg .card{animation:lg-in .6s cubic-bezier(.22,1,.36,1) backwards}@keyframes lg-in{0%{opacity:0;translate:0 18px;rotate:x 8deg}}.lg .f-mark{animation:lg-mark .4s cubic-bezier(.33,1,.68,1) .15s backwards}@keyframes lg-mark{0%{opacity:0;scale:.9}}.lg .face.brand .mk-cut rect{transform-origin:left center}.lg .face.brand .mk-cut rect:nth-child(1){animation:lg-cut .4s cubic-bezier(.65,0,.35,1) .3s backwards}.lg .face.brand .mk-cut rect:nth-child(2){animation:lg-cut .4s cubic-bezier(.65,0,.35,1) .36s backwards}.lg .face.brand .mk-cut rect:nth-child(3){animation:lg-cut .4s cubic-bezier(.65,0,.35,1) .42s backwards}.lg .face.brand .mk-cut rect:nth-child(4){animation:lg-cut .4s cubic-bezier(.65,0,.35,1) .48s backwards}.lg .face.brand .mk-cut rect:nth-child(5){animation:lg-cut .4s cubic-bezier(.65,0,.35,1) .54s backwards}.lg .face.brand .mk-cut rect:nth-child(6){animation:lg-cut .4s cubic-bezier(.65,0,.35,1) .6s backwards}@keyframes lg-cut{0%{scale:0 1}}.lg .face.brand .zlogo{animation:lg-rise .3s cubic-bezier(.33,1,.68,1) .45s backwards}.lg .face.brand h1{animation:lg-rise .3s cubic-bezier(.33,1,.68,1) .51s backwards}.lg .face.brand .sub{animation:lg-rise .3s cubic-bezier(.33,1,.68,1) .57s backwards}.lg .face.brand .turnhint{animation:lg-rise .3s cubic-bezier(.33,1,.68,1) .63s backwards}@keyframes lg-rise{0%{opacity:0;translate:0 6px}}.lg .card.shake{animation:lg-shake .5s cubic-bezier(.36,.07,.19,.97)}@keyframes lg-shake{0%{translate:-7px 0}30%{translate:4.5px 0}55%{translate:-2.5px 0}75%{translate:1px 0}to{translate:0 0}}.lg[data-phase=success] .mk-echo>g:nth-child(1){animation:lg-echo .44s ease-in-out}.lg[data-phase=success] .mk-echo>g:nth-child(2){animation:lg-echo .44s ease-in-out .08s}@keyframes lg-echo{0%,to{scale:1}50%{scale:1.25}}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font:13px/1.45 IBM Plex Sans,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f6f5;color:#16201e}img,svg,video,canvas{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer;text-align:left}:focus-visible{outline:2px solid #0F766E;outline-offset:1px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}