html.plates{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--pl-bg:#0b1220;--pl-bg-2:#101a2d;--pl-surface:#15203a;--pl-surface-2:#1c2a48;--pl-line:#ffffff1a;--pl-ink:#eef2ff;--pl-ink-soft:#a9b3cc;--pl-ink-mute:#6f7a94;--pl-accent:#2f6df6;--pl-accent-2:#5b8cff;--pl-plate:#f8f8f4;--pl-plate-ink:#15181f;--pl-plate-line:#cfd2d8;--pl-focus:#fff;--pl-danger:#ff6b7a;--pl-ok:#4ade80;font-size:clamp(15px,.3vw + 11px,19px)}html.plates,html.plates body{background:var(--pl-bg);color:var(--pl-ink)}html.plates body{overscroll-behavior-y:auto}.plates-root{background:radial-gradient(1100px 520px at 50% -220px, #2f6df647, transparent 70%), radial-gradient(800px 420px at 100% 100%, #5b8cff14, transparent 70%), var(--pl-bg);min-height:100dvh}.plates-shell{width:100%;max-width:52rem;padding-left:max(1rem, env(safe-area-inset-left));padding-right:max(1rem, env(safe-area-inset-right));margin:0 auto}.plates-root :where(a,button,input,select,[tabindex="0"]):focus-visible{outline:3px solid var(--pl-focus);outline-offset:3px;border-radius:.75rem}.plates-embed{--pl-bg:transparent;--pl-bg-2:var(--color-bg);--pl-surface:var(--color-surface);--pl-surface-2:var(--color-bg);--pl-line:var(--color-line);--pl-ink:var(--color-ink);--pl-ink-soft:var(--color-ink-soft);--pl-ink-mute:var(--color-ink-soft);--pl-accent:#2f6df6;--pl-accent-2:#1d4ed8;--pl-plate:#f8f8f4;--pl-plate-ink:#15181f;--pl-plate-line:#cfd2d8;--pl-focus:#1d4ed8;--pl-danger:#dc2626;--pl-ok:#16a34a;color:var(--pl-ink)}.plate{background:var(--pl-plate);color:var(--pl-plate-ink);box-shadow:0 1px 0 #ffffff80 inset, 0 10px 30px -12px #0009, 0 0 0 1px var(--pl-plate-line);direction:ltr;border-radius:.9rem;align-items:stretch;min-height:4.6rem;display:flex;position:relative}.plate-band{background:var(--pl-accent);color:#fff;letter-spacing:.08em;border-radius:.9rem 0 0 .9rem;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.15rem;width:2.1rem;font-size:.5rem;font-weight:700;line-height:1;display:flex}.plate-band .cedar{width:1.1rem;height:1.1rem}.plate-code{border-right:2px solid var(--pl-plate-line);flex:none;justify-content:center;align-items:center;width:3.4rem;display:flex;position:relative}.plate-code select{appearance:none;width:100%;height:100%;color:var(--pl-plate-ink);text-align:center;text-align-last:center;cursor:pointer;background:0 0;border:0;font-family:Helvetica Neue,Arial,Noto Sans Arabic,sans-serif;font-size:1.9rem;font-weight:800}.plate-code select:focus-visible{outline-offset:-4px}.plate-code .chev{opacity:.45;pointer-events:none;position:absolute;bottom:.3rem;right:.3rem}.plate-digits{flex:1;align-items:center;gap:.35rem;min-width:0;padding:.5rem .6rem;display:flex;position:relative}.plate-box{border:1.5px dashed var(--pl-plate-line);font-variant-numeric:tabular-nums;min-width:0;height:3.2rem;color:var(--pl-plate-ink);border-radius:.45rem;flex:1 1 0;justify-content:center;align-items:center;font-family:Helvetica Neue,Arial,sans-serif;font-size:clamp(1.4rem,5vw,2.2rem);font-weight:800;transition:border-color .12s,background .12s;display:flex}.plate-box[data-filled=true]{border-style:solid;border-color:#0000}.plate-box[data-active=true]{border-style:solid;border-color:var(--pl-accent);background:#2f6df614}.plate-caret{background:var(--pl-accent);width:2px;height:1.6em;animation:1s steps(2,start) infinite plate-blink}.plate-input{opacity:0;color:#0000;caret-color:#0000;cursor:text;background:0 0;border:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}@keyframes plate-blink{to{visibility:hidden}}.pl-field{border:1px solid var(--pl-line);background:var(--pl-surface);width:100%;color:var(--pl-ink);border-radius:1rem;outline:none;padding:.85rem 1rem;font-size:1.1rem}.pl-field:focus{border-color:var(--pl-accent-2)}.pl-field::placeholder{color:var(--pl-ink-mute)}.pl-field.pl-field-icon-left{padding-left:3rem}.pl-field.pl-field-icon-right{padding-right:3rem}.pl-select{appearance:none;border:1px solid var(--pl-line);background:var(--pl-surface);color:var(--pl-ink);border-radius:999px;padding:.4rem 1.9rem .4rem .9rem;font-size:.85rem}[dir=rtl] .pl-select{padding:.4rem .9rem .4rem 1.9rem}.pl-tab{border:1px solid var(--pl-line);background:var(--pl-surface);color:var(--pl-ink-soft);border-radius:999px;padding:.45rem .95rem;font-size:.9rem;transition:background .12s,color .12s}.pl-tab[data-active=true]{background:var(--pl-accent);border-color:var(--pl-accent);color:#fff}.pl-btn{background:var(--pl-accent);color:#fff;border-radius:1rem;justify-content:center;align-items:center;gap:.4rem;padding:.85rem 1.4rem;font-weight:600;transition:opacity .12s,transform .12s;display:inline-flex}.pl-btn:disabled{opacity:.45}.pl-btn:active{transform:scale(.98)}.pl-card{border:1px solid var(--pl-line);background:var(--pl-surface);border-radius:1.1rem}.pl-mini-plate{background:var(--pl-plate);color:var(--pl-plate-ink);box-shadow:0 0 0 1px var(--pl-plate-line);direction:ltr;border-radius:.45rem;align-items:stretch;font-family:Helvetica Neue,Arial,sans-serif;font-size:1.05rem;font-weight:800;line-height:1;display:inline-flex;overflow:hidden}.pl-mini-plate>.band{background:var(--pl-accent);width:.45rem}.pl-mini-plate>.code{border-right:1.5px solid var(--pl-plate-line);padding:.4rem .45rem}.pl-mini-plate>.nb{font-variant-numeric:tabular-nums;letter-spacing:.04em;padding:.4rem .55rem}.pl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem 1rem;display:grid}@media (min-width:640px){.pl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.pl-grid dt{text-transform:uppercase;letter-spacing:.08em;color:var(--pl-ink-mute);font-size:.68rem}[dir=rtl] .pl-grid dt{letter-spacing:0;text-transform:none}.pl-grid dd{overflow-wrap:anywhere;font-size:.95rem}.pl-grid dd.wide{grid-column:1/-1}@keyframes pl-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pl-rise{animation:.38s cubic-bezier(.2,.8,.2,1) both pl-rise}@keyframes pl-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.pl-shake{animation:.32s ease-in-out pl-shake}@keyframes pl-spread{0%{opacity:0;letter-spacing:.1em}to{opacity:1;letter-spacing:.42em}}.pl-wordmark>span:nth-child(2){animation:.9s cubic-bezier(.2,.8,.2,1) .15s both pl-spread}@keyframes pl-spin{to{transform:rotate(360deg)}}.pl-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1.1rem;height:1.1rem;animation:.8s linear infinite pl-spin}@media (prefers-reduced-motion:reduce){.pl-rise,.pl-shake,.pl-wordmark>span:nth-child(2),.plate-caret{animation:none}}
