:root{--sf-t-bebek:#ae4273;--sf-t-yemek:#b35713;--sf-t-dizi:#816500;--sf-t-bahce:#397e33;--sf-t-tatil:#007b6b;--sf-t-muzik:#00739a;--sf-t-spor:#2c5dbd;--sf-t-oyun:#8048b6}@supports (color:lab(0% 0 0)){:root{--sf-t-bebek:lab(44.6833% 48.4222 -4.37176);--sf-t-yemek:lab(48.0792% 35.6699 52.3881);--sf-t-dizi:lab(44.546% 5.5626 53.9473);--sf-t-bahce:lab(46.9963% -34.6124 33.2915);--sf-t-tatil:lab(45.5746% -35.2018 -.251782);--sf-t-muzik:lab(44.5153% -18.0543 -30.4892);--sf-t-spor:lab(40.4251% 10.469 -56.2597);--sf-t-oyun:lab(41.5853% 40.58 -49.7293)}}:root[data-mode=dark]{--sf-t-bebek:#f18db5;--sf-t-yemek:#f2a26a;--sf-t-dizi:#d9bb66;--sf-t-bahce:#82c97b;--sf-t-tatil:#63c9b7;--sf-t-muzik:#68bde4;--sf-t-spor:#81aaf7;--sf-t-oyun:#c198f0}@supports (color:lab(0% 0 0)){:root[data-mode=dark]{--sf-t-bebek:lab(70.4678% 42.6057 -3.82744);--sf-t-yemek:lab(73.9385% 26.5933 41.8398);--sf-t-dizi:lab(77.1417% 3.63508 46.5656);--sf-t-bahce:lab(74.8927% -34.6828 31.8957);--sf-t-tatil:lab(74.575% -34.7061 -.274968);--sf-t-muzik:lab(72.4259% -18.516 -28.165);--sf-t-spor:lab(69.0665% 1.0545 -43.0208);--sf-t-oyun:lab(69.2115% 28.4375 -38.6462)}}@media (prefers-color-scheme:dark){:root[data-mode=system]{--sf-t-bebek:#f18db5;--sf-t-yemek:#f2a26a;--sf-t-dizi:#d9bb66;--sf-t-bahce:#82c97b;--sf-t-tatil:#63c9b7;--sf-t-muzik:#68bde4;--sf-t-spor:#81aaf7;--sf-t-oyun:#c198f0}@supports (color:lab(0% 0 0)){:root[data-mode=system]{--sf-t-bebek:lab(70.4678% 42.6057 -3.82744);--sf-t-yemek:lab(73.9385% 26.5933 41.8398);--sf-t-dizi:lab(77.1417% 3.63508 46.5656);--sf-t-bahce:lab(74.8927% -34.6828 31.8957);--sf-t-tatil:lab(74.575% -34.7061 -.274968);--sf-t-muzik:lab(72.4259% -18.516 -28.165);--sf-t-spor:lab(69.0665% 1.0545 -43.0208);--sf-t-oyun:lab(69.2115% 28.4375 -38.6462)}}}.sf-chip,.sf-bubble{border:1.5px solid var(--sf-c);background:color-mix(in oklch, var(--sf-c) 16%, var(--color-card))}.sf-chip{color:var(--sf-c);pointer-events:none;border-radius:9999px;justify-content:center;align-items:center;transition:transform .22s cubic-bezier(.25,1,.5,1);display:flex;position:absolute;top:0;left:0}.sf-chip[data-match]{border-width:2px}@media (prefers-reduced-motion:reduce){.sf-chip{transition:none}}.sf-bubble{min-width:0;color:var(--color-foreground);white-space:nowrap;border-radius:9999px;align-items:center;gap:2px;padding:1px 4px 1px 2px;font-size:12px;font-weight:600;line-height:18px;display:inline-flex}.sf-bubble svg{color:var(--sf-c);flex:none}.sf-bubble-lg{gap:4px;padding:2px 9px 2px 6px;font-size:14px;line-height:24px}.sf-piece{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.sf-tray-scroll{touch-action:pan-y;overscroll-behavior-y:contain;scrollbar-width:thin;margin:-4px;padding:4px}.sf-tray-scroll .sf-card{scroll-margin-block:32px}.sf-tray-scroll[data-below]{-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),#0000);mask-image:linear-gradient(#000 calc(100% - 28px),#0000)}.sf-tray-row{touch-action:pan-x;overscroll-behavior-x:contain;scrollbar-width:thin;margin-block:-4px;padding-block:4px}.sf-tray-row .sf-card{scroll-margin-inline:32px}.sf-tray-more{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.sf-tray-more:after{content:"";flex:0 0 22px}.sf-face{box-shadow:0 0 0 2px var(--color-card), 0 0 0 3px color-mix(in oklch, var(--color-foreground) 30%, transparent);border-radius:9999px;flex:none;justify-content:center;align-items:center;display:flex}.sf-face-empty{border:1.5px dashed color-mix(in oklch, var(--color-foreground) 60%, transparent);background:var(--color-surface);color:var(--color-muted)}.sf-arm{stroke:color-mix(in oklch, var(--color-foreground) 15%, transparent);stroke-width:6px;stroke-linecap:round;fill:none}.sf-cloth{background:color-mix(in oklch, var(--color-accent) 7%, var(--color-card));border:1px solid var(--color-border);border-radius:9999px;position:absolute}:root[data-mode=dark] .sf-cloth{background:color-mix(in oklch, var(--color-accent) 13%, var(--color-card))}@media (prefers-color-scheme:dark){:root[data-mode=system] .sf-cloth{background:color-mix(in oklch, var(--color-accent) 13%, var(--color-card))}}.sf-chair{outline-offset:2px;background:0 0;border-radius:9999px;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.sf-chair[aria-pressed=true] .sf-face,.sf-card[aria-pressed=true] .sf-face{box-shadow:0 0 0 2px var(--color-card), 0 0 0 4px var(--color-accent)}.sf-chair[aria-pressed=true] .sf-face{translate:0 -3px}.sf-chair[data-target] .sf-face,.sf-chair[data-target] .sf-face-empty{box-shadow:0 0 0 2px var(--color-card), 0 0 0 5px var(--color-accent);scale:1.06}.sf-chair[data-lifted] .sf-face{opacity:.35}.sf-chair .sf-face{transition:scale .14s ease-out,translate .14s ease-out}@media (prefers-reduced-motion:reduce){.sf-chair .sf-face{transition:none}}.sf-hint{position:relative}.sf-hint:after{content:"";border:2px dashed var(--color-accent);pointer-events:none;border-radius:9999px;position:absolute;inset:-6px}.sf-card.sf-hint:after{border-radius:14px;inset:-4px}.sf-tag{background:var(--color-card);border:1px solid var(--color-border);height:16px;color:var(--color-foreground);white-space:nowrap;pointer-events:none;border-radius:9999px;justify-content:center;align-items:center;gap:2px;font-size:12px;font-weight:600;line-height:14px;display:flex;position:absolute;top:0;left:0}.sf-tag-place{color:var(--color-muted);border-style:dashed}.sf-place-badge{background:var(--color-card);border:1px solid var(--color-foreground);width:20px;height:20px;color:var(--color-foreground);pointer-events:none;border-radius:9999px;justify-content:center;align-items:center;display:flex;position:absolute}.sf-seam-ok{stroke:var(--sf-c);stroke-width:3px;fill:none;stroke-linecap:round}.sf-seam-off{stroke:var(--color-muted);stroke-width:1.25px;stroke-dasharray:3 4;fill:none;stroke-linecap:round;opacity:.8}.sf-mark{pointer-events:none;border-radius:9999px;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.sf-mark-ok{background:var(--color-card);border:1.5px solid var(--sf-c);color:var(--sf-c)}.sf-mark-kus{color:var(--color-muted)}.sf-card{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-foreground);text-align:left;border-radius:12px;flex-direction:column;gap:4px;padding:4px;display:flex}.sf-card[aria-pressed=true]{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.sf-tray[data-drop]{outline:2px dashed var(--color-accent);outline-offset:-2px}.sf-ghost{z-index:95;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.sf-root[data-drag],.sf-root[data-drag] *{cursor:grabbing}.sf-hand{pointer-events:none;color:var(--color-foreground);animation:2.4s cubic-bezier(.25,1,.5,1) infinite sf-hand;position:absolute;top:0;left:0}@keyframes sf-hand{0%,12%{transform:translate(var(--sf-hx0), var(--sf-hy0));opacity:0}20%{opacity:1}70%{transform:translate(var(--sf-hx1), var(--sf-hy1));opacity:1}90%,to{transform:translate(var(--sf-hx1), var(--sf-hy1));opacity:0}}.sf-hand-arrow{display:none}@media (prefers-reduced-motion:reduce){.sf-hand{display:none}.sf-hand-arrow{display:block}}.sf-hand-arrow line{stroke:var(--color-foreground);stroke-width:2px;stroke-dasharray:5 5}.sf-hand-arrow path{fill:var(--color-foreground)}.sf-flash{pointer-events:none;background:color-mix(in oklch, var(--color-card) 85%, transparent);opacity:0;animation:.36s ease-out sf-flash;position:absolute;inset:0}@keyframes sf-flash{35%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.sf-flash{animation:none}}.sf-photo{animation:.42s cubic-bezier(.25,1,.5,1) sf-photo;rotate:-1.5deg}@keyframes sf-photo{0%{opacity:0;rotate:2deg;scale:.94}}@media (prefers-reduced-motion:reduce){.sf-photo{animation:none}}@media (orientation:landscape) and (max-height:520px){.sf-solved{flex-direction:row;align-items:center;max-width:56rem}.sf-solved>.sf-photo{flex:1 1 0;min-width:0;max-width:55%}.sf-solved>.sf-solved-text{flex:1 1 0;min-width:0}}.sf-window[data-effects=off] .sf-hand{display:none}.sf-window[data-effects=off] .sf-hand-arrow{display:block}.sf-window[data-effects=off] .sf-photo{animation:none}.sf-window[data-effects=off] .sf-chip,.sf-window[data-effects=off] .sf-chair .sf-face{transition:none}
