:root{--wj-coral:#ef4444;--wj-coral-text:#fff;--wj-amber:#f59e0b;--wj-amber-text:#1a1a1a;--wj-teal:#10b981;--wj-teal-text:#fff;--wj-magenta:#a855f7;--wj-magenta-text:#fff}[data-theme=light]{--wj-coral:#dc2626;--wj-amber:#c2410c;--wj-amber-text:#fff;--wj-teal:#047857;--wj-magenta:#7e22ce}.wj-tile{color:#ffffffd9;background:#1a1f2e;border-color:#ffffff0a}.wj-tile:hover:not(:disabled){background:#222838}.wj-tile.wj-tile--selected,.wj-tile.wj-tile--selected:hover{color:#fff;background:#2596be;border-color:#2596be}.wj-tile:focus-visible{outline-offset:2px}[data-theme=light] .wj-tile{color:#0f172a;background:#fff;border-color:#0f172a1f;box-shadow:0 1px 2px #0f172a0a}[data-theme=light] .wj-tile:hover:not(:disabled){background:#f1f5f9;border-color:#0f172a2e}[data-theme=light] .wj-tile.wj-tile--selected,[data-theme=light] .wj-tile.wj-tile--selected:hover{color:#fff;background:#2596be;border-color:#2596be}.wj-page-title{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#2596be 0% 55%,#fc5253 100%);-webkit-background-clip:text;background-clip:text}[data-theme=light] .wj-page-title{background:linear-gradient(90deg,#1a7090 0%,#2596be 55%,#c0303f 100%);-webkit-background-clip:text;background-clip:text}[data-theme=light] .wj-status-row{color:#0f172ab3}.wj-page-tagline{color:#fc5253;opacity:.9;white-space:nowrap;letter-spacing:0;display:inline-block;transform:rotate(-4deg)}[data-theme=light] .wj-page-tagline{color:#c0303f}.wj-tutorial-btn{color:#ffffff8c;isolation:isolate;position:relative}.wj-tutorial-btn:before{content:"";z-index:-2;background:conic-gradient(from var(--wj-help-angle,0deg), #2596be, #2596be 15%, transparent 35%, transparent 45%, #fc5253, #fc5253 65%, transparent 85%, transparent 95%, #2596be);opacity:.7;border-radius:9999px;animation:6s linear infinite wjHelpBorderSpin;position:absolute;inset:0}.wj-tutorial-btn:after{content:"";z-index:-1;background:#0a0e1af0;border-radius:9999px;position:absolute;inset:1.5px}.wj-tutorial-btn:hover{color:#fffffff2}.wj-tutorial-btn:hover:before{opacity:1}[data-theme=light] .wj-tutorial-btn{color:#2596bee6}[data-theme=light] .wj-tutorial-btn:after{background:#fff}[data-theme=light] .wj-tutorial-btn:hover{color:#0f172af2}.ff-guide{width:100%;color:var(--text-primary);background:#0e1626b8;border:1px solid #2596be38;border-radius:.75rem;margin-bottom:1rem;padding:1.5rem}.ff-guide--modal{color:#fff;background:0 0;border:0;margin:0;padding:0}.ff-guide-title{letter-spacing:0;justify-content:center;align-items:center;gap:.65rem;margin:0 0 .75rem;font-size:1.25rem;font-weight:800;display:flex}.ff-guide-title>span{border:2px solid;border-radius:9999px;justify-content:center;align-items:center;width:1.45rem;height:1.45rem;font-size:.9rem;line-height:1;display:inline-flex}.ff-guide-intro{max-width:34rem;color:var(--text-dim);text-align:center;margin:0 auto 1rem;font-size:.9rem;font-weight:600;line-height:1.55}.ff-guide--modal .ff-guide-intro{color:#ffffffc7}.ff-guide-board,.ff-guide-word-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;width:100%;display:grid}.ff-guide-board{margin-bottom:1rem}.ff-guide-tile{color:#ffffffe6;letter-spacing:0;text-align:center;background:#1a1f2e;border:1px solid #ffffff14;border-radius:.35rem;justify-content:center;align-items:center;min-width:0;min-height:2.4rem;padding:.35rem .15rem;font-size:clamp(.52rem,1.8vw,.72rem);font-weight:800;line-height:1;display:flex;overflow:hidden}.ff-guide-tile--selected{color:#fff;background:#2596be;border-color:#2596be}.ff-guide-tile--wrong{color:#fff;background:#fc525333;border-color:#fc5253;box-shadow:inset 0 0 0 1px #fc5253}.ff-guide-step{border-top:1px solid #ffffff1a;padding:1rem 0}.ff-guide-step--last{padding-bottom:0}.ff-guide-step>p{max-width:35rem;color:var(--text-dim);text-align:center;margin:.7rem auto 0;font-size:.82rem;font-weight:600;line-height:1.5}.ff-guide--modal .ff-guide-step>p{color:#fffc}.ff-guide-group{text-align:center;border-radius:.4rem;flex-direction:column;justify-content:center;align-items:center;min-height:3.5rem;padding:.55rem .7rem;display:flex}.ff-guide-group strong{text-transform:uppercase;font-size:.78rem;font-weight:900}.ff-guide-group span{letter-spacing:0;margin-top:.18rem;font-size:.68rem;font-weight:700}.ff-guide-group--amber{background:var(--wj-amber);color:var(--wj-amber-text)}.ff-guide-group--teal{background:var(--wj-teal);color:var(--wj-teal-text)}.ff-guide-group--coral{background:var(--wj-coral);color:var(--wj-coral-text)}.ff-guide-group--magenta{background:var(--wj-magenta);color:var(--wj-magenta-text)}.ff-guide-groups{gap:.35rem;display:grid}.ff-guide-feedback{color:#fbbf24;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;margin-top:.65rem;font-size:.78rem;display:flex}.ff-guide-mistakes{gap:.32rem;display:inline-flex}.ff-guide-mistake{background:#fc5253;border-radius:9999px;width:.62rem;height:.62rem}.ff-guide-mistake--used{background:#fff3}.wj-howto-modal>div{gap:0;padding:1.5rem}.wj-howto-modal{scrollbar-color:#ffffff47 transparent;scrollbar-width:thin;overflow:hidden auto;width:min(92%,480px)!important;max-width:480px!important;max-height:92dvh!important}.wj-howto-modal::-webkit-scrollbar{width:6px}.wj-howto-modal::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:9999px}[data-theme=light] .ff-guide--page{background:#ffffffc2;border-color:#0f172a1f}[data-theme=light] .ff-guide--page .ff-guide-step{border-color:#0f172a1f}[data-theme=light] .ff-guide--page .ff-guide-tile:not(.ff-guide-tile--selected){color:#0f172a;background:#fff;border-color:#0f172a1f}[data-theme=light] .ff-guide--page .ff-guide-tile--wrong{color:#991b1b;background:#dc26261f;border-color:#dc2626}.ff-content-section{color:var(--text-primary);background:linear-gradient(145deg,#ffffff0e,#ffffff06);border:1px solid #ffffff1a;border-radius:8px;margin-bottom:1rem;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000024}.ff-content-section:before{content:"";inset-inline:0;height:2px;position:absolute;top:0}.ff-comparison:before{background:linear-gradient(90deg, var(--wj-teal), var(--wj-amber))}.ff-tips:before{background:linear-gradient(90deg, var(--wj-amber), var(--wj-magenta))}.ff-faq:before{background:linear-gradient(90deg, var(--wj-magenta), var(--wj-coral))}.ff-content-heading{color:var(--text-primary);align-items:center;gap:.7rem;margin:0 0 1rem;font-size:1.18rem;font-weight:800;display:flex}.ff-content-heading>span{border:1px solid;border-radius:7px;flex:none;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.88rem;display:inline-flex}.ff-content-heading--blue>span{border-color:color-mix(in srgb, var(--wj-teal) 55%, transparent);background:color-mix(in srgb, var(--wj-teal) 14%, transparent);color:var(--wj-teal)}.ff-content-heading--amber>span{border-color:color-mix(in srgb, var(--wj-amber) 55%, transparent);background:color-mix(in srgb, var(--wj-amber) 14%, transparent);color:var(--wj-amber)}.ff-content-heading--red>span{border-color:color-mix(in srgb, var(--wj-coral) 55%, transparent);background:color-mix(in srgb, var(--wj-coral) 14%, transparent);color:var(--wj-coral)}.ff-comparison-grid{border-top:1px solid #ffffff17;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ff-comparison-item{grid-template-columns:2.15rem minmax(0,1fr);gap:.75rem;min-width:0;padding:1rem 0;display:grid}.ff-comparison-item:nth-child(2n){border-inline-start:1px solid #ffffff17;padding-inline-start:1rem}.ff-comparison-item:nth-child(n+3){border-top:1px solid #ffffff17}.ff-comparison-icon{color:#0d1020;border-radius:7px;justify-content:center;align-items:center;width:2.15rem;height:2.15rem;font-size:.85rem;display:inline-flex}.ff-comparison-item:first-child .ff-comparison-icon{background:var(--wj-amber)}.ff-comparison-item:nth-child(2) .ff-comparison-icon{background:var(--wj-teal);color:var(--wj-teal-text)}.ff-comparison-item:nth-child(3) .ff-comparison-icon{background:var(--wj-magenta);color:var(--wj-magenta-text)}.ff-comparison-item:nth-child(4) .ff-comparison-icon{background:var(--wj-coral);color:var(--wj-coral-text)}.ff-comparison-item h3{color:var(--text-primary);margin:0 0 .28rem;font-size:.82rem;font-weight:800}.ff-comparison-item p,.ff-tip-list p,.ff-faq-list details>p{color:var(--text-dim);margin:0;font-size:.75rem;line-height:1.55}.ff-tip-list{margin:0;padding:0;list-style:none}.ff-tip-list li{border-top:1px solid #ffffff17;grid-template-columns:1.6rem 2rem minmax(0,1fr);align-items:center;gap:.65rem;min-height:3.4rem;display:grid}.ff-tip-number{color:var(--text-dim);font-family:monospace;font-size:.65rem;font-weight:700}.ff-tip-icon{background:color-mix(in srgb, var(--wj-amber) 14%, transparent);width:2rem;height:2rem;color:var(--wj-amber);border-radius:7px;justify-content:center;align-items:center;font-size:.78rem;display:inline-flex}.ff-faq-list{border-top:1px solid #ffffff17}.ff-faq-list details{border-bottom:1px solid #ffffff17}.ff-faq-list summary{min-height:3.4rem;color:var(--text-primary);cursor:pointer;grid-template-columns:minmax(0,1fr) 1rem;align-items:center;gap:.75rem;padding:.65rem 0;font-size:.8rem;font-weight:800;list-style:none;display:grid}.ff-faq-list summary::-webkit-details-marker{display:none}.ff-faq-list summary svg{width:.72rem;color:var(--wj-coral);transition:transform .16s}.ff-faq-list details[open] summary svg{transform:rotate(180deg)}.ff-faq-list details>p{max-width:38rem;padding:0 1.5rem .9rem 0}[data-theme=light] .ff-content-section{background:linear-gradient(145deg,#fffffff0,#f8fafccc);border-color:#0f172a1c;box-shadow:0 8px 20px #0f172a0d}[data-theme=light] .ff-comparison-grid,[data-theme=light] .ff-comparison-item:nth-child(2n),[data-theme=light] .ff-comparison-item:nth-child(n+3),[data-theme=light] .ff-tip-list li,[data-theme=light] .ff-faq-list,[data-theme=light] .ff-faq-list details{border-color:#0f172a1a}@media (max-width:560px){.ff-content-section{padding:1rem}.ff-content-heading{font-size:1.02rem}.ff-comparison-grid{grid-template-columns:1fr}.ff-comparison-item:nth-child(2n){border-inline-start:0;padding-inline-start:0}.ff-comparison-item:nth-child(n+2){border-top:1px solid #ffffff17}[data-theme=light] .ff-comparison-item:nth-child(n+2){border-color:#0f172a1a}.ff-tip-list li{grid-template-columns:1.35rem 1.8rem minmax(0,1fr);gap:.5rem}.ff-tip-icon{width:1.8rem;height:1.8rem}.ff-faq-list summary{min-height:3.1rem;font-size:.75rem}}@media (prefers-reduced-motion:reduce){.ff-faq-list summary svg{transition:none}}@media (max-width:430px){.ff-guide{padding:1rem}.ff-guide--modal{padding:0}.ff-guide-title{margin-bottom:.55rem;font-size:1.05rem}.ff-guide-intro{margin-bottom:.75rem;font-size:.75rem}.ff-guide-board,.ff-guide-word-row{gap:.25rem}.ff-guide-board{margin-bottom:.65rem}.ff-guide-tile{min-height:2rem;font-size:.52rem}.ff-guide-step{padding:.75rem 0}.ff-guide-step>p{margin-top:.5rem;font-size:.72rem}.ff-guide-group{min-height:3rem;padding:.4rem .45rem}.ff-guide-group strong{font-size:.68rem}.ff-guide-group span{font-size:.56rem}.wj-howto-modal>div{padding:1rem}.wj-howto-modal{width:calc(100% - 1rem)!important;max-height:calc(100dvh - 1rem)!important}}@property --wj-help-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes wjHelpBorderSpin{to{--wj-help-angle:360deg}}@media (prefers-reduced-motion:reduce){.wj-tutorial-btn:before{animation:none}}.wj-action-btn{color:#fff;background:#ffffff14}.wj-action-btn:hover:not(:disabled){background:#ffffff24}.wj-action-btn:disabled{color:#ffffff59;cursor:not-allowed;background:#94a3b82e}[data-theme=light] .wj-action-btn{color:#0f172a;background:#0f172a14}[data-theme=light] .wj-action-btn:hover:not(:disabled){background:#0f172a29}[data-theme=light] .wj-action-btn:disabled{color:#0f172a59;background:#0f172a0f}.wj-share-label{color:#ffffffd9}[data-theme=light] .wj-status-row>span{color:#0f172abf}[data-theme=light] .wj-mistakes-label{color:#0f172abf!important}.wj-mistake-used{background-color:#ffffff26}[data-theme=light] .wj-mistake-used{background-color:#0f172a52}.wj-cap-message{color:#fff}[data-theme=light] .wj-cap-message{color:#0f172a}.wj-card{background:linear-gradient(#ffffff06,#ffffff01);border-color:#2596be2e;box-shadow:inset 0 0 0 1px #2596be0f,0 0 24px #2596be14,0 8px 28px #00000040}[data-theme=light] .wj-card{background:#fff;border-color:#0f172a1a;box-shadow:0 1px 2px #0f172a0a,0 8px 24px #0f172a0f}.wj-cap-card{background:linear-gradient(135deg,#2596be1f,#2596be0a);border-color:#2596be66;box-shadow:inset 0 1px #ffffff0a}[data-theme=light] .wj-cap-card{background:linear-gradient(135deg,#2596be24,#2596be0f);border-color:#2596be73;box-shadow:0 1px 2px #0f172a0d}[data-theme=light] .wj-cap-page h2,[data-theme=light] .wj-cap-page p,[data-theme=light] .wj-cap-page>div>div>div.text-base{color:#0f172a!important}[data-theme=light] .wj-cap-page>div>div>div.uppercase{color:#0f172aa6!important}[data-theme=light] .wj-cap-page a.bg-white\/\[0\.08\]{color:#0f172a!important;background-color:#0f172a14!important}[data-theme=light] .wj-cap-page a.bg-white\/\[0\.08\]:hover{background-color:#0f172a24!important}@keyframes wj-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes wj-almost{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes wj-duplicate{0%,to{opacity:1}50%{opacity:.55}}.wj-tile-incorrect{animation:.45s ease-in-out wj-shake}.wj-tile-almost{animation:.5s ease-in-out 2 wj-almost}.wj-tile-duplicate{animation:.4s ease-in-out 2 wj-duplicate}@media (prefers-reduced-motion:reduce){.wj-tile-incorrect,.wj-tile-almost,.wj-tile-duplicate{animation:none}}@keyframes wj-reveal{0%{opacity:0;transform:perspective(600px)rotateX(-90deg)}60%{opacity:1}to{opacity:1;transform:perspective(600px)rotateX(0)}}.wj-solved-list>*{transform-origin:top;backface-visibility:hidden;animation:.4s ease-out both wj-reveal}@media (prefers-reduced-motion:reduce){.wj-solved-list>*{animation:none}}.wj-grid .wj-tile{min-height:44px}@media (max-width:480px){.wj-grid{gap:6px}.wj-solved-list>div{padding:6px 8px}.wj-result-modal{justify-content:center;align-items:center;display:flex;border-left:none!important;border-right:none!important;border-radius:0!important;width:100%!important;max-width:none!important;height:100%!important}.wj-result-modal>div{width:100%;padding:2rem 1.25rem;padding-bottom:max(2rem, env(safe-area-inset-bottom))}}@media (max-width:393px){.wj-grid{gap:5px}.wj-mistakes{gap:.375rem}.wj-mistakes .flex{gap:.3rem}.wj-mistake-dot{width:.5rem;height:.5rem}.wj-mistakes-label{font-size:10px}}@media (max-width:375px){.wj-grid{gap:4px}}@media (max-width:360px){.wj-grid{gap:4px}.wj-solved-list>div{padding:5px 6px}.wj-grid .wj-tile{min-height:46px}}@supports (padding:max(0px)){.wj-action-row{padding-bottom:max(0px, env(safe-area-inset-bottom))}}