.si{--bs:clamp(300px, min(76dvh, 52vw), 700px);--rv-glow:#181c22;grid-template-columns:auto minmax(300px,380px);justify-content:center;align-items:center;gap:clamp(32px,7vw,112px);min-height:100dvh;padding:40px clamp(16px,4vw,56px);display:grid}@supports (color:lab(0% 0 0)){.si{--rv-glow:lab(10.0427% -.502311 -5.12419)}}.si-stage{gap:18px;margin:0;display:grid}.si-board{width:var(--bs)}.si-caption{color:color-mix(in oklab, var(--color-text) 55%, transparent);font-size:var(--text-sm);justify-content:space-between;gap:16px;padding:0 4px;font-weight:600;display:flex}.si-move{text-align:right;min-width:7ch;color:var(--color-text);transition:color var(--duration-base) var(--ease-out)}.si-move[data-castle]{color:var(--color-accent)}.si-panel{align-content:center;gap:20px;display:grid}.si-brand{justify-self:center;margin:0 0 clamp(12px,2.4vh,28px);line-height:0}.si-logo{width:clamp(168px,15vw,212px);height:auto;color:var(--color-text);display:block}.si-panel .field input{background:color-mix(in oklab, var(--rv-glass) 6%, transparent);border-color:color-mix(in oklab, var(--rv-glass) 14%, transparent)}.si-way{gap:20px;display:grid}.si-way[hidden]{display:none}.si-note{color:color-mix(in oklab, var(--color-text) 62%, transparent);font-size:var(--text-sm);flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 6px;margin:0;display:flex}.si-ask{gap:16px;display:grid}.si-ask-title{font-size:var(--text-lg);letter-spacing:-.01em;text-align:center;margin:0;font-weight:700}.si-label-row{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.si-label-row label{margin:0}.si-optional{color:color-mix(in oklab, var(--color-text) 55%, transparent);font-weight:400}.si-legal{color:color-mix(in oklab, var(--color-text) 62%, transparent);font-size:var(--text-sm);text-align:center;text-wrap:balance;margin:0}.si-legal a{color:inherit}.si-panel .si-note-field{background:color-mix(in oklab, var(--rv-glass) 6%, transparent);border-color:color-mix(in oklab, var(--rv-glass) 14%, transparent);min-height:4.4rem;max-height:12rem}.si-hint-error{color:var(--color-danger)}.si-sent{text-align:center;justify-items:center;gap:14px}.si-check{background:var(--color-accent);width:44px;height:44px;color:var(--color-accent-text);border-radius:50%;padding:9px}.si-sent p{overflow-wrap:anywhere;outline:none;gap:4px;margin:0 0 8px;display:grid}.si-sent b{font-size:var(--text-lg)}.si-sent span{color:color-mix(in oklab, var(--color-text) 70%, transparent);font-size:var(--text-sm)}.si-sent strong{color:var(--color-text);font-weight:600;display:block}.si-sent .btn{justify-self:stretch}@media (prefers-reduced-motion:no-preference){.si-ask{animation:si-rise var(--duration-slow) var(--ease-out) both}.si-check{animation:si-land .55s var(--ease-spring) both}.si-check path{stroke-dasharray:22;stroke-dashoffset:22px;animation:si-draw .32s var(--ease-out) .18s forwards}}@keyframes si-rise{0%{opacity:0;translate:0 6px}}@keyframes si-land{0%{opacity:0;transform:scale(.82)}60%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}@keyframes si-draw{to{stroke-dashoffset:0}}@media (max-width:860px){.si{grid-template-columns:minmax(0,360px);align-content:center;padding-block:max(40px,8dvh)}.si-stage{display:none}.si-panel{gap:16px}.si-brand{margin:0 0 clamp(20px,5dvh,40px)}.si-logo{width:min(220px,58vw)}.si-way{gap:16px}}.si-code{text-align:center;justify-items:stretch}.si-code-lede{overflow-wrap:anywhere;color:color-mix(in oklab, var(--color-text) 70%, transparent);font-size:var(--text-sm);margin:-6px 0 0}.si-code-lede strong{color:var(--color-text);font-weight:600;display:block}.si-code-entry{justify-items:center;display:grid}.si-code-entry .code-field{max-width:none}.si-panel .code-cell{background:color-mix(in oklab, var(--rv-glass) 6%, transparent);border-color:color-mix(in oklab, var(--rv-glass) 14%, transparent)}.si-panel .code-field[data-invalid] .code-cell{border-color:var(--color-danger)}.si-code-hint{min-height:2.6em;color:color-mix(in oklab, var(--color-text) 62%, transparent);text-wrap:pretty}.si-code-hint[data-tone=error]{color:var(--color-danger)}.si-code-more{flex-wrap:wrap;justify-content:center;gap:4px 8px;display:flex}.btn .google-g,.btn .si-passkey-glyph{flex:none;width:18px;height:18px}.si-passkey{justify-self:center}.si-in-app{color:var(--color-muted);text-align:center;text-wrap:pretty;margin:0}.si-in-app a{color:var(--color-text);font-weight:600}
