@font-face{font-family:Estedad;src:url(/fonts/estedad.subset.woff2) format("woff2-variations");font-weight:100 900;font-display:swap}@font-face{font-family:Plex Mono;src:url(/fonts/plexmono.subset.woff2) format("woff2");font-weight:400;font-display:swap}:root{--stage: #08060C;--ink: #E8E2F0;--muted: #B9ADC3;--faint: #A08FAE;--violet: #A020F0;--rule: rgba(232,226,240,.18);--draw: cubic-bezier(.45,.05,.35,1);--e: cubic-bezier(.32,.72,.24,1);--col: 520px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--stage)}body{min-height:100dvh;background:var(--stage);color:var(--ink);font:400 16px/1.9 Estedad,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.num{font-family:Plex Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;unicode-bidi:isolate;direction:ltr}.stage{position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px 40px;overflow:hidden;isolation:isolate}.stage:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:4;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);opacity:.33}.stage:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}.head{position:absolute;inset-block-start:0;inset-inline:0;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-block-end:1px solid var(--rule);opacity:0;visibility:hidden;transition:opacity .2s linear;z-index:6}.stage[data-phase=step] .head,.stage[data-phase=done] .head{opacity:1;visibility:visible}.chain{width:56px;height:15px;overflow:visible}.chain rect{fill:var(--stage);stroke:var(--rule);stroke-width:1.5;transition:fill .12s steps(2),stroke .12s steps(2)}.chain .cl.on rect{fill:var(--violet);stroke:var(--stage);stroke-width:2}.head-mark{width:20px;height:20px;border:2px solid var(--violet)}.markwrap{width:min(var(--col),88%);transition:transform .7s var(--e),opacity .2s linear}.stage[data-phase=step] .markwrap,.stage[data-phase=done] .markwrap{opacity:0;visibility:hidden;height:0}.mark{width:100%;display:block;overflow:visible}.guide{fill:none;stroke:var(--violet);stroke-width:1.5;opacity:.55;stroke-dasharray:132;stroke-dashoffset:132;animation:guideIn .3s linear both,guideOut .26s linear .92s both}.link{fill:none;stroke:var(--violet);stroke-width:10;stroke-linecap:round;stroke-dasharray:150;stroke-dashoffset:150;animation:draw .36s var(--draw) var(--d) forwards}.glyph{fill:var(--violet)}.gS{fill:none;stroke:var(--violet);stroke-width:30}.gV{transform-origin:0 0;animation:vIn .48s var(--e) .98s both}.gA{transform-origin:0 0;animation:rise .46s var(--e) 1.2s both}.gSg{transform-origin:0 0;animation:rise .46s var(--e) 1.28s both}.gL{transform-origin:0 0;animation:rise .46s var(--e) 1.36s both}.sweep{opacity:0;animation:sweep .5s linear 1.9s both}@keyframes guideIn{to{stroke-dashoffset:0}}@keyframes guideOut{0%{stroke-dashoffset:0;opacity:.55}to{stroke-dashoffset:-132;opacity:0}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes rise{0%{transform:translateY(150px)}to{transform:translateY(0)}}@keyframes vIn{0%{transform:translateY(150px) translate(130px,163px) rotate(-6deg) translate(-130px,-163px)}to{transform:translateY(0) translate(130px,163px) rotate(0) translate(-130px,-163px)}}@keyframes sweep{0%{opacity:.55;transform:translate(170px)}to{opacity:.55;transform:translate(-520px)}}.reward{width:min(var(--col),88%);margin-block-start:30px;overflow:hidden;font-size:13px;line-height:1.9;color:var(--muted);text-align:start}.reward-in{display:block;transform:translateY(110%);animation:riseIn .5s var(--e) 2s both}@keyframes riseIn{to{transform:translateY(0)}}.stage[data-phase=step] .reward,.stage[data-phase=done] .reward{display:none}.skip{position:absolute;inset-block-end:28px;inset-inline-end:24px;font:400 11px/1 Plex Mono,monospace;letter-spacing:.12em;color:var(--faint);background:transparent;border:1px solid var(--rule);border-radius:0;padding:8px 12px;cursor:pointer;opacity:0;visibility:hidden;transition:color .12s linear,border-color .12s linear;z-index:6}.stage[data-phase=intro] .skip.ready{opacity:1;visibility:visible}.skip:hover{color:var(--ink);border-color:var(--violet)}.panel{width:min(var(--col),100%);display:none}.stage[data-phase=step] .panel,.stage[data-phase=done] .panel{display:block}.idx{display:block;font:400 11px/1 Plex Mono,monospace;letter-spacing:.14em;color:var(--faint)}.q{margin-block:14px 22px;font-size:clamp(23px,4vw,31px);font-weight:800;line-height:1.4;letter-spacing:-.01em}.opts{display:grid;gap:8px}.opt{position:relative;display:flex;align-items:center;gap:14px;width:100%;min-height:56px;padding:17px 20px;text-align:start;cursor:pointer;background:transparent;color:var(--ink);border:1px solid var(--rule);border-radius:0;font:400 16px/1.6 Estedad,sans-serif;transition:border-color .12s linear}.opt:before{content:"";position:absolute;inset-inline-start:0;inset-block:0;width:0;background:var(--violet);transition:width .12s steps(3)}.opt:hover,.opt:focus-visible{border-color:var(--violet)}.opt:hover:before,.opt:focus-visible:before{width:4px}.opt .key{font:400 11px/1 Plex Mono,monospace;color:var(--faint);border:1px solid var(--rule);padding:4px 7px}.opt .hint{margin-inline-start:auto;font:400 11px/1 Plex Mono,monospace;color:var(--faint)}.field{margin-block-end:22px}.label{display:block;margin-block-end:8px;font-size:14px;color:var(--muted)}.input,.textarea{width:100%;padding:14px 16px;background:transparent;color:var(--ink);border:1px solid var(--rule);border-radius:0;font:400 16px/1.8 Estedad,sans-serif;transition:border-color .12s linear}.textarea{resize:none;overflow:hidden;min-height:148px}.input::placeholder,.textarea::placeholder{color:var(--faint)}.input:focus,.textarea:focus{border-color:var(--violet);outline:none}.input:focus-visible,.textarea:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-block-start:10px}.chip{font:400 12px/1 Estedad,sans-serif;color:var(--muted);background:transparent;border:1px solid var(--rule);border-radius:0;padding:9px 12px;min-height:34px;cursor:pointer;transition:color .12s linear,border-color .12s linear}.chip:hover{color:var(--ink);border-color:var(--violet)}.meter{display:flex;justify-content:space-between;align-items:center;margin-block-start:8px}.count{font:400 11px/1 Plex Mono,monospace;font-variant-numeric:tabular-nums;color:var(--muted);unicode-bidi:isolate;direction:ltr}.count.near{color:var(--violet)}.meta{margin-block-end:22px;font-size:12px;color:var(--faint)}.meta button{font:400 11px/1 Plex Mono,monospace;color:var(--muted);background:transparent;border:0;border-block-end:1px solid var(--rule);padding:0 0 2px;margin-inline-start:8px;cursor:pointer}.meta pre{margin-block-start:10px;padding:12px;max-height:220px;overflow:auto;border:1px solid var(--rule);font:400 11px/1.7 Plex Mono,monospace;color:var(--muted);direction:ltr;text-align:left;white-space:pre-wrap;word-break:break-all}.row{display:flex;align-items:center;gap:12px;margin-block-start:26px}.submit{flex:1;min-height:52px;padding:15px 20px;background:var(--violet);color:#fff;border:1px solid var(--violet);border-radius:0;font:700 16px/1 Estedad,sans-serif;cursor:pointer;transition:opacity .12s linear}.submit[data-pending="1"]{opacity:.6;cursor:default}.back{font:400 11px/1 Plex Mono,monospace;color:var(--faint);background:transparent;border:1px solid var(--rule);border-radius:0;min-height:52px;padding:0 16px;cursor:pointer;transition:color .12s linear,border-color .12s linear}.back:hover{color:var(--ink);border-color:var(--violet)}.err{margin-block-start:14px;padding:12px 14px;border:1px solid var(--violet);font-size:14px;color:var(--ink)}.done-line{margin-block-end:18px;font-size:15px;color:var(--muted)}.ticket{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;margin-block-end:18px;border:1px solid var(--rule)}.ticket b{font:400 15px/1 Plex Mono,monospace;color:var(--ink);letter-spacing:.06em;unicode-bidi:isolate;direction:ltr}.ticket button{font:400 11px/1 Plex Mono,monospace;color:var(--faint);background:transparent;border:1px solid var(--rule);border-radius:0;padding:8px 11px;cursor:pointer}.ticket button:hover{color:var(--ink);border-color:var(--violet)}:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;opacity:.01;pointer-events:none}@media (prefers-reduced-motion: reduce){.guide,.link,.gV,.gA,.gSg,.gL,.sweep,.reward-in{animation:none!important}.link{stroke-dashoffset:0}.guide{opacity:0}.reward-in{transform:none}.markwrap,.chain rect,.opt,.opt:before{transition:none!important}}[data-skin=nightshift]{--stage:#17101F;--surface:#1F1729;--ink:#F4EFF8;--muted:#C3B4D2;--faint:#A08FB2;--violet:#A020F0;--signal:#E8A33D;--rule:rgba(244,239,248,.1)}[data-skin=nightshift] .stage:before{display:none}[data-skin=nightshift] .opt,[data-skin=nightshift] .chip,[data-skin=nightshift] .input,[data-skin=nightshift] .textarea,[data-skin=nightshift] .ticket{border-color:transparent;background:var(--surface);border-radius:999px}[data-skin=nightshift] .textarea,[data-skin=nightshift] .ticket{border-radius:18px}[data-skin=nightshift] .opt:before{display:none}[data-skin=nightshift] .opt:hover{background:#291F36}[data-skin=nightshift] .count.near,[data-skin=nightshift] .reward{color:var(--signal)}[data-skin=nightshift] .chain rect{rx:8}[data-skin=nightshift] .chain .cl.on rect{fill:var(--signal);stroke:var(--signal)}[data-skin=ink]{--stage:#E8E2D6;--ink:#141019;--muted:#4A4353;--faint:#5C5464;--violet:#7B0FC4;--rule:rgba(20,16,25,.24)}[data-skin=ink] .stage:before{display:none}[data-skin=ink] .stage:after{opacity:.09;mix-blend-mode:multiply}[data-skin=ink] .q{font-size:clamp(30px,6vw,52px);font-weight:900;letter-spacing:-.02em}[data-skin=ink] .opt,[data-skin=ink] .input,[data-skin=ink] .textarea{border:1.5px solid var(--ink)}[data-skin=ink] .opt:before{display:none}[data-skin=ink] .opt:hover{background:var(--ink);color:var(--stage);box-shadow:5px 5px 0 var(--violet)}[data-skin=ink] .opt:hover .key{color:var(--stage);border-color:var(--stage)}[data-skin=ink] .submit{color:#fff}[data-skin=ink] .head-mark{border-color:var(--violet)}.submit:disabled{background:transparent;color:var(--faint);border-color:var(--rule);cursor:not-allowed}
