:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-color: #131314;--surface: #1E1F20;--primary: #8ab4f8;--text-main: #e8eaed;--text-sec: #9aa0a6}body{background:var(--bg-color);color:var(--text-main);margin:0;font-family:Inter,Roboto,sans-serif;height:100vh;width:100vw;overflow:hidden}.app-container{height:100vh;width:100vw;display:flex;flex-direction:column}.hero-section{width:100%;text-align:center;padding:15px 0;flex-shrink:0;z-index:20;background:var(--bg-color);border-bottom:1px solid #222}.hero-logo{width:100px;cursor:pointer}.landing-mode .hero-logo{width:250px;margin-top:5vh;border:none}.landing-mode .hero-section{border-bottom:none}.main-split-container{display:flex;flex:1;width:100%;position:relative;overflow:hidden}.chat-pane{display:flex;flex-direction:column;height:100%;position:relative;background:var(--bg-color);width:100%;flex:1;border-right:1px solid transparent;transition:width .3s ease,flex .3s ease}.split-active .chat-pane{width:50%;flex:0 0 50%;border-right:1px solid #333}.results-pane{flex:1;background:#18191a;padding:0;overflow-y:auto;display:none;height:100%}.split-active .results-pane{display:block}.results-content-wrapper{padding:30px 40px}.messages-area{flex:1;overflow-y:auto;padding:20px 40px 120px;display:flex;flex-direction:column}.message-row{display:flex;gap:15px;margin-bottom:20px;flex-shrink:0}.message-row.user{justify-content:flex-end}.message-bubble{background:#303134;padding:15px 25px;border-radius:24px;max-width:90%;font-size:1.05rem;line-height:1.6}.message-row.user .message-bubble{background:#8ab4f8;color:#202124}.ai-avatar{width:36px;height:36px;border-radius:50%}.input-area{position:absolute;bottom:30px;left:0;width:100%;display:flex;justify-content:center;pointer-events:none;z-index:50}.input-box-wrapper{pointer-events:auto;width:80%;max-width:900px;background:#303134;border-radius:35px;display:flex;padding:15px 25px;border:1px solid #5f6368;box-shadow:0 10px 40px #0009;align-items:center}.chat-input{background:transparent;border:none;color:#fff;flex:1;outline:none;font-size:1.2rem}.send-btn{background:transparent;border:none;color:#8ab4f8;font-size:1.6rem;cursor:pointer;padding-left:15px}.garage-bar{flex-shrink:0;display:flex;gap:12px;padding:15px 40px;border-bottom:1px solid #333;overflow-x:auto;background:var(--bg-color)}.garage-chip{background:#3c4043;border:1px solid #5f6368;padding:8px 18px;border-radius:20px;cursor:pointer;white-space:nowrap;font-size:.9rem;color:#e8eaed}.garage-chip:hover{border-color:#8ab4f8;color:#fff;background:#45494d}.results-header{font-size:1.3rem;color:var(--text-sec);margin-bottom:30px;border-bottom:1px solid #333;padding-bottom:15px}.search-result-item{margin-bottom:40px;display:flex;flex-direction:column;gap:6px}.result-source{font-size:.9rem;color:var(--text-sec);display:flex;align-items:center;gap:10px}.result-source img{width:18px;height:18px;border-radius:50%}.result-title{font-size:1.5rem;color:#8ab4f8;text-decoration:none;line-height:1.3}.result-title:hover{text-decoration:underline}.result-price{color:#81c995;font-weight:700;font-size:1rem}.result-snippet{color:#bdc1c6;line-height:1.6;max-width:800px;font-size:1rem}.button-group,.trim-group{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.action-btn,.trim-btn{padding:10px 20px;border-radius:10px;border:1px solid #5f6368;background:transparent;color:#e8eaed;cursor:pointer;font-size:.95rem}.action-btn:hover,.trim-btn:hover{background:#8ab4f826;border-color:#8ab4f8}.action-btn.correct{border-color:#81c995;color:#81c995}.action-btn.incorrect{border-color:#f28b82;color:#f28b82}.app-footer{flex-shrink:0;text-align:center;padding:10px;font-size:.8rem;color:#666;border-top:1px solid #222}.app-footer a{color:#888;text-decoration:none;margin:0 10px}@media(max-width:1000px){.main-split-container{flex-direction:column}.split-active .chat-pane{width:100%;flex:1;border-right:none;display:none}.results-pane{display:block}}.spinner{display:inline-block;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#1e1f20;padding:30px;border-radius:20px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px #00000080;border:1px solid #333;color:#e8eaed;position:relative}.modal-content h2{margin-top:0;color:#8ab4f8}.modal-content h3{color:#ccc;margin-top:20px}.modal-content p{line-height:1.6;color:#aaa}.close-modal-btn{position:absolute;top:15px;right:20px;background:transparent;border:none;color:#888;font-size:2rem;cursor:pointer;transition:color .2s}.close-modal-btn:hover{color:#fff}