.su{padding-top:clamp(104px,10vw,128px)}.su__grid{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:start;gap:clamp(32px,5vw,80px);display:grid}.su__title{font-weight:900;font-size:var(--fs-h1);line-height:var(--lh-head);letter-spacing:var(--ls-head);margin:16px 0 0}:root[lang=en] .su__title{font-weight:800}.su__title em{color:var(--accent-ink)}.su__lead{color:var(--fg-2);max-width:50ch;margin:16px 0 32px}.su__form{max-width:620px}.su__self{color:var(--muted);margin:-6px 0 0;font-size:14px}.su__self a,.su__alt a{color:var(--accent-ink);font-weight:700}.su__self a:hover,.su__alt a:hover{text-underline-offset:3px;text-decoration:underline}.su__alt{text-align:center;color:var(--muted);margin:0;font-size:14.5px}.su__submit{width:100%;min-height:54px;font-size:16px}.su__submit[aria-busy=true]{pointer-events:none;opacity:.85}.su__spin{border:2.5px solid;border-top-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:none}.su__submit[aria-busy=true] .su__spin{display:inline-block}.su__submit[aria-busy=true] .btn__arrow{display:none}.su__formerr{border:1px solid var(--red);color:var(--red);background:color-mix(in srgb, var(--red) 8%, transparent);border-radius:10px;margin:0;padding:12px 14px;font-size:14.5px}.pw-rules{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin:4px 0 0;padding:0;font-size:12.5px;list-style:none;display:flex}.pw-rules li{align-items:center;gap:6px;transition:color .25s;display:inline-flex}.pw-rules li:before{content:"[ ]";font-family:var(--font-mono);direction:ltr}.pw-rules li.is-ok{color:var(--green)}.pw-rules li.is-ok:before{content:"[x]"}.su__done{background:var(--panel);border:1px solid var(--line);border-radius:22px;justify-items:start;gap:14px;max-width:620px;padding:clamp(24px,3vw,36px);display:grid}.su__done h2{font-size:var(--fs-h2-side);line-height:var(--lh-head);outline:none;margin:0;font-weight:900}.su__done p{color:var(--fg-2);margin:0}.su__demo{font-size:12.5px;color:var(--accent-ink)!important}.su__check svg{fill:none;stroke-linecap:round;stroke-linejoin:round;width:64px;height:64px}.su__check circle{stroke:var(--green);stroke-width:2.5px;stroke-dasharray:151;stroke-dashoffset:151px;animation:draw .7s var(--ease-out) forwards}.su__check path{stroke:var(--green);stroke-width:3.5px;stroke-dasharray:36;stroke-dashoffset:36px;animation:draw .45s .55s var(--ease-out) forwards}@keyframes draw{to{stroke-dashoffset:0}}.rig{background:var(--hw-bg);color:var(--hw-fg);border:1px solid var(--hw-line);box-shadow:var(--shadow);border-radius:20px;position:sticky;top:96px;overflow:hidden}.rig__body{gap:0;display:grid}.rig__label{letter-spacing:.06em;color:var(--hw-amber);margin:0 0 8px;font-size:11.5px}.rig__label span{color:var(--hw-green)}.rig__file,.rig__key{border-bottom:1px solid var(--hw-line);padding:18px 20px}.rig__yaml{white-space:pre-wrap;word-break:break-all;color:var(--hw-fg);margin:0;font-size:12.5px;line-height:1.75}.rig__yaml>span{border-radius:4px;margin-inline:-8px;padding-inline:8px;transition:background-color .25s;display:block}.rig__yaml>span.hl{box-shadow:inset 2px 0 0 var(--hw-amber);background:#fcd34d1f}.rig__yaml .k{color:var(--hw-cyan)}.rig__yaml .s{color:#f9a8d4}.rig__yaml .a{color:var(--hw-amber)}.rig__yaml .m{color:var(--hw-muted)}.rig__yaml .ok{color:var(--hw-green)}.rig__yaml .r{color:var(--hw-red)}.rig__key{grid-template-columns:auto 1fr;align-items:center;gap:6px 20px;display:grid}.rig__key .rig__label{grid-column:1/-1}.rig__art{color:#6c6779;grid-row:span 2;margin:0;font-size:12.5px;line-height:1.25;transition:color .3s}.rig__art i{color:var(--hw-amber);font-style:normal}.rig__art b{color:var(--hw-green)}.rig__art[data-level="1"]{color:#9a6b7b}.rig__art[data-level="1"] i{color:var(--hw-red)}.rig__art[data-level="4"] i{color:var(--hw-green)}.rig__meter{align-self:end;gap:5px;display:flex}.rig__meter i{background:#26232e;border-radius:3px;flex:1;height:8px;transition:background-color .3s,box-shadow .3s}.rig__meter[data-level="1"] i:nth-child(-n+1){background:var(--hw-red)}.rig__meter[data-level="2"] i:nth-child(-n+2){background:var(--hw-amber)}.rig__meter[data-level="3"] i:nth-child(-n+3){background:#a3e635}.rig__meter[data-level="4"] i{background:var(--hw-green);box-shadow:0 0 8px #4ade8080}.rig__strength{color:var(--hw-muted);align-self:start;margin:0;font-size:12.5px}.rig__log{min-height:calc(10.5em + 32px);color:var(--hw-muted);white-space:pre-wrap;margin:0;padding:16px 20px;font-size:12px;line-height:1.75}.rig__log:empty:before{content:"$ waiting for submit"}.rig__log:empty:after{content:"";vertical-align:-.2em;background:var(--hw-fg);width:.55em;height:1.1em;margin-inline-start:6px;animation:1s step-end infinite blink;display:inline-block}.rig__log .ok{color:var(--hw-green)}.rig__log .u{color:var(--hw-cyan)}@media (width<=980px){.su__grid{grid-template-columns:minmax(0,1fr)}.rig{position:relative;top:0}}@media (width<=560px){.form__row,.rig__key{grid-template-columns:minmax(0,1fr)}.rig__art{grid-row:auto;font-size:11.5px}}