html:root{--fun-n: 3;--fun-pastel: linear-gradient(90deg, var(--fun-p3), var(--fun-p2) 50%, var(--fun-p1));--fun-lit: linear-gradient(90deg, var(--fun-l3), var(--fun-l2) 50%, var(--fun-l1))}.st.side-st{--st-bg: #0b0c16;--st-a: transparent;--st-b: transparent;--st-lit: linear-gradient(100deg, #8fb1ff, #c9b6ff 50%, #ff8fc7);--st-go: linear-gradient(100deg, #3d5af1, #9333ea 50%, #db2777);--st-glow: rgb(147 51 234 / .4)}.side-glow{position:absolute;z-index:0;top:-10%;bottom:-10%;width:70%;pointer-events:none;transition:opacity .8s var(--ease)}.side-glow-b{left:-20%;background:radial-gradient(closest-side,rgb(79 124 255 / .55),transparent);opacity:calc(.25 + (1 - var(--at, .5)) * .75)}.side-glow-a{right:-20%;background:radial-gradient(closest-side,rgb(255 95 162 / .5),transparent);opacity:calc(.25 + var(--at, .5) * .75)}.side-st .st-main{max-width:1040px}@media(min-width:900px){.side-st[data-phase=start] .st-main{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"hero tug" "start tug" "start quote";column-gap:64px;row-gap:var(--s5)}.side-st[data-phase=start] .tool-hero{grid-area:hero;align-self:end}.side-st[data-phase=start] .side-start{grid-area:start}.side-st[data-phase=start] .side-tug{grid-area:tug;align-self:center}.side-st[data-phase=start] .side-quote{grid-area:quote}}.side-start{display:grid;gap:var(--s5);align-content:start}.side-st .side-how{max-width:50ch;font:450 16px/1.5 var(--sans);color:var(--mute)}.side-quote{display:grid;gap:6px;padding:var(--s4) var(--s5);border-radius:18px;background:#ffffff0f;box-shadow:inset 0 0 0 1px var(--line)}.side-quote blockquote{font:650 18px/1.35 var(--sans);letter-spacing:-.015em}.side-quote figcaption{font-size:13px;color:var(--mute)}.side-tug{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"b a" "rope rope" "lean lean";gap:var(--s3) var(--s4)}.side-end{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;row-gap:4px;padding:var(--s4);border-radius:20px;background:#ffffff0f;box-shadow:inset 0 0 0 1px var(--line);transition:background-color .4s,box-shadow .4s,transform .4s var(--ease)}.side-end[data-side=builder]{grid-area:b;--c: 79 124 255}.side-end[data-side=authority]{grid-area:a;--c: 255 95 162}.side-emo{grid-row:1 / span 2;font-size:30px;line-height:1}.side-end b{font:750 19px/1.2 var(--sans);letter-spacing:-.01em}.side-test{font-size:14px;line-height:1.4;color:var(--mute)}.side-end.on{background:rgb(var(--c) / .2);box-shadow:inset 0 0 0 1.5px rgb(var(--c) / .9),0 12px 32px rgb(var(--c) / .3);transform:translateY(-3px)}.side-rope{grid-area:rope;position:relative;height:52px;margin:0 10px}.side-rope:before{content:"";position:absolute;left:0;right:0;top:50%;height:6px;margin-top:-3px;border-radius:3px;background:linear-gradient(90deg,#4f7cff,#b98cff 50%,#ff5fa2);box-shadow:0 0 18px #b98cff59}.side-zone{position:absolute;top:0;bottom:0;left:37.5%;width:25%;display:grid;align-items:end;justify-items:center;padding-bottom:2px;border:1.5px dashed rgb(255 255 255 / .28);border-radius:12px;font:600 10px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);transition:background-color .3s,border-color .3s}.side-stage.side-mid .side-zone{background:#b98cff2e;border-color:#b98cff;color:#fff}.side-knot{position:absolute;inset:0;translate:calc((var(--at, .5) - .5) * 100%) 0;transition:translate .8s cubic-bezier(.3,1.4,.5,1);pointer-events:none}.side-knot:before{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px #fff3,0 6px 18px #00000073;translate:-50% -50%}.side-lean{grid-area:lean;font:600 15px/1.3 var(--sans);text-align:center}.side-st[data-phase=play] .st-main{grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;gap:var(--s5)}.side-st[data-phase=play] .side-form{align-self:center}.side-st[data-phase=play] .tool-hero h1{font-size:22px;letter-spacing:-.02em}.side-form{display:grid;gap:var(--s5)}.side-progress{display:grid;gap:10px}.side-count{font:600 14px/1.3 var(--sans);color:var(--mute)}.side-count b{color:#fff}.side-dots{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;margin:0;padding:0;list-style:none}.side-dots li{height:6px;border-radius:3px;background:#ffffff24;transition:background-color .3s}.side-dots li.done{background:linear-gradient(90deg,#4f7cff,#ff5fa2)}.side-dots li.on{box-shadow:0 0 0 2px var(--st-bg),0 0 0 3.5px #fff}.side-form fieldset.side-q{gap:var(--s5);outline:none}@media(prefers-reduced-motion:no-preference){.side-form fieldset.side-q{animation:side-in .42s var(--ease) both}}@keyframes side-in{0%{opacity:0;transform:translate(24px)}}.side-form .side-q>legend{float:left;width:100%;margin:0 0 var(--s5);font:800 clamp(28px,3.6vw,48px)/1.1 var(--sans);letter-spacing:-.035em;text-wrap:balance;color:#fff}.side-opts{clear:both;display:grid;gap:12px}@media(min-width:900px){.side-opts{grid-template-columns:repeat(3,minmax(0,1fr))}}.side-opt{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:14px;width:100%;min-height:76px;padding:16px 18px 16px 14px;border:0;border-radius:20px;background:#ffffff12;color:#fff;font:550 18px/1.35 var(--sans);letter-spacing:-.01em;text-align:left;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line);transition:transform .2s var(--ease),background-color .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent}@media(min-width:900px){.side-opt{grid-template-columns:minmax(0,1fr);align-content:start;min-height:170px;padding:18px 20px 22px}}@media(hover:hover){.side-opt:hover{transform:translateY(-3px);background:#ffffff1f;box-shadow:inset 0 0 0 1px #fff6,0 14px 30px #00000059}}.side-opt[aria-pressed=true]{background:#fff;color:#0b0c16;box-shadow:0 14px 34px #b25cff73}.side-key{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#ffffff1f;font:750 15px/1 var(--sans)}.side-opt[aria-pressed=true] .side-key{background:linear-gradient(135deg,#4f7cff,#ff5fa2);color:#fff}.side-nav{display:flex;gap:var(--s2)}.side-nav .btn-quiet.lg{height:42px;padding:0 20px;font-size:15px}.side-nav .btn-quiet:disabled{opacity:.4}.side-st[data-phase=play] .side-tug{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"b rope a" "lean lean lean";align-items:center;column-gap:var(--s3)}.side-st[data-phase=play] .side-end{grid-template-columns:auto auto;padding:8px 14px 8px 10px;border-radius:999px}.side-st[data-phase=play] .side-emo{grid-row:auto;font-size:20px}.side-st[data-phase=play] .side-end b{font-size:15px}.side-st[data-phase=play] .side-test{display:none}@media(max-width:760px){.side-tug{grid-template-columns:minmax(0,1fr);grid-template-areas:"b" "a" "rope" "lean"}.side-end{padding:12px 14px}.side-form .side-q>legend{font-size:clamp(24px,7vw,30px);margin-bottom:var(--s4)}.side-opt{min-height:64px;padding:12px 14px 12px 10px;font-size:16px}.side-key{width:34px;height:34px;font-size:14px}.side-st[data-phase=play] .side-end b{font-size:13px}.side-st[data-phase=play] .side-end{padding:6px 10px 6px 8px}.side-st[data-phase=play] .side-emo{font-size:16px}.side-st[data-phase=play] .side-zone{font-size:0}}.side-result:focus{outline:none}.side-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s3) var(--s4)}.fun-verdict.side-v-builder{--g: linear-gradient(110deg, var(--fun-p3), var(--fun-l3) 50%, var(--fun-p3))}.fun-verdict.side-v-authority{--g: linear-gradient(110deg, var(--fun-p1), var(--fun-l1) 50%, var(--fun-p1))}.side-meter{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;font:600 var(--t-1)/1.2 var(--sans)}.side-track{position:relative;height:10px;border-radius:5px;background:linear-gradient(90deg,var(--fun-l3),var(--fun-p3) 37.5%,var(--fun-p2) 37.5% 62.5%,var(--fun-p1) 62.5%,var(--fun-l1))}.side-track i{position:absolute;inset:0;translate:calc((clamp(0,var(--value, .5),1) - .5)*100%) 0;animation:side-slide 1.1s cubic-bezier(.3,1.3,.5,1) .25s both}.side-track i:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;border-radius:50%;background:#141416;box-shadow:0 0 0 3px #fff,0 4px 10px #17181a40;translate:-50% -50%}@keyframes side-slide{0%{translate:0 0}}.result .side-why{list-style:none;padding:0}.side-why li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:var(--s2)}.side-group{font:600 var(--t-1)/1.3 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--mute)}.side-hint{font-size:var(--t-1);color:var(--mute)}.side-result .fun-boxes{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.side-two{display:grid;gap:var(--s4)}@media(min-width:640px){.side-two{grid-template-columns:1fr 1fr}}.side-result .rewrite figcaption{font:600 var(--t-1)/1.3 var(--sans)}.side-tom{display:grid;gap:6px;padding:var(--s4) var(--s5);border-radius:16px;background:var(--surface-2)}.side-tom blockquote{font:600 var(--t1)/1.35 var(--sans);letter-spacing:-.015em}.side-tom figcaption{font-size:var(--t-1);color:var(--mute)}.side-stop{display:grid;gap:var(--s2);padding:var(--s4) var(--s5);border-radius:16px;background:color-mix(in srgb,#ffc45c 14%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,#ffc45c 50%,transparent)}.result .side-stop h3{margin:0}.side-share{display:flex;flex-wrap:wrap;gap:var(--s2);padding-top:var(--s4);border-top:1px solid var(--line)}@media(prefers-reduced-motion:reduce){.side-track i{animation:none!important}.side-knot,.side-zone,.side-opt,.side-end,.side-glow,.side-dots li{transition:none!important}}