:root{--js-brand:#13612e;--js-text:#0f172a;--js-muted:#64748b;--js-border:rgba(15, 23, 42, 0.10);--js-surface:#ffffff;--js-soft:#f5f7f6}.jumble-solver-app{max-width:800px;margin:2rem auto;padding:1.75rem 1.5rem;background:var(--js-surface);border-radius:1rem;box-shadow:0 10px 35px rgb(15 23 42 / .12);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.jumble-solver-app h1{font-size:1.75rem;font-weight:700;letter-spacing:-.03em;margin:0 0 1.5rem;color:var(--js-text)}.dictionary-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem}.dictionary-bar--inline{margin-bottom:.75rem}.dictionary-label{font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:#334155;white-space:nowrap}.dictionary-select{min-width:220px;border-radius:999px;border:1px solid rgb(15 23 42 / .18);padding:.45rem .8rem;font-size:.9rem;background-color:var(--js-soft);outline:none;transition:border-color 220ms ease,box-shadow 220ms ease,background-color 220ms ease}.dictionary-select:focus{border-color:var(--js-brand);box-shadow:0 0 0 4px rgb(19 97 46 / .18);background-color:#fff}.jumble-solver-app h2{font-size:1.15rem;margin:0 0 .5rem;color:var(--js-text)}.solver-section{border-radius:.9rem;padding:1.25rem 1.1rem;background:#f9fafb;border:1px solid #e5e7eb;margin-bottom:1.25rem}.solver-desc{margin:0 0 .75rem;font-size:.9rem;color:#6b7280}.solver-section form{display:flex;flex-direction:column;gap:.6rem;margin-bottom:.75rem}.solver-section label{font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:#334155}.solver-section input[type="text"]{border-radius:999px;border:1px solid rgb(15 23 42 / .18);padding:.6rem .9rem;font-size:.9rem;outline:none;transition:border-color 220ms ease,box-shadow 220ms ease,background-color 220ms ease,transform 220ms ease;background-color:var(--js-soft)}.filters-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.filter-field{display:flex;flex-direction:column;gap:.35rem}.filter-field select{border-radius:999px;border:1px solid rgb(15 23 42 / .18);padding:.55rem .9rem;font-size:.9rem;outline:none;transition:border-color 220ms ease,box-shadow 220ms ease,background-color 220ms ease;background-color:var(--js-soft)}.filter-field select:focus{border-color:var(--js-brand);box-shadow:0 0 0 4px rgb(19 97 46 / .18);background-color:#fff}.solver-section input[type="text"]:focus{border-color:var(--js-brand);box-shadow:0 0 0 4px rgb(19 97 46 / .18);background-color:#fff}.solver-section button[type="submit"],.solver-section button.word-solve-btn{align-self:flex-start;border-radius:999px;border:none;padding:.55rem 1.1rem;font-size:.9rem;font-weight:600;color:#fff;background:linear-gradient(180deg,#1b7d3c 0%,var(--js-brand) 100%);cursor:pointer;box-shadow:inset 0 1px 0 rgb(255 255 255 / .22),0 10px 25px -8px rgb(19 97 46 / .45),0 18px 45px -18px rgb(19 97 46 / .35);transition:transform 240ms ease,box-shadow 240ms ease,filter 240ms ease}.word-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.advanced-toggle{border-radius:999px;border:2px solid var(--js-brand);padding:.5rem 1rem;font-size:.9rem;font-weight:600;color:var(--js-brand);background:#fff;cursor:pointer;transition:transform 240ms ease,box-shadow 240ms ease,filter 240ms ease,border-color 240ms ease,background-color 240ms ease}.advanced-toggle:hover{transform:translateY(-1px);background-color:rgb(19 97 46 / .05);color:var(--js-brand);box-shadow:0 10px 24px rgb(15 23 42 / .08)}.advanced-toggle:active{transform:translateY(0);color:var(--js-brand)}.advanced-panel{padding-top:.25rem}.solver-section button[type="submit"]:hover,.solver-section button.word-solve-btn:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:inset 0 1px 0 rgb(255 255 255 / .22),0 12px 28px -8px rgb(19 97 46 / .55),0 22px 55px -20px rgb(19 97 46 / .4)}.solver-section button[type="submit"]:active,.solver-section button.word-solve-btn:active{transform:translateY(2px);box-shadow:inset 0 1px 0 rgb(255 255 255 / .18),0 6px 16px -8px rgb(19 97 46 / .45),0 14px 35px -22px rgb(19 97 46 / .35)}.info{display:none}.results{min-height:1.5rem;font-size:.9rem}.result-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:.6rem .75rem;border-radius:14px;border:1px solid rgb(15 23 42 / .1);background:rgb(255 255 255 / .7);backdrop-filter:blur(8px);margin-bottom:.75rem}.result-controls__label{font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--js-brand)}.result-controls__select{border-radius:999px;border:1px solid rgb(15 23 42 / .18);padding:.45rem .75rem;font-size:.9rem;background-color:#fff;outline:none;transition:border-color 220ms ease,box-shadow 220ms ease,transform 220ms ease}.result-controls__select:focus{border-color:var(--js-brand);box-shadow:0 0 0 4px rgb(19 97 46 / .18)}.result-controls__clear{border-radius:999px;border:1px solid rgb(15 23 42 / .18);padding:.45rem .85rem;font-size:.9rem;font-weight:700;background:#fff;color:rgb(15 23 42 / .85);cursor:pointer;transition:transform 220ms ease,box-shadow 220ms ease,border-color 220ms ease,background-color 220ms ease}.result-controls__clear:hover{transform:translateY(-1px);border-color:rgb(19 97 46 / .28);background-color:rgb(19 97 46 / .05);box-shadow:0 10px 24px rgb(15 23 42 / .08)}.result-controls__clear:active{transform:translateY(0)}.result-note{border-radius:14px;padding:.75rem .9rem;margin:.25rem 0 .85rem;border:1px solid rgb(15 23 42 / .1);background:rgb(255 255 255 / .75);color:rgb(71 85 105 / .95)}.result-note--empty{border-color:rgb(245 158 11 / .3);background:rgb(245 158 11 / .08);color:rgb(146 64 14 / .95)}.result-card{overflow:hidden;border-radius:16px;border:1px solid rgb(15 23 42 / .1);background:#fff;box-shadow:0 10px 25px -18px rgb(15 23 42 / .22);margin-bottom:14px}.result-card__header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:linear-gradient(180deg,rgb(19 97 46 / .95),rgb(19 97 46 / .88));color:#fff}.result-card__title{font-weight:800;letter-spacing:.01em}.result-card__header .badge{background:rgb(255 255 255 / .18);color:#fff;margin-right:0}.result-card__body{padding:12px 14px 14px}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.18rem .5rem;border-radius:999px;background:rgb(19 97 46 / .1);color:var(--js-brand);font-size:.75rem;font-weight:600;margin-right:.5rem}.word-list{display:flex;flex-wrap:wrap;gap:.4rem}.word-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.25rem .6rem;background:#0b1220;color:#f9fafb;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}.empty{font-size:.85rem;color:#9ca3af}.jumble-solver-app--simple{width:100%;max-width:560px;margin:0 auto;padding:0;background:#fff0;border-radius:0;box-shadow:none;box-sizing:border-box}.jumble-solver-app--full{margin:2rem auto}.jumble-solver-app--full .solver-section{margin-bottom:1.5rem}.jumble-solver-app--full .solver-section:last-child{margin-bottom:0}.jumble-solver-app--full .solver-section form{display:flex;flex-direction:column}.jumble-solver-app--simple .solver-section{background:linear-gradient(135deg,#ffffff 0%,rgb(19 97 46 / .02) 100%);border-radius:24px;border:1px solid rgb(15 23 42 / .08);padding:32px;box-shadow:0 10px 25px -5px rgb(19 97 46 / .1),0 25px 50px -12px rgb(19 97 46 / .15)}.jumble-solver-app--simple .solver-section h2{margin:0 0 .35rem;font-size:1.35rem;font-weight:800;color:var(--js-brand,#13612e);letter-spacing:-.02em;line-height:1.25}.jumble-solver-app--simple .solver-section .solver-desc{margin:0 0 1.25rem}.jumble-solver-app--simple .solver-section form{gap:12px;margin-bottom:16px}.jumble-solver-app--simple .solver-section label{align-self:flex-start;display:inline-flex;padding:8px 12px;border-radius:999px;font-weight:800;letter-spacing:.12em;color:var(--js-brand);background:rgb(19 97 46 / .06);border:1px solid rgb(19 97 46 / .14)}.jumble-solver-app--simple .solver-section input[type="text"]{height:52px;border-radius:16px;padding:.9rem 1.05rem;font-size:1rem;border:2px solid #fff0;background:var(--js-soft);box-shadow:inset 0 2px 8px rgb(15 23 42 / .06),inset 0 1px 0 rgb(255 255 255 / .65)}.jumble-solver-app--simple .solver-section input[type="text"]::placeholder{color:rgb(100 116 139 / .78)}.jumble-solver-app--simple .solver-section input[type="text"]:focus{border-color:var(--js-brand);box-shadow:inset 0 2px 8px rgb(15 23 42 / .06),0 0 0 5px rgb(19 97 46 / .16)}.jumble-solver-app--simple .word-actions{gap:12px;margin-top:4px}.jumble-solver-app--simple .solver-section button[type="submit"],.jumble-solver-app--simple .solver-section button.word-solve-btn{flex:1 1 auto;border-radius:16px;padding:.8rem 1.25rem;font-size:.95rem;letter-spacing:.01em}.jumble-solver-app--simple .advanced-toggle{flex:1 1 auto;border-radius:16px;padding:.76rem 1.05rem}.jumble-solver-app--simple .info{justify-content:center;text-align:center;gap:10px;color:rgb(100 116 139 / .85)}.jumble-solver-app--simple .info span{white-space:nowrap}@media (max-width:640px){.jumble-solver-app{margin:1.25rem .75rem;padding:1.25rem 1rem}.solver-section{padding:1rem .9rem}.filters-grid{grid-template-columns:1fr}.dictionary-bar{flex-wrap:wrap;align-items:flex-start}.dictionary-select{min-width:0;width:100%}.jumble-solver-app--simple .solver-section{padding:26px;border-radius:22px}.jumble-solver-app--simple{max-width:none;width:100vw;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;display:block;padding-left:10px;padding-right:10px}.jumble-solver-app--simple .solver-section input[type="text"]{width:100%;height:58px;font-size:1.05rem}.jumble-solver-app--simple .word-actions{width:100%;flex-wrap:nowrap}.jumble-solver-app--simple .solver-section button[type="submit"],.jumble-solver-app--simple .solver-section button.word-solve-btn,.jumble-solver-app--simple .advanced-toggle{width:100%;justify-content:center;padding-top:.95rem;padding-bottom:.95rem;font-size:1rem}}@media (max-width:420px){.jumble-solver-app--simple .word-actions{flex-wrap:wrap}}