.semantic-main{max-width:var(--page-width);margin:auto;padding:var(--page-space) var(--page-gutter) 72px}.semantic-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:28px 0 40px}.semantic-heading h1{margin:0;font:600 clamp(3.5rem,7vw,6rem)/.9 "Fraunces",serif;letter-spacing:-.065em}.semantic-heading em{font-style:normal;color:var(--coral)}.semantic-heading p{font-size:14px;line-height:1.7;color:var(--muted)}.semantic-heading p strong{color:var(--navy);font-weight:500}.semantic-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:28px;align-items:start}.semantic-play{min-width:0;padding:28px;background:#ffffff38;border:1px solid var(--line);border-radius:7px}.semantic-intro{display:flex;justify-content:space-between;gap:16px;margin-bottom:25px}.semantic-intro>span:last-child{font:11px "DM Mono",monospace;color:var(--muted)}#semantic-form>label{display:block;font:500 25px "Fraunces",serif;margin-bottom:16px}.semantic-input-row{display:flex;gap:10px}.semantic-input-row input{width:100%;min-width:0;border:1px solid var(--line);border-radius:5px;background:var(--paper);padding:14px;color:var(--navy);font:16px "Space Grotesk",sans-serif}.semantic-input-row button{flex-shrink:0}#semantic-input-help{font-size:11px;line-height:1.5;color:var(--muted);margin:10px 0 0}.semantic-result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:22px;margin-top:24px;background:var(--navy);border-radius:5px;color:var(--paper)}.semantic-result>div>span:first-child{font:9px "DM Mono",monospace;letter-spacing:.05em}.semantic-result-word,.semantic-result strong{display:block}.semantic-result #semantic-result-word{font:500 30px "Fraunces",serif;margin-top:7px;overflow-wrap:anywhere}.semantic-result small{display:block;margin-top:6px;color:#cbd4d6;font-size:11px}.semantic-temperature{text-align:right}.semantic-temperature strong{font:500 25px "DM Mono",monospace;color:var(--lime)}.semantic-temperature span{font-size:12px;line-height:2}.semantic-proximity{grid-column:1/-1}.semantic-proximity progress{display:block;width:100%;height:9px;margin-top:10px;accent-color:var(--lime)}.semantic-history{margin-top:30px}.semantic-history-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.semantic-history h2,.semantic-guide h2,.semantic-access h2{font:500 30px "Fraunces",serif;margin:0}.semantic-history-heading label{font-size:11px;color:var(--muted)}.semantic-main select{max-width:100%;padding:10px;border:1px solid var(--line);border-radius:4px;color:var(--navy);background:var(--paper);font:12px "Space Grotesk",sans-serif}.semantic-table-wrap{max-width:100%;overflow-x:auto}.semantic-history table{border-collapse:collapse;width:100%;margin-top:16px;text-align:left;font-size:12px}.semantic-history th{padding:12px 5px;color:var(--muted);font:9px "DM Mono",monospace;border-bottom:1px solid var(--line)}.semantic-history td{padding:14px 5px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.semantic-history td:nth-child(2){font-weight:600;overflow-wrap:anywhere;max-width:190px}.semantic-history td:nth-child(n+3){white-space:nowrap}.semantic-history tr.is-latest{background:#eae4d780}.semantic-history tr.is-hot td:nth-child(3){color:#a84230}.semantic-history tr.is-cold td:nth-child(3){color:var(--blue)}#semantic-empty{font-size:13px;line-height:1.7;color:var(--muted)}.semantic-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-top:24px}.semantic-bottom a{color:var(--navy);font-size:12px}.semantic-status{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.semantic-status:empty{display:none}.semantic-status.is-error{color:#a84230}.semantic-status.is-success{color:#49652e}.semantic-side{display:grid;gap:22px}.semantic-guide{padding:26px;background:var(--deep);border-radius:6px}.semantic-guide h2{margin:12px 0 22px}.semantic-guide ol{padding-left:20px;margin:0}.semantic-guide li{margin:18px 0;padding-left:5px}.semantic-guide li strong,.semantic-guide li span{display:block;font-size:13px}.semantic-guide li span{color:var(--muted);margin-top:5px;line-height:1.6}.semantic-guide>p,.semantic-personal>p,.semantic-about p{font-size:12px;line-height:1.7;color:var(--muted)}.semantic-personal{padding:24px;border:1px solid var(--line);border-radius:6px}.semantic-personal>div{display:flex;gap:35px}.semantic-personal>div strong{display:block;font:500 35px "Fraunces",serif}.semantic-personal>div span{font-size:11px;color:var(--muted)}.semantic-personal>label{display:block;margin:12px 0;font-size:12px}.semantic-personal select{width:100%}.semantic-about{border-top:1px solid var(--line);padding:18px 0}.semantic-about summary{cursor:pointer;font-size:12px;line-height:1.7}.semantic-about a{color:var(--navy)}.semantic-access h2{margin:14px 0}.semantic-access p{font-size:14px;line-height:1.7;color:var(--muted)}.semantic-main [hidden]{display:none!important}.semantic-main button:disabled{opacity:.55}
@media(max-width:850px){.semantic-layout{grid-template-columns:1fr}.semantic-side{grid-template-columns:repeat(2,minmax(0,1fr))}.semantic-about{grid-column:1/-1}}
@media(max-width:600px){.semantic-heading{display:block;margin-bottom:28px}.semantic-heading p{margin-top:24px}.semantic-play{padding:20px}.semantic-side{grid-template-columns:1fr}.semantic-input-row{flex-direction:column}.semantic-input-row button{min-height:46px}.semantic-result{padding:16px;gap:14px}.semantic-result #semantic-result-word{font-size:25px}.semantic-temperature strong{font-size:20px}.semantic-history th{font-size:8px}.semantic-history td{font-size:11px}.semantic-intro{flex-wrap:wrap;gap:10px}}