@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@300;400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--accent: #b8a080;--accent-bright: #c4ac8c;--fg: #3a352e;--fg-muted: #6a6358;--fg-dim: #9a9488;--user-bubble: rgba(255,255,255,.55);--soma-dot: #b8a080;--border: rgba(255,255,255,.3);--font-mono: "IBM Plex Mono", "Courier New", monospace;--font-sans: "IBM Plex Sans", -apple-system, sans-serif;--recommendation-bg: rgba(255,255,255,.35);--recommendation-border: rgba(255,255,255,.4);--pill-bg: rgba(255,255,255,.45);--pill-border: rgba(255,255,255,.5);--pill-hover: rgba(255,255,255,.65);--input-bg: rgba(255,255,255,.4);--input-border: rgba(255,255,255,.45)}html,body{height:100%;background:#d8ccb8;color:var(--fg);font-family:var(--font-sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow:hidden}#root{height:100%;display:flex;flex-direction:column;position:relative;isolation:isolate}#root:before{content:"";position:fixed;inset:0;z-index:-2;background:url(/bg.png) center / cover no-repeat}.header{display:none}.main{display:flex;flex-direction:column;flex:1;min-height:0;max-width:780px;width:100%;margin:0 auto;padding:0 20px}.headline-wrap{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding-bottom:24px}.headline-wrap.has-messages{display:none}.headline{font-family:var(--font-sans);font-weight:400;font-size:28px;color:#fff;letter-spacing:-.02em;margin-bottom:6px;text-shadow:0 1px 8px rgba(0,0,0,.25),0 0 30px rgba(0,0,0,.1)}.headline-sub{font-family:var(--font-mono);font-size:11px;color:#fffc;letter-spacing:.05em;text-shadow:0 1px 4px rgba(0,0,0,.2)}.thread{flex:1;overflow-y:auto;padding-top:24px;padding-bottom:12px;display:flex;flex-direction:column;gap:24px;scroll-behavior:smooth}.thread:empty{display:none}.thread::-webkit-scrollbar{width:4px}.thread::-webkit-scrollbar-track{background:transparent}.thread::-webkit-scrollbar-thumb{background:#0000001f;border-radius:2px}.message-group{display:flex;flex-direction:column;gap:8px}.user-message{align-self:flex-end;max-width:75%;background:var(--user-bubble);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--fg);font-size:14px;padding:10px 14px;border-radius:12px 12px 2px;border:1px solid rgba(255,255,255,.4);word-break:break-word}.soma-message{display:flex;flex-direction:column;gap:12px;max-width:100%;background:#ffffff38;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:10px;padding:14px;border:1px solid rgba(255,255,255,.3)}.soma-header{display:flex;align-items:center;gap:8px}.soma-dot{width:6px;height:6px;border-radius:50%;background:var(--soma-dot);flex-shrink:0}.soma-label{font-family:var(--font-mono);font-size:10px;color:var(--fg-muted);letter-spacing:.1em;text-transform:uppercase}.soma-text{font-size:15px;color:var(--fg);line-height:1.7;padding-left:14px}.recommendation-block{margin-left:14px;padding:12px 14px;background:var(--recommendation-bg);border:1px solid var(--recommendation-border);border-left:2px solid var(--accent);border-radius:0 6px 6px 0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.recommendation-label{font-family:var(--font-mono);font-size:9px;color:var(--fg-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-weight:600}.recommendation-text{font-size:13px;color:var(--fg-muted);line-height:1.6}.alfred-actions{display:flex;flex-wrap:wrap;gap:6px;padding-left:14px}.alfred-pill{font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);background:var(--pill-bg);border:1px solid var(--pill-border);padding:5px 10px;border-radius:4px;cursor:pointer;transition:border-color .15s,color .15s,background .15s;letter-spacing:.02em;white-space:nowrap;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.alfred-pill:hover{background:var(--pill-hover);border-color:var(--accent);color:var(--fg)}.alfred-pill.clicked{border-color:var(--accent);color:var(--fg);opacity:.6;cursor:default}.feedback-row{display:flex;align-items:center;gap:10px;padding-left:14px}.feedback-label{font-family:var(--font-mono);font-size:10px;color:var(--fg-dim);letter-spacing:.05em}.feedback-btns{display:flex;gap:4px}.feedback-btn{font-family:var(--font-mono);font-size:10px;color:var(--fg-muted);background:#ffffff40;border:1px solid rgba(255,255,255,.35);padding:3px 8px;border-radius:3px;cursor:pointer;transition:border-color .15s,color .15s,background .15s;letter-spacing:.04em}.feedback-btn:hover:not(:disabled){background:#fff6;border-color:#ffffff80;color:var(--fg)}.feedback-btn.selected{border-color:var(--accent);color:var(--fg);background:#fff6}.feedback-btn:disabled{cursor:default;opacity:.5}.thinking{display:flex;align-items:center;gap:8px;background:#ffffff38;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:10px;padding:14px;border:1px solid rgba(255,255,255,.3)}.thinking-dot{width:6px;height:6px;border-radius:50%;background:var(--soma-dot);flex-shrink:0}.thinking-dots{display:flex;gap:4px}.thinking-dots span{width:4px;height:4px;border-radius:50%;background:var(--fg-muted);animation:blink 1.2s infinite}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}.input-area{padding:12px 0 20px;flex-shrink:0}.input-row{display:flex;gap:8px;align-items:flex-end}.input-wrap{flex:1;position:relative}.chat-textarea{width:100%;background:#ffffff73;color:var(--fg);border:1px solid rgba(255,255,255,.5);border-radius:8px;padding:12px 14px;font-family:var(--font-sans);font-size:14px;line-height:1.5;resize:none;outline:none;min-height:46px;max-height:200px;overflow-y:auto;transition:border-color .15s,background .15s;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.chat-textarea::placeholder{color:var(--fg-dim)}.chat-textarea:focus{border-color:#ffffffa6;background:#ffffff8c}.chat-textarea::-webkit-scrollbar{width:3px}.chat-textarea::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.btn-send{background:#b4a082cc;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;width:44px;height:46px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .15s,background .15s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.btn-send:hover:not(:disabled){background:#b4a082f2}.btn-send:disabled{opacity:.4;cursor:not-allowed}.btn-mic{background:#ffffff4d;color:var(--fg-muted);border:1px solid rgba(255,255,255,.4);border-radius:8px;width:44px;height:46px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s,color .15s,background .15s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.btn-mic:hover{background:#ffffff73;color:var(--fg)}.btn-mic.listening{border-color:var(--accent);color:var(--accent);animation:pulse-ring 1.5s infinite}@keyframes pulse-ring{0%{box-shadow:0 0 #b8a0804d}70%{box-shadow:0 0 0 6px #b8a08000}to{box-shadow:0 0 #b8a08000}}.inline-error{font-family:var(--font-mono);font-size:11px;color:#c0392b;padding-left:14px;letter-spacing:.03em}@media(max-width:600px){.main{padding:0 14px}.headline{font-size:22px}.user-message{max-width:88%}}