@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600&display=swap");*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f0f4f8,#d9e2ec);color:#333;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:20px}h1,h2,h3,h4,h5,h6{font-weight:600;color:#222;margin:1rem}a{color:#0070f3;text-decoration:none}a:hover{text-decoration:underline}button:hover{background:#005bb5}input{padding:.75rem;border:1px solid #ccc;border-radius:5px;font-size:1rem;width:100%;margin-bottom:1rem}.navbar{background:#fff;border-bottom:1px solid #eaeaea;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.navbar a{margin:0 1rem;font-weight:500}.home-container{text-align:center;padding:2rem}.home-container h2{margin-bottom:1rem}.home-container .bubbles{flex-wrap:wrap;gap:1rem;margin-top:2rem}.bubble,.home-container .bubbles{display:flex;justify-content:center}.bubble{width:120px;height:120px;border-radius:50%;background:#3498db;align-items:center;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.bubble:hover{transform:scale(1.1);box-shadow:0 5px 15px rgba(0,0,0,.2)}.create-bubble{margin-top:3rem;text-align:center}.create-bubble input{max-width:300px;margin:0 auto 1rem}.create-bubble button{background:#28a745}.create-bubble button:hover{background:#218838}.session-container{padding:2rem}.session-header{text-align:center;margin-bottom:2rem}.session-content{display:flex;flex-wrap:wrap;gap:2rem}.session-canvas{flex:2 1 500px;position:relative;border:1px solid #ccc;border-radius:8px}.session-ai,.session-canvas{background:#fff;padding:1rem}.session-ai{flex:1 1 300px;display:flex;flex-direction:column;height:500px;border:1px solid #ddd;border-radius:8px}.canvas-tools{margin-bottom:1rem}.canvas-tools button{margin-right:.5rem}.ai-chat-log{flex:1 1;overflow-y:auto;padding:.5rem;background:#f8f9fa;border-radius:5px;margin-bottom:1rem}button{font-family:inherit;font-size:1rem;cursor:pointer;padding:.5rem 1rem;background-color:#0070f3;color:white;border:none;border-radius:4px;transition:background-color .3s ease;margin:5px}.header{background:linear-gradient(90deg,#3498db,#2ecc71);color:white;display:flex;align-items:center;padding:15px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:1000;box-shadow:0 4px 6px rgba(0,0,0,.1)}.logo{font-size:1.8em;font-weight:700;letter-spacing:1px;margin-right:30px}button,input{font-family:inherit}