.sk-root{--line:#2B2350}.sk-yard{inset:0;overflow:hidden;background:linear-gradient(180deg,#8FD8F5,#C4ECFB 55%,#E4F7FF 72%);pointer-events:none}.sk-sun,.sk-yard{position:absolute}.sk-sun{right:9%;top:15%;width:clamp(54px,9vmin,110px);aspect-ratio:1;border-radius:50%;background:#FFD84A;border:4px solid var(--outline);box-shadow:0 0 0 12px rgba(255,216,74,.3),0 0 0 26px rgba(255,216,74,.14);animation:sk-sun 6s ease-in-out infinite alternate}@keyframes sk-sun{0%{transform:scale(1)}to{transform:scale(1.06)}}.sk-grass{position:absolute;inset:auto 0 0 0;height:24%;border-top:4px solid var(--outline);background:radial-gradient(ellipse 30px 14px at 15% 30%,#8CD14A 0 90%,transparent 95%),radial-gradient(ellipse 40px 16px at 62% 55%,#8CD14A 0 90%,transparent 95%),radial-gradient(ellipse 34px 14px at 84% 22%,#8CD14A 0 90%,transparent 95%),#6BB22B}.sk-grass:before{content:"";position:absolute;inset:10px 0 auto 0;border-top:3px dashed rgba(255,255,255,.45)}.sk-pick-title{color:#16B6CE}.sk-modes{display:grid;grid-template-columns:minmax(0,1fr);max-width:24rem;margin:1rem auto 0}.sk-mode{--tone:#16B6CE;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.8rem .8rem .9rem;border-radius:1.4rem;border:4px solid var(--outline);background:var(--tone);color:#fff;box-shadow:0 6px 0 0 color-mix(in srgb,var(--tone) 55%,black);transition:transform .2s var(--pl-soft),box-shadow .2s var(--pl-soft)}.sk-mode.is-rhyme{--tone:#E0457B}.sk-mode:hover{transform:translateY(-3px) rotate(-1deg)}.sk-mode:active{transform:translateY(5px);box-shadow:0 1px 0 0 color-mix(in srgb,var(--tone) 55%,black)}.sk-mode-show{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;min-height:6.6rem;padding:.5rem;border-radius:1rem;border:3px solid var(--outline);background:#FFFBF2}.sk-mode-pic{width:3.8rem;height:3.8rem;-o-object-fit:contain;object-fit:contain}.sk-mode-show .sk-pair-icon{width:4.2rem}.sk-mode-name{font-family:var(--display);font-weight:700;font-size:1.4rem;line-height:1.1;-webkit-text-stroke:1.4px var(--outline);paint-order:stroke fill}.sk-mode-hint{font-size:.95rem;font-weight:700;line-height:1.3;text-shadow:0 1px 0 rgba(0,0,0,.35)}@media (max-width:560px){.sk-mode-show{min-height:0}.sk-mode-pic{width:3rem;height:3rem}}.sk-play .pl-ridebar{--ride:#16B6CE}.sk-stage{--sock:clamp(80px,min(17cqw,40cqh),230px);--patchy:min(19cqw,34cqh);flex:1;container-type:size;display:grid;grid-template-columns:minmax(0,22fr) minmax(0,56fr) minmax(0,22fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"pat line basket" "pat answer basket";gap:clamp(4px,1.4cqmin,14px) clamp(6px,1.6cqw,22px);padding:clamp(6px,1.6cqmin,18px) clamp(8px,1.8cqw,24px) clamp(10px,3cqmin,30px);pointer-events:none}.sk-pat-area,.sk-stage{position:relative;min-height:0}.sk-pat-area{grid-area:pat;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.sk-line-area{grid-area:line;position:relative;z-index:2;min-height:0;min-width:0}.sk-basket-area{grid-area:basket;z-index:3;align-items:flex-end;min-height:0}.sk-answer-area,.sk-basket-area{position:relative;display:flex;justify-content:center}.sk-answer-area{grid-area:answer;z-index:5;align-items:center;gap:clamp(10px,2.4cqw,28px);pointer-events:auto}@media (max-aspect-ratio:1/1){.sk-stage{--sock:clamp(80px,min(38cqw,31cqh),300px);--patchy:min(28cqw,19cqh);grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) auto auto;grid-template-areas:"line line" "answer answer" "pat basket"}.sk-pat-area{flex-direction:row-reverse;align-items:flex-end;justify-content:flex-end;gap:.6rem;min-height:10rem}.sk-basket-area{width:calc(var(--patchy) * .9)}}.sk-patchy{flex-shrink:0;width:var(--patchy);background:none;border:0;padding:0;pointer-events:auto}.sk-bubble{position:relative;width:100%;max-width:22rem;padding:.55rem .8rem .65rem;border-radius:1.3rem;border:4px solid var(--outline);background:#FFFBF2;box-shadow:0 6px 0 0 rgba(31,26,56,.3);font-family:var(--display);font-weight:700;font-size:clamp(1rem,min(1.9cqw,4.4cqh),1.55rem);line-height:1.25;color:#0B6E80;margin-bottom:.8rem;text-align:center;animation:sk-bubble-in .4s var(--pl-spring);transform-origin:60% 100%}.sk-bubble:after{left:58%;top:calc(100% - 2px);width:1.5rem;height:.95rem;background:var(--outline)}.sk-bubble:after,.sk-bubble:before{content:"";position:absolute;clip-path:polygon(0 0,100% 0,30% 100%)}.sk-bubble:before{z-index:1;left:calc(58% + 5px);top:calc(100% - 5px);width:calc(1.5rem - 12px);height:.6rem;background:#FFFBF2}@keyframes sk-bubble-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}.sk-bubble p{margin:0}.sk-bubble .is-big{font-size:1.15em;color:#3E7A16}.sk-bubble.is-try p{color:#B5480E}.sk-bubble .lit-bubble-word{font-size:1.05em;margin:0 .12em}@media (max-aspect-ratio:1/1){.sk-bubble{max-width:none;flex:1;margin:0 0 calc(var(--patchy) * .4)}.sk-bubble:after{left:-1.3rem;bottom:.8rem;width:1.4rem;height:1.4rem}.sk-bubble:after,.sk-bubble:before{top:auto;clip-path:polygon(100% 0,0 50%,100% 100%)}.sk-bubble:before{left:-.75rem;bottom:calc(.8rem + 5px);width:.9rem;height:calc(1.4rem - 10px)}}.sk-line{position:absolute;inset:6% 0 0 0}.sk-pole{position:absolute;top:0;bottom:-6%;width:clamp(12px,1.6cqw,22px);border-radius:8px 8px 0 0;border:4px solid var(--outline);background:repeating-linear-gradient(180deg,#E9B872 0 22px,#D9A35B 22px 25px)}.sk-pole.is-left{left:2%}.sk-pole.is-right{right:2%}.sk-rope{position:absolute;left:3%;right:3%;top:8%;height:7%;border-bottom:4px solid var(--line);border-radius:0 0 50% 50%/0 0 100% 100%}.sk-socks{position:absolute;left:0;right:0;top:calc(6% + 8% + 2%);display:flex;justify-content:center;gap:clamp(20px,8cqw,120px)}.sk-sock{position:relative;display:flex;flex-direction:column;align-items:center;width:var(--sock);transform-origin:50% 0;animation:sk-hang .7s var(--pl-spring) both}.sk-sock.is-right{animation-delay:.12s}@keyframes sk-hang{0%{transform:translateY(-120%) rotate(-12deg);opacity:0}to{transform:none;opacity:1}}.sk-peg{z-index:2;width:calc(var(--sock) * .22);height:auto;margin-bottom:calc(var(--sock) * -.26)}.sk-peg,.sk-sock-body{position:relative;display:block}.sk-sock-body{width:100%;transform-origin:50% 0;animation:sk-sway 3.4s ease-in-out infinite}.sk-sock.is-right .sk-sock-body{animation-delay:-1.7s}@keyframes sk-sway{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}.sk-sock.is-saying .sk-sock-body{animation:sk-wiggle .5s ease-in-out infinite;filter:drop-shadow(0 0 14px rgba(255,216,74,.95))}@keyframes sk-wiggle{0%,to{transform:rotate(-7deg) scale(1.06)}50%{transform:rotate(7deg) scale(1.06)}}.sk-sock-art{display:block;width:100%;height:auto;filter:drop-shadow(0 6px 0 rgba(31,26,56,.25))}.sk-sock-pic{position:absolute;left:25%;top:29.7%;width:40%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:50%;border:4px solid var(--outline);background:#FFFBF2;animation:sk-pic-in .5s var(--pl-spring)}.sk-sock-pic img{width:84%;height:84%;-o-object-fit:contain;object-fit:contain}@keyframes sk-pic-in{0%{transform:scale(0)}to{transform:none}}.sk-socks.is-pair .sk-sock.is-left .sk-sock-body{animation:sk-lean-l .6s var(--pl-spring) forwards}.sk-socks.is-pair .sk-sock.is-right .sk-sock-body{animation:sk-lean-r .6s var(--pl-spring) forwards}@keyframes sk-lean-l{to{transform:rotate(-8deg) translateX(10%)}}@keyframes sk-lean-r{to{transform:rotate(8deg) translateX(-10%)}}.sk-socks.is-basket .sk-sock{animation:sk-drop .7s cubic-bezier(.5,-.2,.8,.6) forwards}.sk-socks.is-basket .sk-sock.is-right{animation-delay:.08s}@keyframes sk-drop{to{transform:translate(60cqw,50cqh) scale(.2) rotate(140deg);opacity:0}}@media (max-aspect-ratio:1/1){@keyframes sk-drop{to{transform:translate(35cqw,80cqh) scale(.2) rotate(140deg);opacity:0}}}.sk-grownup-say{position:absolute;left:50%;bottom:2%;transform:translateX(-50%);margin:0;padding:.3rem .9rem;border-radius:1rem;border:3px solid var(--outline);background:#FFFBF2;font-weight:700;font-size:clamp(.95rem,2cqw,1.2rem);white-space:nowrap;color:var(--ink)}.sk-basket{position:relative;width:min(100%,calc(var(--sock) * 1.3));filter:drop-shadow(0 6px 0 rgba(31,26,56,.3))}.sk-basket-back{display:block;width:100%;height:auto}.sk-basket-front{position:absolute;inset:0;width:100%;height:100%}.sk-basket-sock{position:absolute;width:24%;height:auto;animation:sk-land .45s var(--pl-spring) both}.sk-basket-sock.is-s0{left:18%;top:22%;rotate:-16deg}.sk-basket-sock.is-s1{left:34%;top:18%;rotate:-5deg}.sk-basket-sock.is-s2{left:48%;top:21%;rotate:7deg}.sk-basket-sock.is-s3{left:62%;top:19%;rotate:17deg}@keyframes sk-land{0%{translate:0 -30%;opacity:0}}.sk-basket.has-socks{animation:sk-bump .5s var(--pl-spring)}.sk-basket-count{position:absolute;right:0;top:15%;display:flex;align-items:center;justify-content:center;min-width:2.4rem;height:2.4rem;padding:0 .4rem;border-radius:1.2rem;border:4px solid var(--outline);background:#FFD84A;font-family:var(--display);font-weight:700;font-size:1.3rem;color:var(--ink)}@keyframes sk-bump{0%{transform:scale(1)}40%{transform:scale(1.12,.92)}to{transform:scale(1)}}.sk-answer{--tone:#16B6CE;display:flex;align-items:center;gap:.5rem;padding:.4rem 1.2rem .5rem .6rem;border-radius:1.4rem;border:4px solid var(--outline);background:var(--tone);color:#fff;font-family:var(--display);font-weight:700;font-size:clamp(1.15rem,min(3cqw,5cqh),2rem);line-height:1;-webkit-text-stroke:1.4px var(--outline);paint-order:stroke fill;box-shadow:0 6px 0 0 color-mix(in srgb,var(--tone) 55%,black);transition:transform .2s var(--pl-soft),box-shadow .2s var(--pl-soft),opacity .3s,filter .3s}.sk-answer.is-no-btn{--tone:#F7A81E}.sk-answer .sk-pair-icon{width:clamp(44px,min(8cqw,11cqh),76px)}.sk-answer:not(:disabled):hover{transform:translateY(-3px) scale(1.04)}.sk-answer:not(:disabled):active{transform:translateY(5px);box-shadow:0 1px 0 0 color-mix(in srgb,var(--tone) 55%,black)}.sk-answer:disabled{opacity:.7;filter:saturate(.45);cursor:default}.sk-answer.is-no{filter:grayscale(.8);animation:sk-no .5s ease-in-out}@keyframes sk-no{0%,to{transform:none}20%{transform:translateX(-10px) rotate(-4deg)}50%{transform:translateX(9px) rotate(3deg)}80%{transform:translateX(-5px)}}.sk-hear{flex-shrink:0}.sk-hear:disabled{opacity:.5}.sk-pair-icon{position:relative;display:inline-flex;align-items:flex-start}.sk-pair-sock{display:block;width:62%}.sk-pair-sock.is-second{margin-left:-24%;margin-top:8%;transform:rotate(10deg)}.sk-pair-sock .sk-sock-art{filter:none}@media (min-aspect-ratio:1/1) and (max-height:520px){.sk-root .lit-pick-text{display:none}.sk-mode-show{min-height:0;padding:.35rem}.sk-mode-pic{width:2.6rem;height:2.6rem}.sk-mode-hint{display:none}}@media (prefers-reduced-motion:reduce){.sk-sock-body,.sk-sock.is-saying .sk-sock-body,.sk-sun{animation:none!important}.sk-sock,.sk-sock-pic{animation:none}}