.ob-main{--sand:#fff4e0;--amber:#f0a37e;--ease:cubic-bezier(.22, .61, .36, 1);color:var(--sand);background:#03050a;position:fixed;inset:0;overflow:hidden}.ob-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ob-tip{pointer-events:none;opacity:0;font:600 13px var(--font-sans);color:var(--sand);white-space:nowrap;z-index:6;background:#080a0eb8;border:1px solid #fff4e040;border-radius:6px;padding:4px 9px;transition:opacity .12s;position:fixed;top:0;left:0}.ob-tip[data-on]{opacity:1}.ob-flash{pointer-events:none;opacity:0;transition:opacity calc(var(--z) * .45) ease-in calc(var(--z) * .55);position:absolute;inset:0}.ob-flash[data-on]{opacity:1}.ob-veil{pointer-events:none;opacity:.5;height:48%;transition:opacity .4s var(--ease);background:linear-gradient(#03050a00,#03050ac7);position:absolute;inset:auto 0 0}.ob-main[data-active] .ob-veil{opacity:1}.ob-mark{font:700 15px var(--font-serif);color:var(--sand);letter-spacing:.04em;z-index:5;text-decoration:none;position:absolute;top:16px;left:20px}a.ob-mark{opacity:.85;align-items:center;min-height:44px;margin-top:-10px;transition:opacity .12s;display:inline-flex}a.ob-mark:hover,a.ob-mark:focus-visible{opacity:1}.ob-corner{z-index:5;align-items:center;gap:4px;display:flex;position:absolute;top:8px;right:20px}.ob-link{font:500 12px var(--font-mono);color:#fff4e073;cursor:pointer;background:0 0;border:0;align-items:center;min-height:44px;padding:0 10px;text-decoration:none;transition:color .12s;display:inline-flex}.ob-link:hover,.ob-link:focus-visible{color:var(--sand)}.ob-link:focus-visible{outline-offset:-4px;outline:1px solid #fff4e099}.ob-menu{background:#080a0eeb;border:1px solid #fff4e040;border-radius:8px;padding:2px;position:absolute;top:46px;right:0}.ob-ways{left:0;right:0;bottom:calc(max(env(safe-area-inset-bottom), 0px) + 116px);z-index:4;transition:opacity .24s var(--ease), transform .24s var(--ease);justify-content:center;gap:44px;display:flex;position:absolute}.ob-ways[data-hidden]{opacity:0;pointer-events:none;transform:translateY(6px)}.ob-way{font:600 13px var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--sand);cursor:pointer;min-height:44px;transition:color .24s var(--ease), letter-spacing .24s var(--ease);background:0 0;border:0;padding:14px 6px;position:relative}.ob-way:before{content:"";width:22px;height:1px;transition:transform .3s var(--ease), background-color .3s var(--ease);background:#ffc87a00;margin-left:-11px;position:absolute;top:4px;left:50%;transform:scaleX(.4)}.ob-way[data-locked]{color:#fff4e080}.ob-way[data-locked]:before{background:#ffc87ab3;transform:scaleX(1)}.ob-way:hover,.ob-way:focus-visible{color:var(--sand);letter-spacing:.2em}.ob-way:focus-visible{outline-offset:-2px;outline:1px solid #fff4e080}.ob-stack{width:min(440px,100vw - 40px);left:50%;bottom:calc(var(--kb,0px) + max(env(safe-area-inset-bottom), 0px) + 30px);z-index:7;transition:bottom .16s var(--ease);flex-direction:column;align-items:stretch;display:flex;position:absolute;transform:translate(-50%)}.ob-cap{text-align:center;pointer-events:none;text-shadow:0 1px 18px #03050ae6;margin-bottom:18px}.ob-cap-title{font:700 clamp(26px, 5.4vw, 38px) var(--font-serif);letter-spacing:.06em;margin:0}.ob-cap-line{font:400 14px var(--font-sans);color:#fff4e0b3;margin:6px 0 0}.gd{text-shadow:0 1px 14px #03050ad9;position:relative}.gd-closed p{text-wrap:balance;text-align:center;font:400 14px/1.5 var(--font-sans);color:#fff4e0b8;margin:0;padding:14px 0}.gd-slot{height:24px;position:relative}.gd-hint,.gd-err{font:400 13px var(--font-sans);letter-spacing:.02em;opacity:0;transition:opacity .22s var(--ease), transform .22s var(--ease);pointer-events:none;justify-content:center;align-items:center;margin:0;display:flex;position:absolute;inset:0;transform:translateY(3px)}.gd-hint{color:#fff4e099}.gd-err{color:var(--amber)}.gd-hint[data-show],.gd-err[data-show]{opacity:1;transform:none}.gd-row{height:52px;position:relative}.gd-layer{opacity:0;pointer-events:none;transition:opacity .24s var(--ease), transform .24s var(--ease);position:absolute;inset:0;transform:translateY(8px)}.gd-layer[data-on]{opacity:1;pointer-events:auto;transition-delay:60ms;transform:none}form.gd-layer[data-on]:not(:first-child){animation:gd-in .26s var(--ease) both}.gd-layer input{box-sizing:border-box;text-align:center;width:100%;height:100%;color:var(--sand);caret-color:#f07a28;font:400 19px var(--font-sans);letter-spacing:.01em;text-shadow:inherit;appearance:none;background:0 0;border:0;border-radius:0;outline:0;padding:0 52px;position:absolute;inset:0}.gd-layer input::placeholder{color:#fff4e08c;transition:color .24s var(--ease)}.gd-layer input:focus::placeholder{color:#fff4e061}.gd-layer input:-webkit-autofill{-webkit-text-fill-color:var(--sand);transition:background-color 600000s}.gd-layer .gd-stack{opacity:0;pointer-events:none;transition:opacity .24s var(--ease), transform .24s var(--ease);transform:translateY(8px)}.gd-layer .gd-stack[data-on]{opacity:1;pointer-events:auto;transform:none}.gd-note{text-align:center;font:400 14px/1.4 var(--font-sans);color:#fff4e0cc;margin:0;padding-top:12px}.gd-go{width:44px;height:44px;color:var(--sand);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s var(--ease), transform .2s var(--ease);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:4px;right:0;transform:translate(-6px)}.gd-go[data-show]{opacity:.9;pointer-events:auto;transform:none}.gd-go:hover,.gd-go:focus-visible{opacity:1}.gd-go:focus-visible{outline-offset:-6px;border-radius:50%;outline:1px solid #fff4e08c}.gd-line{transform-origin:50%;opacity:.7;height:1px;transition:transform .32s var(--ease), opacity .24s var(--ease), background-color .24s var(--ease);pointer-events:none;background:#fff4e080;position:absolute;bottom:0;left:0;right:0;overflow:hidden;transform:scaleX(.34)}.gd[data-active] .gd-line{opacity:1;background:#fff4e0d9;transform:none}.gd[data-err] .gd-line{background:var(--amber)}.gd-line:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#fff4e0,#0000);width:36%;position:absolute;top:0;bottom:0;left:-40%}.gd[data-busy] .gd-line:after{opacity:1;animation:.9s linear infinite gd-run}@keyframes gd-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes gd-run{0%{left:-40%}to{left:104%}}@media (max-width:600px){.ob-ways{bottom:calc(max(env(safe-area-inset-bottom), 0px) + 100px);gap:34px}.ob-stack{bottom:calc(var(--kb,0px) + max(env(safe-area-inset-bottom), 0px) + 22px)}}@media (prefers-reduced-motion:reduce){.ob-veil,.ob-ways,.ob-way,.ob-way:before,.gd-hint,.gd-err,.gd-layer,.gd-layer .gd-stack,.gd-go,.gd-line,.ob-stack{transition:none}form.gd-layer[data-on]:not(:first-child),.gd[data-busy] .gd-line:after{animation:none}}
