.new-grid .card-semantic{grid-column:span 12;order:-6;min-height:350px}.semantic-art{display:flex;align-items:center;gap:13px;position:relative;padding-bottom:27px;transform:rotate(-6deg)}.semantic-art>span{font:italic 32px Georgia;opacity:.7}.semantic-art>b{font:italic 49px Georgia;font-weight:400;color:#def78b}.semantic-art>i{font-size:30px;letter-spacing:4px}.semantic-art>small{position:absolute;bottom:0;right:0;font-size:12px;opacity:.8}.semantic-surface{max-width:730px}.semantic-temperature{text-align:center;margin:30px 0}.semantic-temperature>span{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.semantic-temperature>b{font:500 clamp(49px,8vw,76px)/1.4 Manrope;letter-spacing:-.06em}.semantic-temperature>b small{font-size:23px;letter-spacing:0;color:var(--muted)}.semantic-temperature p{font-size:14px;color:var(--muted)}.semantic-temperature strong{color:var(--ink)}.semantic-gauge{height:7px;border-radius:5px;overflow:hidden;background:var(--line);max-width:360px;margin:20px auto}.semantic-gauge i{display:block;height:100%;background:var(--blue);transition:width .5s ease}#semantic-form label{display:block;font-size:14px;font-weight:600;margin-bottom:10px}#semantic-form>div{display:flex;gap:10px}#semantic-input{width:100%;min-width:0;flex:1;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);padding:14px 16px;font:500 18px Manrope}.semantic-history{width:100%;max-height:460px;overflow:auto}.semantic-table-heading{font-size:10px;letter-spacing:.08em;color:var(--muted);padding:12px 0}.semantic-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 115px;gap:8px;position:relative;padding:13px 0 17px;border-bottom:1px solid var(--line);font-size:13px;align-items:center}.semantic-row strong{overflow-wrap:anywhere;font-weight:600}.semantic-row strong small{font-size:10px;color:var(--muted);font-weight:400}.semantic-row>span{text-align:right;font-variant-numeric:tabular-nums}.semantic-row>span:last-of-type{font-size:11px;color:var(--muted)}.semantic-row>i{position:absolute;bottom:5px;left:0;height:3px;background:var(--blue);width:var(--heat);max-width:100%;border-radius:2px;opacity:.5}.semantic-surface .puzzle-bottom{flex-wrap:wrap;gap:15px}.semantic-surface .text-button:disabled{opacity:.4;cursor:default}.review-list:has(.semantic-history){display:block}@media(max-width:760px){.new-grid .card-semantic{grid-column:span 2;min-height:315px}.semantic-art{transform:rotate(-6deg) scale(.8)}}@media(max-width:520px){#semantic-form>div{flex-direction:column}#semantic-form .button{justify-content:center}.semantic-row{grid-template-columns:minmax(0,1fr) 70px 88px;gap:5px;font-size:12px}.semantic-row>span:last-of-type{font-size:10px}}@media(prefers-reduced-motion:reduce){.semantic-gauge i{transition:none}}
/* Semantic proximity: color, labels and rank convey the same information. */
.tone-neutral{--heat-ink:var(--muted);--heat-bg:var(--paper);--heat-line:var(--line)}.tone-cold{--heat-ink:#2462a0;--heat-bg:#edf5fc;--heat-line:#bed8ee}.tone-mild{--heat-ink:#087671;--heat-bg:#e9f7f3;--heat-line:#a9d9ce}.tone-warm{--heat-ink:#8b630b;--heat-bg:#fff6d7;--heat-line:#e8cc79}.tone-hot{--heat-ink:#ad4d16;--heat-bg:#fff0e3;--heat-line:#edbc96}.tone-burning{--heat-ink:#b33d43;--heat-bg:#fcebed;--heat-line:#e9aeb5}.tone-found{--heat-ink:#347036;--heat-bg:#edf8e7;--heat-line:#b9d9a4}
.semantic-temperature{padding:27px 28px 22px;border:1px solid var(--heat-line);border-radius:10px;background:var(--heat-bg);margin:26px 0 16px;transition:background .25s,border-color .25s}.semantic-temperature .semantic-best-label{font-size:10px;letter-spacing:.13em;margin-bottom:15px;color:var(--muted)}.semantic-badge,.semantic-temperature>.semantic-badge{display:inline-flex;align-items:center;gap:7px;width:max-content;padding:6px 10px;border-radius:5px;border:1px solid var(--heat-line);color:var(--heat-ink);background:var(--heat-bg);font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:none}.semantic-badge i{font-style:normal;font-size:15px}.semantic-temperature>b{display:block;color:var(--heat-ink);line-height:1.2;margin:15px 0 4px}.semantic-temperature>b small{color:var(--heat-ink);opacity:.8}.semantic-temperature .semantic-best-word{font:650 23px/1.4 Manrope;color:var(--ink);margin:5px 0}.semantic-temperature .semantic-direction{font-size:13px;line-height:1.5;max-width:430px;margin:9px auto 0;color:var(--muted)}.semantic-gauge{height:10px;max-width:430px;background:var(--surface);border:1px solid var(--heat-line);margin:23px auto 0;overflow:visible;position:relative}.semantic-gauge i{background:var(--heat-ink);border-radius:4px;position:relative}.semantic-gauge i:after{content:'';position:absolute;right:-3px;top:-3px;width:14px;height:14px;border-radius:50%;border:2px solid var(--surface);background:var(--heat-ink);box-shadow:0 0 0 1px var(--heat-line)}.tone-neutral .semantic-gauge i:after{display:none}.semantic-scale{display:flex;justify-content:space-between;max-width:430px;margin:8px auto 0;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.semantic-color-key{display:flex;justify-content:center;gap:10px 16px;flex-wrap:wrap;margin:0 0 28px;font-size:11px;color:var(--muted)}.semantic-color-key>span{display:flex;align-items:center;gap:5px}.semantic-color-key i{width:8px;height:8px;display:block;border-radius:50%;background:var(--heat-ink)}.semantic-latest{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:13px 14px;border-left:3px solid var(--heat-ink,var(--line));border-radius:0 5px 5px 0;background:var(--heat-bg,var(--paper));margin:18px 0 22px;font-size:13px;line-height:1.5;color:var(--ink)}.semantic-latest-caption{font-size:9px;letter-spacing:.09em;color:var(--muted)}.semantic-latest>strong{overflow-wrap:anywhere}.semantic-latest>.semantic-badge{margin-left:auto}.semantic-row{padding:12px 10px 18px 14px;border-left:3px solid var(--heat-ink);border-bottom:0;border-radius:5px;background:var(--heat-bg);margin:0 0 7px;min-height:62px}.semantic-row .semantic-row-label{display:block;color:var(--heat-ink);font-size:10px;font-weight:500;margin-top:3px}.semantic-row .semantic-row-temp{font-weight:700;color:var(--heat-ink)}.semantic-row .semantic-rank{color:var(--heat-ink);font-variant-numeric:tabular-nums}.semantic-row>i{background:var(--heat-ink);bottom:0;opacity:.4}.semantic-empty{padding:22px 14px;border:1px dashed var(--line);border-radius:6px;color:var(--muted);font-size:13px;line-height:1.5;text-align:center}.semantic-art>span{color:#b9e1ff;opacity:1}.semantic-art>b{color:#ffbd99}
[data-theme=dark] .tone-cold{--heat-ink:#93c7fb;--heat-bg:#1b2b3b;--heat-line:#355b7b}[data-theme=dark] .tone-mild{--heat-ink:#79d4c3;--heat-bg:#19332e;--heat-line:#32675b}[data-theme=dark] .tone-warm{--heat-ink:#eacc75;--heat-bg:#352f1e;--heat-line:#746135}[data-theme=dark] .tone-hot{--heat-ink:#ffb17c;--heat-bg:#3d2b22;--heat-line:#86543b}[data-theme=dark] .tone-burning{--heat-ink:#f8a3ae;--heat-bg:#3d242c;--heat-line:#834650}[data-theme=dark] .tone-found{--heat-ink:#b0dd95;--heat-bg:#263521;--heat-line:#526c42}
@media(max-width:520px){.semantic-temperature{padding:22px 16px 18px}.semantic-temperature .semantic-best-word{font-size:20px}.semantic-temperature .semantic-direction{font-size:12px}.semantic-color-key{gap:8px 12px}.semantic-latest{gap:7px 9px;padding:11px}.semantic-latest-caption{width:100%}.semantic-row{padding-left:10px;padding-right:7px;grid-template-columns:minmax(0,1fr) 70px 86px}.semantic-row .semantic-rank{font-size:10px}.semantic-temperature>b{font-size:57px}}
@media(prefers-reduced-motion:reduce){.semantic-temperature{transition:none}}