.conversation-title{padding:12px;margin:0;border-radius:8px;transition:background-color .2s ease;user-select:none}.conversation-title:hover{background-color:hsla(0,0%,100%,.1)}.conversation-title:hover span{transform:translateY(2px)}.conversation-preview{color:#666;font-size:.9em;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid hsla(0,0%,100%,.1);width:fit-content;max-width:70%;background-color:#3a3a3a;color:#fff;text-align:left;align-self:flex-end;margin-left:auto;margin-right:0;padding:10px 15px;border-radius:15px;word-wrap:break-word}.message{display:flex;align-items:flex-start;padding:12px;gap:12px}.message-icon{display:none;flex-shrink:0;width:24px;height:24px;color:#fff}.user .message-icon{display:flex;align-items:center;justify-content:center}.user.message{align-items:baseline}.message-content{flex:1}.code-header{padding:8px 12px;background-color:#343541;border-top-left-radius:6px;border-top-right-radius:6px;color:#999}.code-header em{font-style:normal;font-size:.9em}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{margin:0;padding:0;font-family:Inter,sans-serif;background-color:#000;color:#e0e0e0}*{box-sizing:border-box}.App{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin:0 auto;padding:20px}h1,h2,h3{font-family:Inter,sans-serif;color:#fff;margin-bottom:.5rem}h3{font-size:1.5rem}.conversations-container{width:70%;max-width:70%;margin:0 auto;padding:0;position:relative;overflow-y:auto;height:100vh;box-sizing:border-box}@media (min-width:1024px){.conversations-container{max-width:90%}}.conversation-bubble{display:flex;flex-direction:column;max-width:70%;padding:1rem;margin:2rem auto;box-sizing:border-box;background-color:#1e1e1e;border-radius:15px;box-shadow:0 2px 4px rgba(0,0,0,.5);opacity:1;transition:opacity .5s ease-out}.conversation-title{text-align:left;width:100%;border-bottom:1px solid #444;font-size:2.3rem;font-style:italic;margin:.1rem 0;padding:15px;color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease,padding .2s ease}.conversation-title:hover{background-color:hsla(0,0%,100%,.05)}.conversation-title span{font-size:1.2rem;font-style:normal;opacity:.7;transition:transform .2s ease}.conversation-title:hover span{opacity:1}.conversation-bubble:not(.collapsed) .conversation-title{margin-bottom:2rem}.message-list{display:flex;flex-direction:column;gap:.5rem;width:100%;align-items:stretch;padding:0;list-style:none;box-sizing:border-box;margin-top:1rem}.message{width:98%;position:relative;box-sizing:border-box;display:inline-block;font-size:1rem;line-height:1.6;margin-bottom:10px;padding:1rem 15px 3rem}.message,.message.user{border-radius:15px;word-wrap:break-word}.message.user{width:fit-content;max-width:70%;background-color:#3a3a3a;color:#fff;text-align:left;align-self:flex-end;margin-left:auto;margin-right:0;padding:10px 15px}.message.assistant{color:#e0e0e0;text-align:left;align-self:flex-start;margin-right:auto}table{width:100%;border-collapse:collapse;margin:20px 0;font-size:1rem;background-color:#3b3b3b;color:#e0e0e0}td,th{border:1px solid #272727;padding:10px;text-align:left}th{background-color:#000;color:#fff}tr:nth-child(2n){background-color:#333}.code-header{display:flex;justify-content:space-between;align-items:center;background-color:#2e323a;padding:.3125rem .625rem;border-radius:.625rem .625rem 0 0;margin-bottom:0}.code-language{font-size:.85rem}pre{background:#000;padding:1rem;border-radius:0 0 .875rem .875rem;overflow-x:auto;line-height:1.6;margin:0;border:1px solid #3c4048}.copy-button{background:linear-gradient(135deg,#5e5f67,#3d3e44);color:#fff;border:none;border-radius:.625rem;padding:.5rem;font-size:.875rem;font-weight:700;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.2);transition:all .3s ease-in-out;margin-left:.5rem;position:relative;overflow:hidden;text-align:left}.copy-button:hover{background:linear-gradient(135deg,#6f707a,#4c4d55);color:#e6b465}.copy-button:active{transform:scale(.98)}a{color:#4a90e2;text-decoration:none;font-family:Inter,sans-serif;font-size:1rem}a:hover{color:#357ab8}.capture-link-button,.scroll-button{position:fixed;font-size:2rem;background:none;border:none;cursor:pointer;z-index:1000;color:#fff;transition:color .3s ease-in,filter .3s ease-in;width:120px;height:50px;display:flex;align-items:center;justify-content:center}.scroll-button{top:3rem;left:2%}.capture-link-button{top:3rem;right:3%}.capture-link-button:hover,.scroll-button:hover{color:#702525;font-weight:700}.capture-link-button.clicked{filter:url(#pixelate);transition:none}tip-button:hover{position:relative;left:3px}.tip-button:active{color:gold}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}