:root{--bg:#eef2f7;--surface:#fff;--surface-2:#f8fafc;--text:#122033;--text-muted:#475569;--border:#d7e2ef;--accent:#1e6fd6;--accent-soft:#e6f0ff;--danger-soft:#ffe8e6;--danger:#b42318;--radius:14px;--shadow:0 12px 24px #0f172a12;--fast:.14s ease}*{box-sizing:border-box}body{color:var(--text);background:linear-gradient(180deg,#f6f9fd 0%,var(--bg)100%);min-height:100vh;margin:0;font-family:Space Grotesk,Avenir Next,Trebuchet MS,sans-serif}.page-shell{display:grid;gap:.65rem;width:min(860px,100% - 1rem);margin:.75rem auto 1.25rem}.top-bar{display:flex;justify-content:space-between;align-items: center;gap:.5rem;padding:.1rem .2rem}.top-bar h1{letter-spacing:-.02em;margin:0;font-size:clamp(1.3rem,4.5vw,1.8rem)}.stat-pill{display:inline-flex;border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);border-radius:999px;align-items: center;min-height:1.7rem;padding:.2rem .62rem;font-size:.78rem}.solver-card{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:.8rem}.input-card{border-color:#c7d8f0}.field-header,.results-header,.advanced-toggle-row{display:flex;justify-content:space-between;align-items: center;gap:.5rem}.field-header label,.inline-control label,.known-letters-row label,.multi-length-row label,h2,legend{letter-spacing:-.01em;font-family:IBM Plex Mono,Menlo,Monaco,monospace}h2{margin:0;font-size:.95rem}.letters-input-row{display:grid;grid-template-columns:1fr auto;gap:.45rem;margin-top:.5rem}.letters-input,.inline-control input,.multi-length-row input{color:var(--text);transition:border-color var(--fast),box-shadow var(--fast);background:#fff;border:1.5px solid #c9d7ea;border-radius:12px;width:100%;padding:.7rem .8rem;font-size:1rem}.letters-input{letter-spacing:.04em;font-size:1.14rem}.letters-input:focus,.inline-control input:focus,.multi-length-row input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1e6fd624}button{font:inherit;cursor:pointer;transition:background-color var(--fast),border-color var(--fast),opacity var(--fast),transform var(--fast);border:1px solid #0000;border-radius:12px;padding:.62rem .78rem}button:disabled{cursor:not-allowed;opacity:.55}button:not(:disabled):active{transform:translateY(1px)}.clear-button{background:var(--danger-soft);color:var(--danger);border-color:#f6cac5;font-weight:600}.clear-button:not(:disabled):hover{background:#ffdcd7}.ghost-button{background:var(--accent-soft);color:#114b9a;border-color:#c8daf8}.ghost-button:not(:disabled):hover{background:#dbe9ff}.toggle{display:inline-flex;color:#274870;align-items: center;gap:.45rem;font-weight:600}.toggle input{width:1.1rem;height:1.1rem}.inline-control{display:grid;grid-template-columns:auto 110px;align-items: center;gap:.55rem;margin-top:.55rem}.inline-control label{color:var(--text-muted)}.known-letters-row{display:grid;gap:.45rem;margin-top:.55rem}.advanced-toggle-row{justify-content:flex-start;margin-top:.6rem}.advanced-inline{display:grid;gap:.45rem;margin-top:.45rem}.pattern-boxes{display:flex;flex-wrap:wrap;gap:.35rem}.pattern-box{text-align:center;text-transform:lowercase;color:var(--text);transition:border-color var(--fast),box-shadow var(--fast);background:#fff;border:1.5px solid #c9d7ea;border-radius:10px;width:2.2rem;height:2.2rem;font-family:IBM Plex Mono,Menlo,Monaco,monospace;font-size:1rem}.pattern-box:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1e6fd624}.advanced-word-row{display:grid;border-top:1px solid #e3eaf4;gap:.3rem;padding-top:.35rem}.advanced-word-row:first-child{border-top:0;padding-top:0}.multi-length-row{display:grid;grid-template-columns:1fr 64px 2rem;align-items: center;gap:.4rem}.multi-length-row input{text-align:center;padding:.5rem .3rem}.advanced-actions{display:flex}.remove-word-button{color:#a8241b;display:inline-flex;background:#ffe7e4;border:1px solid #f2c5c0;border-radius:10px;justify-content:center;align-items: center;width:2rem;height:2rem;min-height:2rem;padding:0;font-size:1.15rem;line-height:1}.remove-word-button:not(:disabled):hover{background:#ffd9d5}.empty-state{color:var(--text-muted);margin:.45rem 0 0}.results-list{list-style:none;display:flex;flex-direction:column;gap:.3rem;margin:.5rem 0 0;padding:0}.grouped-results{display:grid;gap:.6rem;margin-top:.4rem}.letter-group{border-top:1px solid #e3eaf4;padding-top:.45rem}.group-heading{color:var(--text-muted);margin:0;font-family:IBM Plex Mono,Menlo,Monaco,monospace;font-size:.84rem}.result-chip{padding:0;font-family:IBM Plex Mono,Menlo,Monaco,monospace}.phrase-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.45rem;padding:0}.phrase{font-family:IBM Plex Mono,Menlo,Monaco,monospace;font-weight:600}.phrase-meta{color:var(--text-muted);font-size:.8rem}.fade-in{opacity:0;animation:reveal .32s ease forwards;transform:translateY(8px)}.delay-1{animation-delay:50ms}.delay-2{animation-delay:95ms}.delay-3{animation-delay:.14s}@keyframes reveal{to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.page-shell{gap:.52rem;width:min(860px,100% - .7rem);margin:.55rem auto 1rem}.top-bar{padding:0}.solver-card{border-radius:12px;padding:.66rem}.input-card{position:sticky;z-index:5;backdrop-filter:blur(4px);background:#fffffff5;top:.35rem}.letters-input{min-height:3rem;font-size:1.22rem}.inline-control{grid-template-columns:1fr}.inline-control input{max-width:130px}.multi-length-row{grid-template-columns:1fr 64px 2rem}.multi-length-row input{text-align:center;max-width:none}.clear-button,.ghost-button{min-height:2.6rem}.advanced-actions,.advanced-actions .ghost-button,.clear-button{width:100%}.multi-length-row .remove-word-button{width:2rem}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}