.sommelier-overlay{z-index:100;background:#00000080;justify-content:flex-end;display:flex;position:fixed;inset:0}.sommelier-panel{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;width:420px;max-width:100%;height:100%;animation:.3s slideIn;display:flex}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.somm-header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.somm-header h3{font-family:var(--font-display);color:var(--gold);letter-spacing:.25em;margin:0;font-size:14px;font-weight:600}.somm-sub{font-family:var(--font-sans);color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-top:4px;font-size:10px}.somm-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.6rem;font-weight:300;line-height:1;transition:color .15s}.somm-close:hover{color:var(--text-primary)}.somm-messages{flex-direction:column;flex:1;gap:14px;padding:24px;display:flex;overflow-y:auto}.somm-msg{font-family:var(--font-sans);white-space:pre-wrap;border-radius:4px;max-width:90%;padding:12px 16px;font-size:14px;font-weight:300;line-height:1.6}.somm-msg.assistant{background:var(--bg);color:var(--text-primary);border:1px solid var(--border-soft);align-self:flex-start}.somm-msg.user{background:var(--gold-dim);color:var(--text-primary);border:1px solid var(--border);align-self:flex-end}.somm-msg.loading{color:var(--text-muted)}.dot-anim{animation:1s infinite dots;display:inline-block}@keyframes dots{0%,to{opacity:.3}50%{opacity:1}}.somm-input-row{border-top:1px solid var(--border-soft);gap:8px;padding:20px 24px;display:flex}.somm-input{background:var(--bg);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-sans);border-radius:3px;outline:none;flex:1;padding:11px 16px;font-size:14px;font-weight:300}.somm-input::placeholder{color:var(--text-secondary)}.somm-input:focus{border-color:var(--gold)}.somm-mic{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:3px;flex-shrink:0;padding:11px 14px;font-size:1.1rem;transition:all .2s}.somm-mic:hover{border-color:var(--gold);color:var(--gold)}.somm-mic.listening{color:#c0392b;background:#c0392b26;border-color:#c0392b;animation:1.2s infinite pulse-mic}@keyframes pulse-mic{0%,to{opacity:1}50%{opacity:.5}}.somm-mic:disabled{opacity:.5;cursor:not-allowed}.somm-send{color:var(--gold);border:1px solid var(--gold);cursor:pointer;background:0 0;border-radius:3px;padding:11px 18px;font-size:1rem;font-weight:300;transition:all .2s}.somm-send:hover{background:var(--gold);color:var(--bg)}.somm-send:disabled{opacity:.5;cursor:not-allowed}.somm-guided{border:1px solid var(--border-soft);border-left:2px solid var(--gold);background:var(--gold-dim-subtle);border-radius:4px;flex-direction:column;gap:10px;margin:8px 0;padding:18px 16px;display:flex}.somm-guided-step{font-family:var(--font-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:400}.somm-guided-q{font-family:var(--font-display);color:var(--gold);letter-spacing:.01em;margin:2px 0 8px;font-size:18px;font-style:italic}.somm-guided-opts{flex-direction:column;gap:8px;display:flex}.somm-guided-opt{border:1px solid var(--border);color:var(--text-primary);text-align:left;cursor:pointer;font-family:var(--font-sans);letter-spacing:.02em;background:0 0;border-radius:3px;padding:12px 14px;font-size:13px;font-weight:300;transition:all .2s}.somm-guided-opt:hover:not(:disabled){border-color:var(--gold);color:var(--gold);background:var(--gold-dim-light)}.somm-guided-opt:disabled{opacity:.5;cursor:not-allowed}.somm-guided-skip{color:var(--text-secondary);font-family:var(--font-display);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--gold-dim-muted);text-decoration-color:var(--gold-dim-muted);text-underline-offset:3px;background:0 0;border:none;align-self:flex-start;padding:8px 0;font-size:13px;font-style:italic;transition:color .2s}.somm-guided-skip:hover{color:var(--gold)}@media (width<=480px){.sommelier-panel{width:100%}.somm-guided-q{font-size:16px}}