/* Dynamic semantic interpretation: the panel occupies real layout space so the
   search pill, marquee and utilities move down together while the request is checked. */
.semanticInterpretationSlot{max-height:0;opacity:0;overflow:hidden;margin:0;transition:max-height .56s cubic-bezier(.2,.8,.2,1),opacity .26s ease,margin .56s cubic-bezier(.2,.8,.2,1)}
.semantic.semantic-processing .semanticInterpretationSlot{max-height:250px;opacity:1;margin:0 0 17px}
.semanticInterpretation{width:min(720px,82vw);margin:0 auto;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(27,35,31,.68);backdrop-filter:blur(18px) saturate(1.05);box-shadow:0 14px 46px rgba(0,0,0,.16);padding:15px 17px;text-align:left;opacity:0;transform:translateY(-8px) scale(.99);transition:opacity .32s ease,transform .32s ease}
.semantic.semantic-processing .semanticInterpretation{opacity:1;transform:none}
.semanticInterpretationLine{min-height:49px;display:flex;align-items:center;color:rgba(247,249,248,.94);font-size:clamp(14px,1.7vw,17px);font-weight:610;line-height:1.42;letter-spacing:-.018em}
.semanticInterpretationTrace{display:grid;gap:5px;margin-top:8px}
.semanticInterpretationStep{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:center;min-height:23px;color:rgba(222,230,226,.58);font-size:11px}
.semanticInterpretationState{width:18px;height:18px;border-radius:50%;display:grid;place-items:center}
.semanticInterpretationStep.waiting .semanticInterpretationState::before{content:"";width:5px;height:5px;border-radius:50%;background:rgba(210,220,215,.34)}
.semanticInterpretationStep.loading .semanticInterpretationState::before{content:"";width:12px;height:12px;border-radius:50%;border:1.7px solid rgba(125,151,138,.25);border-top-color:#63bff2;animation:semanticStepSpin .72s linear infinite}
.semanticInterpretationStep.done .semanticInterpretationState::before{content:"✓";font-size:11px;font-weight:700;color:#66d493}
.semanticInterpretationStep b{font-weight:590;color:rgba(224,231,227,.62);transition:color .2s ease}
.semanticInterpretationStep.loading b{color:rgba(248,250,249,.95)}
.semanticInterpretationStep.done b{color:rgba(226,233,229,.78)}
@keyframes semanticStepSpin{to{transform:rotate(360deg)}}
.semantic.semantic-processing .searchShell,.semantic.semantic-processing .chipsViewport,.semantic.semantic-processing .utilityStack{transform:translateY(10px)}
.searchShell,.chipsViewport,.utilityStack{transition:transform .56s cubic-bezier(.2,.8,.2,1),opacity .28s ease}
html.theme-light .semanticInterpretation{background:rgba(255,255,255,.70);border-color:rgba(25,40,33,.10);box-shadow:0 12px 42px rgba(34,52,43,.08)}
html.theme-light .semanticInterpretationLine{color:rgba(24,33,29,.94)}
html.theme-light .semanticInterpretationStep{color:rgba(67,82,74,.55)}
html.theme-light .semanticInterpretationStep b{color:rgba(62,75,68,.70)}
html.theme-light .semanticInterpretationStep.loading b{color:rgba(31,45,38,.96)}
html.theme-light .semanticInterpretationStep.done b{color:rgba(54,70,61,.82)}
@media(max-width:680px){.semantic.semantic-processing .semanticInterpretationSlot{max-height:280px;margin-bottom:13px}.semanticInterpretation{width:92%;padding:13px 14px}.semanticInterpretationLine{min-height:44px;font-size:14px}.semanticInterpretationStep{font-size:10.5px}}
@media(prefers-reduced-motion:reduce){.semanticInterpretationSlot,.semanticInterpretation,.searchShell,.chipsViewport,.utilityStack{transition:none!important}.semanticInterpretationStep.loading .semanticInterpretationState::before{animation-duration:1.4s}}