:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;--bg:#f6f8fb;--panel:#fff;--panel-soft:#f0f4f8;--text:#202631;--muted:#657284;--border:#d7dee8;--green:#5aa469;--green-dark:#427d4d;--yellow:#d8a83f;--yellow-dark:#a47a1f;--gray:#626c7a;--gray-dark:#343a45;--blue:#2f6fed;--blue-soft:#e8f0ff;--coral:#d96c5f;--shadow:0 12px 30px #1f2a3717;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(180deg, #ffffffd9, #f6f8fbf0), var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app{min-height:100vh;padding:22px}.topbar{justify-content:space-between;align-items:center;gap:18px;max-width:1480px;margin:0 auto 18px;display:flex}.brand-block{align-items:center;gap:12px;display:flex}.brand-block svg{color:var(--blue)}.brand-block span,.sidebar-heading span,.metric span,.summary-cards span,.recap-title span{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:.76rem;font-weight:700;display:block}.brand-block h1,.recap-title h2{margin:0;font-size:2.15rem;line-height:1}.toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.icon-button,.primary-button,.recommendation-card,.analyze-button,.candidate-list button,.key,.tile{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px}.icon-button,.primary-button{justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-weight:800;display:inline-flex}.icon-button:not(.text-button){width:38px;padding:0}.primary-button{background:var(--blue);border-color:var(--blue);color:#fff}.main-layout{grid-template-columns:minmax(0,1fr) minmax(340px,420px);align-items:start;gap:18px;max-width:1480px;margin:0 auto;display:grid}.play-column,.side-column{gap:16px;display:grid}.status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.metric,.chart-panel,.recap,.recommendation-section,.candidate-browser{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px}.metric{gap:11px;min-height:86px;padding:14px;display:flex}.metric svg{color:var(--blue);margin-top:2px}.metric strong{margin-top:4px;font-size:1.3rem;display:block}.metric small{color:var(--muted)}.play-surface{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:minmax(280px,430px) minmax(280px,1fr);align-items:start;gap:18px;padding:18px;display:grid}.board-panel{gap:13px;width:100%;display:grid}.wordle-grid{gap:7px;width:min(100%,430px);display:grid}.wordle-grid-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.tile{aspect-ratio:1;border-radius:6px;grid-template-rows:1fr auto;place-items:center;min-width:0;padding:7px 3px 4px;transition:transform .12s,border-color .12s,background-color .12s;display:grid}.tile-current:hover{transform:translateY(-1px)}.tile-letter{font-size:2.05rem;font-weight:900;line-height:1}.tile-state-label{min-height:13px;color:inherit;font-size:.62rem;font-weight:900;line-height:1}.tile-gray.tile-locked,.tile-gray.tile-current{background:var(--gray);border-color:var(--gray-dark);color:#fff}.tile-yellow.tile-locked,.tile-yellow.tile-current{background:var(--yellow);border-color:var(--yellow-dark);color:#171717}.tile-green.tile-locked,.tile-green.tile-current{background:var(--green);border-color:var(--green-dark);color:#fff}.tile-empty{background:var(--panel-soft);color:var(--muted)}.guess-input-label{color:var(--muted);font-size:.82rem;font-weight:800}.guess-input{border:1px solid var(--border);background:var(--panel);width:min(100%,430px);color:var(--text);letter-spacing:0;text-transform:uppercase;border-radius:8px;padding:12px 14px;font-size:1.2rem;font-weight:900}.guess-input-row{align-items:center;gap:12px;width:min(100%,430px);display:flex}.guess-input-row .guess-input{flex:1;min-width:0}.analysis-link{color:var(--blue);white-space:nowrap;font-weight:900;text-decoration:none}.analysis-link:hover{text-decoration:underline}.entry-panel{align-content:start;gap:14px;display:grid}.validation-row,.notice,.entry-actions{color:var(--muted);align-items:center;gap:9px;display:flex}.entry-actions{flex-wrap:wrap;justify-content:space-between;align-items:center}.entry-actions span{max-width:320px;font-size:.88rem}.keyboard{gap:7px;width:100%;display:grid}.keyboard-row{justify-content:center;gap:5px;display:flex}.key{width:clamp(27px,4.3vw,42px);min-width:0;height:46px;color:var(--text);background:#e7edf5;border-radius:6px;font-size:.82rem;font-weight:900}.key-wide{justify-content:center;align-items:center;gap:4px;width:clamp(58px,11vw,78px);font-size:.76rem;display:inline-flex}.key-gray{background:var(--gray);color:#fff}.key-yellow{background:var(--yellow);color:#171717}.key-green{background:var(--green);color:#fff}.recommendations{gap:12px;display:grid}.sidebar-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.sidebar-heading strong{font-size:1.22rem}.progress-ring{border:5px solid var(--blue-soft);border-top-color:var(--blue);width:48px;height:48px;color:var(--blue);border-radius:999px;place-items:center;font-size:.72rem;font-weight:900;display:grid}.recommendation-section,.candidate-browser{box-shadow:none;padding:14px}.recommendation-section h2,.candidate-browser h2,.chart-panel h3{align-items:center;gap:8px;margin:0 0 10px;font-size:1rem;display:flex}.recommendation-list{gap:8px;display:grid}.recommendation-card{text-align:left;gap:7px;width:100%;padding:11px;display:grid}.recommendation-card:hover{border-color:var(--blue)}.word-row,.rec-stats,.badge-row,.section-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.word-row strong{font-size:1.16rem}.word-row span{border:1px solid var(--border);color:var(--muted);text-transform:uppercase;border-radius:999px;padding:2px 7px;font-size:.7rem;font-weight:900}.rec-explanation{color:var(--muted);font-size:.86rem}.rec-stats{color:var(--muted);flex-wrap:wrap;justify-content:flex-start;font-size:.78rem}.rec-stats span{white-space:nowrap}.badge{border-radius:999px;padding:3px 7px;font-size:.72rem;font-weight:900}.badge.legal{color:var(--green-dark);background:#5aa46924}.badge.muted{background:var(--panel-soft);color:var(--muted)}.empty-recommendation,.notice{color:var(--muted);margin:0;font-size:.88rem}.notice{background:var(--blue-soft);border:1px solid #c8d8ff;border-radius:8px;padding:9px 10px}.notice.error{color:#9b382f;background:#fff0ee;border-color:#efc5bd}.candidate-browser{gap:10px;display:grid}.section-title-row h2{margin:0}.section-title-row span{color:var(--muted);font-weight:800}.search-box{border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.search-box input{width:100%;height:38px;color:var(--text);background:0 0;border:0;outline:0}.analyze-button{min-height:36px;color:var(--blue);justify-content:center;align-items:center;gap:8px;font-weight:900;display:inline-flex}.analysis-card{border:1px solid var(--border);background:var(--panel-soft);border-radius:8px;gap:9px;padding:11px;display:grid}.candidate-list{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:7px;max-height:230px;padding-right:3px;display:grid;overflow:auto}.candidate-list button{min-height:32px;font-size:.78rem;font-weight:900}.recap{gap:16px;padding:16px;display:grid}.recap-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.recap-title>svg{color:var(--blue)}.summary-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.summary-cards article{border:1px solid var(--border);background:var(--panel-soft);border-radius:8px;padding:12px}.summary-cards strong{margin-top:6px;font-size:1.02rem;display:block}.help-tip{color:var(--blue);vertical-align:text-bottom;margin-left:5px;display:inline-flex}.recap-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.chart-panel{box-shadow:none;padding:12px}.timeline-table{border:1px solid var(--border);border-radius:8px;display:grid;overflow:auto}.timeline-row{border-top:1px solid var(--border);grid-template-columns:1.1fr 1.2fr .6fr 1fr .75fr;gap:10px;min-width:760px;padding:11px 12px;display:grid}.timeline-row:first-child{border-top:0}.timeline-head{background:var(--panel-soft);color:var(--muted);font-weight:900}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1180px){.main-layout{grid-template-columns:1fr}.side-column{grid-template-columns:minmax(0,1fr)}}@media (width<=880px){.app{padding:14px}.topbar,.play-surface,.recap-title{flex-direction:column;align-items:stretch}.topbar{display:grid}.toolbar{justify-content:flex-start}.status-grid,.play-surface,.summary-cards,.recap-grid{grid-template-columns:1fr}.wordle-grid,.guess-input{width:100%}.keyboard-row{gap:4px}}@media (width<=520px){.brand-block h1,.recap-title h2{font-size:1.65rem}.toolbar{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.text-button,.toolbar .icon-button{width:100%}.status-grid{gap:8px}.play-surface{padding:12px}.tile-letter{font-size:1.55rem}.key{width:8.3vw;height:42px}.key-wide{width:16vw}}