@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#163e31;--lime:#d4ed95;--paper:#f7f8f3;--ink:#1c3029;--muted:#69776d;--line:#dfe5dc}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',system-ui,sans-serif;line-height:1.6}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select{outline-offset:4px}button{cursor:pointer}.wrap{max-width:1190px;margin:auto;padding:0 28px}.header{height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font:800 26px Manrope,system-ui;letter-spacing:-1.4px;display:flex;align-items:center;gap:10px}.logomark{background:var(--green);color:var(--lime);width:34px;height:36px;border-radius:10px;display:grid;place-items:center;font:italic 31px Georgia}.nav{display:flex;gap:30px;font-size:13px;font-weight:600}.nav a:hover{color:#477b3a}.save-count{border:1px solid var(--line);padding:8px 15px;border-radius:25px;background:white;font-size:12px}.hero{padding:54px 0 114px;background:var(--green);color:#fff;position:relative;overflow:hidden}.hero .wrap{display:grid;grid-template-columns:1fr 390px;align-items:center;gap:20px}.eyebrow{font:700 10px Manrope;letter-spacing:2.4px;text-transform:uppercase;color:var(--lime);display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:6px;height:6px;background:var(--lime);border-radius:50%}h1{font:600 clamp(40px,5vw,64px)/1.12 Manrope,system-ui;letter-spacing:-2.9px;max-width:680px;margin:22px 0}h1 em{font:italic 1.1em Georgia;color:var(--lime)}.hero p{color:#c2d1c7;max-width:470px;font-size:15px}.hero-note{display:flex;gap:25px;margin-top:27px;font-size:10px;color:#c2d1c7}.hero-note span:before{content:'✓';margin-right:7px;color:var(--lime)}.tile-art{height:210px;position:relative;display:grid;place-content:center;transform:rotate(-8deg)}.tile-row{display:flex;gap:9px}.letter-tile{display:grid;place-items:center;background:#f5f6ef;color:var(--green);width:57px;height:63px;border-radius:9px;box-shadow:0 6px 0 #c4cebb;font:700 28px Manrope;position:relative}.letter-tile small{position:absolute;font:9px Manrope;bottom:5px;right:8px}.letter-tile.lime{background:var(--lime);box-shadow:0 6px 0 #9bb963}.tile-label{font:italic 18px Georgia;color:#aec3b3;text-align:right;margin-top:23px;transform:rotate(8deg)}main{position:relative;margin-top:-64px}.workspace{background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 35px #193f3009;overflow:hidden}.tool-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 26px;gap:26px;overflow-x:auto}.tool-tabs a{padding:23px 5px 19px;font:700 12px Manrope;white-space:nowrap;border-bottom:3px solid transparent;color:#7c877f}.tool-tabs a.active{color:var(--green);border-color:var(--green)}.tool-tabs a span{font-size:16px;margin-right:8px}.tool-body{padding:30px}.input-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.input-top label{font-weight:700;font-size:12px}.input-top span{font-size:11px;color:var(--muted)}.search-row{display:flex;gap:12px}.main-input{width:100%;min-width:0;border:1px solid #cdd8c8;border-radius:9px;padding:15px 18px;font-size:22px;letter-spacing:4px;text-transform:uppercase;background:#fafbf8}.main-input:focus{border-color:#3e6a45;outline:2px solid #b7d69a}.primary{border:0;border-radius:9px;background:var(--green);color:white;padding:0 28px;font-weight:700;white-space:nowrap}.primary:hover{background:#285a41}.examples{font-size:11px;color:var(--muted);display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.example{background:#f2f5ed;border:1px solid #e3e9de;color:#4e644b;border-radius:4px;padding:2px 9px;font-size:10px}.filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:25px;padding-top:22px;border-top:1px solid #eef0eb}.field label{display:block;font-size:10px;font-weight:700;margin-bottom:7px;letter-spacing:.5px}.field input,.field select{width:100%;min-width:0;padding:9px 10px;border:1px solid var(--line);background:white;border-radius:6px;font-size:12px}.tool-foot{display:flex;justify-content:space-between;align-items:center;margin-top:19px;font-size:11px;color:var(--muted)}.text-button{border:0;background:none;color:var(--green);font-size:11px;padding:4px 0;text-decoration:underline}.layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:28px;margin:34px 0 70px}.results-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.results-head h2{font:700 19px Manrope;margin:0;letter-spacing:-.6px}.results-head p{font-size:11px;color:var(--muted);margin:4px 0 0}.sort{border:1px solid var(--line);background:white;padding:8px;border-radius:6px;font-size:11px}.group{margin-bottom:25px}.group h3{display:flex;align-items:center;gap:10px;font:700 10px Manrope;letter-spacing:1.4px;text-transform:uppercase;color:#5d7060}.group h3:after{content:'';height:1px;background:var(--line);flex:1}.word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.word{border:1px solid var(--line);border-radius:8px;background:white;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0}.word-name{font:700 14px Manrope;letter-spacing:1px;text-transform:uppercase;overflow-wrap:anywhere}.word-name:hover{text-decoration:underline}.star{border:0;background:none;font-size:20px;color:#95a28d;padding:0 2px}.star.selected{color:#3f6e39}.word-score{display:block;font-size:9px;color:var(--muted)}.aside-card{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;margin-bottom:18px}.aside-card.green{background:#eaf0df;border-color:#dfe8d1}.aside-card h3{font:700 14px Manrope;margin:0 0 12px}.aside-card p,.aside-card li{font-size:12px;color:var(--muted)}.aside-card ol{padding-left:16px}.aside-card li{margin-bottom:10px}.aside-card a{font-size:12px;color:var(--green);text-decoration:underline}.small-badge{font-size:9px;letter-spacing:1px;background:#d5e4c3;color:#49623d;padding:4px 8px;border-radius:4px;display:inline-block;margin-bottom:9px}.empty{background:white;border:1px dashed #cbd7c4;border-radius:12px;padding:30px;color:var(--muted)}.load-more{width:100%;padding:12px;border:1px solid #cbd7c4;border-radius:7px;background:transparent;color:var(--green);font-weight:600}.learn{border-top:1px solid var(--line);padding:45px 0 60px}.learn h2{font:700 24px Manrope;letter-spacing:-.8px}.learn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.learn h3{font-size:14px}.learn p{font-size:12px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:25px 0;color:var(--muted);font-size:11px}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-links{display:flex;gap:20px}.dialog{border:1px solid var(--line);border-radius:15px;max-width:600px;width:calc(100% - 30px);padding:28px;color:var(--ink)}.dialog::backdrop{background:#12322366}.dialog h2{font:700 25px Manrope}.dialog p{font-size:14px}.dialog a{text-decoration:underline}.dialog-close{float:right;border:0;background:#eef1e9;border-radius:50%;width:30px;height:30px}.saved-list{display:flex;flex-wrap:wrap;gap:10px}.saved-list a{border:1px solid var(--line);padding:5px 10px}.status{font-size:12px;color:#385f31}.hidden,[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:850px){.hero .wrap{grid-template-columns:1fr 220px}.tile-art{transform:rotate(-8deg) scale(.72)}.layout{grid-template-columns:1fr}.aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hero-note{gap:15px}.nav{gap:16px}}@media(max-width:600px){.wrap{padding:0 18px}.header{height:74px;gap:10px}.logo{font-size:22px}.nav{display:none}.hero{padding:35px 0 100px}.hero .wrap{grid-template-columns:1fr}.tile-art{display:none}h1{font-size:44px;letter-spacing:-2px}.hero-note{font-size:9px}.tool-tabs{gap:18px;padding:0 15px}.tool-tabs a{font-size:11px;padding:18px 0}.tool-tabs a span{display:none}.tool-body{padding:20px}.search-row{flex-direction:column}.primary{padding:14px}.main-input{font-size:20px}.filters{grid-template-columns:1fr 1fr;gap:12px}.input-top span{font-size:9px}.word-grid{grid-template-columns:1fr 1fr}.word-name{font-size:12px}.aside,.learn-grid{grid-template-columns:1fr}.results-head{align-items:flex-start}.footer-inner{align-items:flex-start;flex-direction:column}.tool-foot{gap:12px}.save-count{padding:7px 10px}.hero p{font-size:14px}}

