:root,body.light{--btn-default-text:#4b5563;--btn-default-bg:#f3f4f6;--btn-default-hover-bg:#e5e7eb;--btn-primary-text:color-mix(in srgb,var(--primary) 100%,transparent);--btn-primary-bg:color-mix(in srgb,var(--primary) 20%,transparent);--btn-primary-hover-bg:color-mix(in srgb,var(--primary) 30%,transparent);--btn-secondary-text:color-mix(in srgb,#9333ea 100%,transparent);--btn-secondary-bg:color-mix(in srgb,#9333ea 15%,transparent);--btn-secondary-hover-bg:color-mix(in srgb,#9333ea 25%,transparent);--btn-accent-text:color-mix(in srgb,#c026d3 100%,transparent);--btn-accent-bg:color-mix(in srgb,#c026d3 15%,transparent);--btn-accent-hover-bg:color-mix(in srgb,#c026d3 25%,transparent);--btn-info-text:color-mix(in srgb,#0284c7 100%,transparent);--btn-info-bg:color-mix(in srgb,#0284c7 15%,transparent);--btn-info-hover-bg:color-mix(in srgb,#0284c7 25%,transparent);--btn-success-text:color-mix(in srgb,#16a34a 100%,transparent);--btn-success-bg:color-mix(in srgb,#16a34a 15%,transparent);--btn-success-hover-bg:color-mix(in srgb,#16a34a 25%,transparent);--btn-warning-text:color-mix(in srgb,#d97706 100%,transparent);--btn-warning-bg:color-mix(in srgb,#d97706 15%,transparent);--btn-warning-hover-bg:color-mix(in srgb,#d97706 25%,transparent);--btn-error-text:color-mix(in srgb,#b91c1c 100%,transparent);--btn-error-bg:color-mix(in srgb,#b91c1c 15%,transparent);--btn-error-hover-bg:color-mix(in srgb,#b91c1c 25%,transparent)}body.dark{--btn-default-text:#f3f4f6;--btn-default-bg:#374151;--btn-default-hover-bg:#4b5563;--btn-primary-text:color-mix(in srgb,var(--primary) 100%,transparent);--btn-primary-bg:color-mix(in srgb,var(--primary) 20%,transparent);--btn-primary-hover-bg:color-mix(in srgb,var(--primary) 30%,transparent);--btn-secondary-text:color-mix(in srgb,#f3e8ff 100%,transparent);--btn-secondary-bg:color-mix(in srgb,#9333ea 20%,transparent);--btn-secondary-hover-bg:color-mix(in srgb,#9333ea 30%,transparent);--btn-accent-text:color-mix(in srgb,#fbcfe8 100%,transparent);--btn-accent-bg:color-mix(in srgb,#c026d3 20%,transparent);--btn-accent-hover-bg:color-mix(in srgb,#c026d3 30%,transparent);--btn-info-text:color-mix(in srgb,#e0f2fe 100%,transparent);--btn-info-bg:color-mix(in srgb,#0284c7 20%,transparent);--btn-info-hover-bg:color-mix(in srgb,#0284c7 30%,transparent);--btn-success-text:color-mix(in srgb,#dcfce7 100%,transparent);--btn-success-bg:color-mix(in srgb,#16a34a 20%,transparent);--btn-success-hover-bg:color-mix(in srgb,#16a34a 30%,transparent);--btn-warning-text:color-mix(in srgb,#fef3c7 100%,transparent);--btn-warning-bg:color-mix(in srgb,#d97706 20%,transparent);--btn-warning-hover-bg:color-mix(in srgb,#d97706 30%,transparent);--btn-error-text:color-mix(in srgb,#fee2e2 100%,transparent);--btn-error-bg:color-mix(in srgb,#b91c1c 20%,transparent);--btn-error-hover-bg:color-mix(in srgb,#b91c1c 30%,transparent)}.soft-btn{display:flex;border-radius:.5rem;padding:1px 10px;text-align:center;cursor:pointer;gap:1rem;text-decoration:none;transition:background-color .2s ease-in-out,color .2s ease-in-out;margin:0}.soft-btn:hover{box-shadow:none!important}.soft-btn-text{color:var(--btn-default-text)}.soft-blur{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.soft-btn-default{color:var(--btn-default-text);background-color:var(--btn-default-bg)}.soft-btn-default:hover{background-color:var(--btn-default-hover-bg)}.soft-btn-primary{color:var(--btn-primary-text);background-color:var(--btn-primary-bg)}.soft-btn-primary:hover{background-color:var(--btn-primary-hover-bg)}.soft-btn-secondary{color:var(--btn-secondary-text);background-color:var(--btn-secondary-bg)}.soft-btn-secondary:hover{background-color:var(--btn-secondary-hover-bg)}.soft-btn-accent{color:var(--btn-accent-text);background-color:var(--btn-accent-bg)}.soft-btn-accent:hover{background-color:var(--btn-accent-hover-bg)}.soft-btn-info{color:var(--btn-info-text);background-color:var(--btn-info-bg)}.soft-btn-info:hover{background-color:var(--btn-info-hover-bg)}.soft-btn-success{color:var(--btn-success-text);background-color:var(--btn-success-bg)}.soft-btn-success:hover{background-color:var(--btn-success-hover-bg)}.soft-btn-warning{color:var(--btn-warning-text);background-color:var(--btn-warning-bg)}.soft-btn-warning:hover{background-color:var(--btn-warning-hover-bg)}.soft-btn-error{color:var(--btn-error-text);background-color:var(--btn-error-bg)}.soft-btn-error:hover{background-color:var(--btn-error-hover-bg)}.soft-btn-group{display:inline-flex;border-radius:.375rem;overflow:hidden;margin:1rem 0}.soft-btn-group .soft-btn{border-radius:0}.soft-btn-group .soft-btn:first-child{border-radius:.5rem 0 0 .5rem}.soft-btn-group .soft-btn:last-child{border-radius:0 .5rem .5rem 0;border-right:none}.chat-container{display:flex;flex-direction:column;max-width:400px;margin:0 auto;font-family:Arial,sans-serif}.chat-bubble{display:flex;margin:0}.chat-start{align-self:flex-start;flex-direction:row}.chat-end{align-self:flex-end;flex-direction:row-reverse}.avatar{width:40px;height:40px;border-radius:50%;margin-right:8px;align-self:flex-start}.chat-content{display:flex;flex-direction:column}.chat-header{display:flex;gap:1em;align-items:center}.chat-end .chat-header{flex-direction:row-reverse}.chat-end .avatar{margin-left:8px;margin-right:0}.chat-name{font-weight:700;margin-right:8px}.chat-time{font-size:.8em;font-weight:700}.chat-message{display:inline-block;padding:6px 10px;border-radius:16px;max-width:70%;word-wrap:break-word;margin-top:0}.chat-start .chat-message{background-color:var(--primary);color:var(--surface);border-top-left-radius:0}.chat-end .chat-message{background-color:var(--surface);color:var(--inverse-surface);border-top-right-radius:0}.chat-start .chat-message:before{content:"";position:absolute;left:-8px;top:10px;width:0;height:0;border:8px solid transparent;border-right:8px solid var(--primary)}.chat-end .chat-message:before{content:"";position:absolute;right:-8px;top:10px;width:0;height:0;border:8px solid transparent;border-left:8px solid var(--surface)}.chat-header{margin:0}.chat-bubble,.chat-message{margin:0!important}.chat-message{position:relative}