*,*:after,*:before{box-sizing:border-box}body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#f9fafb;color:#333}.app{align-items:center;display:flex;flex-direction:column;height:100vh}.title{font-size:24px;font-weight:600;left:0;margin:0;padding:16px;position:fixed;-webkit-user-select:none;user-select:none}.search-result{display:flex;flex-direction:column;flex:1;gap:8px;max-width:720px;padding:64px 16px 145px;width:100%}.chat-bubble{border-radius:16px;font-size:15px;line-height:1.4;max-width:100%;padding:12px 16px;word-break:break-word}.chat-bubble.user{align-self:flex-end;background-color:#e0f2fe;color:#0369a1}.chat-bubble.model{align-self:flex-start;background-color:#f3f4f6;color:#111827}.input-wrapper{bottom:0;display:flex;flex-direction:column;justify-content:center;max-width:720px;padding:16px 0 12px;position:fixed;width:100%}.suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.suggestion{background-color:#f9fafb;border-radius:9999px;border:1px solid #d1d5db;color:#374151;cursor:pointer;font-size:13px;padding:6px 10px;transition:background-color .2s ease}.suggestion:hover{background-color:#e5e7eb}.input-container{align-items:center;background-color:#fff;border-radius:9999px;border:1px solid #d1d5db;box-shadow:0 1px 3px #0000000d;display:flex;padding:16px}.input-container input{background-color:transparent;border-radius:9999px;border:none;flex:1;font-size:15px;max-width:100%;outline:none;padding:12px 16px;width:calc(100% - 88px)}.input-container button{background-color:#000;border-radius:100%;border:none;color:#fff;display:flex;margin-left:4px;padding:6px;transition:background-color .2s ease}.input-container button:hover{background-color:#4c4c4c}.error{color:red;font-size:14px;margin:8px;text-align:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton{animation:pulse 1.5s infinite}.skeleton-user{width:40%}.skeleton-user .skeleton-text{background-color:#7dd3fc}.skeleton-text{border-radius:8px;height:14px}.skeleton-text.short{width:40%}.skeleton-text.medium{width:60%}.skeleton-text.long{width:90%}.skeleton-model{background-color:#f3f4f6;border-radius:16px;display:flex;flex-direction:column;padding:12px 16px;width:100%}.skeleton-model .skeleton-text{background-color:#9ca3af}.skeleton-model .skeleton-text:not(:last-child){margin-bottom:8px}