.message-row{display:flex;align-items:flex-end;gap:8px}.message-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.message-bubble{border-radius:16px;padding:8px 16px;max-width:280px;background:#f0f0f0;color:#050505;font-size:14px;line-height:20px;overflow-wrap:anywhere}.user-row{justify-content:flex-end}.user-row .message-bubble{background:#0084ff;color:#fff}.audio-bubble{border-radius:999px;padding:12px 16px;display:flex;align-items:center;gap:12px}.audio-play{flex-shrink:0;width:24px;height:24px;font-size:19px;color:#050505}.wave{display:flex;align-items:center;gap:2px;height:24px;flex-shrink:0}.wave span{width:2px;border-radius:2px;background:#050505;opacity:.6}.wave .played{background:#0084ff;opacity:1}.audio-time{font-size:12px;margin-left:4px;font-variant-numeric:tabular-nums}.audio-bubble audio{display:none}.pdf-bubble{padding:0;width:220px;overflow:hidden}.pdf-title{padding:16px;display:flex;gap:12px;align-items:center;min-width:0}.pdf-title>span:last-child{min-width:0}.pdf-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-title small{display:block;font-size:11px;color:#65676b}.pdf-icon{display:grid;place-items:center;color:#ff4d60;background:#f8dfe2;border-radius:4px;width:40px;height:40px;flex-shrink:0}.pdf-open{display:block;border-top:1px solid #e4e6eb;text-align:center;padding:10px;color:#0084ff;font-weight:500}.choices{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.choice{background:#0084ff;color:#fff;border-radius:999px;padding:10px 16px;font-size:14px;line-height:20px;text-align:left;max-width:100%}.choices:has(.choice:nth-child(2)) .choice{width:80%}.choice:hover{background:#0078e8}.typing{border-radius:999px;letter-spacing:4px;font-size:22px;color:#65676b}.message-input{width:100%;background:transparent;color:#050505;font-size:14px;outline:none}.message-input::placeholder{color:#65676b}#status-notice{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;border-radius:12px;background:#202020;color:#fff;font-size:14px;padding:12px 16px;z-index:1000}button:focus-visible,a:focus-visible{outline:2px solid #0084ff;outline-offset:3px}
.pdf-open{width:100%;cursor:pointer}.recipe-preview{position:fixed;inset:0;margin:auto;padding:0;border:0;border-radius:18px;width:min(448px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);overflow:hidden;background:#fff;color:#1e293b;box-shadow:0 24px 45px #0006;font-family:Inter,system-ui,sans-serif}.recipe-preview::backdrop{background:rgba(255,255,255,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.preview-header{display:flex;align-items:center;gap:10px;padding:11px 13px;background:linear-gradient(110deg,#1e293b,#334155);color:#fff}.preview-file-icon{display:grid;place-items:center;background:#ef3038;box-shadow:0 3px 8px #ef303855;border-radius:9px;width:28px;height:28px;font-size:19px;flex-shrink:0}.preview-heading{flex:1;min-width:0}.preview-heading h2{font-size:12px;font-weight:700;line-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-heading p{font-size:10px;color:#cbd5e1;line-height:14px}.preview-round{width:32px;height:32px;border:0;border-radius:50%;display:inline-grid;place-items:center;flex-shrink:0;background:#263447;color:#fff;box-shadow:0 2px 7px #0003;font-size:23px;line-height:1;cursor:pointer}.preview-dismiss{background:#ffffff1a;box-shadow:none;font-size:20px}.preview-round:disabled{background:#e9edf3;color:#a4afbd;box-shadow:none;cursor:default;opacity:.65}.preview-stage{position:relative;overflow:auto;overscroll-behavior:contain;height:260px;max-height:calc(100dvh - 190px);background-color:#dfe7f0;background-image:radial-gradient(#b8c7d8 .65px,transparent .65px);background-size:16px 16px;scrollbar-width:thin;scrollbar-color:#8996a4 #253244}.preview-canvas{display:flex;justify-content:center;align-items:flex-start;padding:12px;min-width:100%;width:max-content}.preview-image{display:block;max-width:none;height:auto;border-radius:4px;box-shadow:0 2px 10px #25324415;flex-shrink:0}.preview-zoom{position:sticky;bottom:12px;height:0;display:flex;flex-direction:column;align-items:flex-end;gap:7px;padding-right:12px;transform:translateY(-72px);pointer-events:none}.preview-zoom button{pointer-events:auto;width:29px;height:29px;font-size:20px}.preview-footer{padding:10px 12px 12px;background:#fbfcfe;text-align:center}.preview-navigation{display:flex;justify-content:center;align-items:center;gap:12px}.preview-counter{padding:7px 14px;border-radius:999px;background:#263447;color:#fff;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;box-shadow:0 2px 7px #0003}.preview-note{font-size:10px;color:#64748b;margin:8px 0;line-height:14px}.preview-back{padding:6px 16px;border-radius:999px;background:#263447;color:#fff;font-size:11px;font-weight:600;line-height:15px;box-shadow:0 2px 7px #0003;cursor:pointer}.recipe-preview button:focus-visible{outline:2px solid #0084ff;outline-offset:3px}@media(max-width:480px){.recipe-preview{width:calc(100vw - 24px)}.preview-heading h2{font-size:11px}} 
.user-row .checkout-bubble{padding:0;background:transparent;border-radius:5px;max-width:100%}.secure-checkout{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:12px 18px;border-radius:5px;background:#16a34a;color:#fff;box-shadow:0 2px 4px #0002;font-size:14px;font-weight:700;line-height:20px;cursor:pointer}.secure-checkout:hover{background:#15803d}.secure-checkout svg{width:15px;height:15px;flex-shrink:0}.secure-checkout:focus-visible{outline:2px solid #0084ff;outline-offset:3px}