.additional-filters{display:flex;align-items:end;gap:25px;margin-top:18px}.additional-filters .field{width:calc(25% - 14px)}.exact-option{font-size:12px;display:flex;gap:8px;align-items:center;padding-bottom:9px}.exact-option input{accent-color:var(--green)}#color-panel{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.color-intro h2{font:700 17px Manrope;margin:0}.color-intro p,.color-legend,.clue-note,.clue-status{font-size:11px;color:var(--muted)}.guess-entry{display:flex;gap:12px;align-items:center;margin:15px 0}.guess-entry input{width:150px;border:1px solid var(--line);padding:10px;border-radius:7px;text-transform:uppercase;letter-spacing:3px}.guess-entry .primary{padding:10px 18px;font-size:12px}.guess-row{display:flex;align-items:center;gap:7px;margin:12px 0}.clue-tile{border:0;border-radius:6px;width:44px;height:46px;color:white;font:700 21px Manrope;position:relative}.clue-tile small{position:absolute;bottom:2px;left:0;right:0;font-size:8px}.clue-tile.gray{background:#737d78}.clue-tile.yellow{background:#997b15}.clue-tile.green{background:#39784d}.remove-guess{border:0;background:none;color:var(--muted);font-size:12px;margin-left:12px}.color-legend{display:flex;gap:18px;flex-wrap:wrap}.clue-note{max-width:700px}@media(max-width:600px){.additional-filters{align-items:start;flex-direction:column;gap:12px}.additional-filters .field{width:100%}.guess-entry{flex-wrap:wrap}.guess-row{gap:5px}.clue-tile{width:39px;height:44px}.remove-guess{margin-left:4px;font-size:10px}.color-legend{gap:8px}}
