:root[data-plate]{--hint:color-mix(in srgb,var(--tone) 82%,transparent);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:40px;--sp-8:56px}*{box-sizing:border-box}:where(html[data-plate]){scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:none}:where(:root[data-plate]) body{margin:0;min-height:100vh;overflow-wrap:break-word}:where(:root[data-plate]) button,:where(:root[data-plate]) input,:where(:root[data-plate]) select,:where(:root[data-plate]) textarea{font-family:inherit}:where(:root[data-plate]) input[type=text],:where(:root[data-plate]) input[type=date],:where(:root[data-plate]) input[type=time],:where(:root[data-plate]) input[type=datetime-local],:where(:root[data-plate]) input[type=email],:where(:root[data-plate]) input[type=password]{width:100%;padding:12px 14px;font-size:var(--fs-base)}:where(:root[data-plate]) select{width:100%;padding:12px 14px;font-size:var(--fs-base)}:where(:root[data-plate]) input::placeholder{color:var(--hint)}:where(:root[data-plate]) a:focus-visible,:where(:root[data-plate]) button:focus-visible,:where(:root[data-plate]) select:focus-visible,:where(:root[data-plate]) input:focus-visible,:where(:root[data-plate]) textarea:focus-visible,:where(:root[data-plate]) summary:focus-visible{outline:3px solid var(--sinopia);outline-offset:2px}:where(:root[data-plate]) [tabindex]:focus-visible{outline:3px solid var(--sinopia);outline-offset:2px}:root[data-plate][data-text=s]{font-size:15px}:root[data-plate][data-text=m]{font-size:16.5px}:root[data-plate][data-text=l]{font-size:18.5px}:root[data-plate][data-text=xl]{font-size:21px}:root[data-plate][data-font=legible] body{letter-spacing:.2px;line-height:1.75}:root[data-plate][data-motion=reduced] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}:root[data-plate][data-motion=full] button:active{transform:scale(.96)}@media (prefers-reduced-motion: reduce){:where(html[data-plate]){scroll-behavior:auto}:where(:root[data-plate]) *,:where(:root[data-plate]) *:before,:where(:root[data-plate]) *:after{animation:none!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media print{:where(:root[data-plate]) body *{visibility:hidden!important}}@media (max-width:820px){:where(:root[data-plate]) body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}}[dir=rtl],[dir=rtl] body{direction:rtl}@media (pointer:coarse){:where(:root[data-plate]) button,:where(:root[data-plate]) a[href],:where(:root[data-plate]) [role=button],:where(:root[data-plate]) [role=tab],:where(:root[data-plate]) summary,:where(:root[data-plate]) select,:where(:root[data-plate]) input[type=checkbox],:where(:root[data-plate]) input[type=radio]{touch-action:manipulation}}:where(:root[data-plate]) a{color:var(--sinopia)}:where(:root[data-plate]) button,:where(:root[data-plate]) input[type=button],:where(:root[data-plate]) input[type=submit],:where(:root[data-plate]) input[type=reset]{color:inherit;background:var(--paper);border:1px solid var(--ink);border-radius:0;cursor:pointer}:where(:root[data-plate]) button[disabled]{cursor:default;opacity:.45}:where(:root[data-plate]) hr{border:0;border-top:1px solid var(--hair);margin:1em 0}:where(:root[data-plate]) code,:where(:root[data-plate]) pre,:where(:root[data-plate]) kbd,:where(:root[data-plate]) samp{font-family:var(--type)}:where(:root[data-plate]) summary{cursor:pointer}:where(:root[data-plate]) dialog{color:var(--ink);background:var(--paper);border:1px solid var(--ink);border-radius:0}:where(:root[data-plate]) ::selection{background:var(--sinopia);color:var(--sinopia-ink)}