#liana-widget {
    --lna-ink: #292137;
    --lna-muted: #625c6d;
    --lna-theme: #533978;
    --lna-on-theme: #fff;
    --lna-accent: #533978;
    --lna-soft: color-mix(in srgb,var(--lna-theme) 9%,white);
    --lna-accent-line: color-mix(in srgb,var(--lna-theme) 24%,white);
    --lna-hover: color-mix(in srgb,var(--lna-accent) 76%,#14111a);
    --lna-line: #e7e2ed;
    --lna-edge: 20px;
    position: fixed;
    z-index: 1050;
    left: max(20px, env(safe-area-inset-left, 0px));
    bottom: calc(max(var(--lna-edge), env(safe-area-inset-bottom, 0px)) + var(--lna-keyboard-inset, 0px));
    width: auto;
    max-width: calc(100vw - 32px);
    color: var(--lna-ink);
    text-align: left;
    direction: ltr;
    color-scheme: light;
    font: 400 15px/1.48 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, "Noto Sans Sinhala", sans-serif;
    letter-spacing: normal;
    -webkit-text-size-adjust: 100%;
}
#liana-widget:lang(si) { font-family: "Noto Sans Sinhala", Inter, "Segoe UI", sans-serif; }
#liana-widget *, #liana-widget *::before, #liana-widget *::after { box-sizing: border-box; }
#liana-widget[hidden], #liana-widget [hidden] { display: none !important; }
#liana-widget button, #liana-widget textarea { margin: 0; font: inherit; color: inherit; text-transform: none; letter-spacing: normal; }
#liana-widget button { appearance: none; cursor: pointer; background-image: none; }
#liana-widget button:disabled { cursor: default; }
#liana-widget :focus-visible { outline: 3px solid var(--lna-accent); outline-offset: 2px; }
#liana-widget .lna-icon { display: inline-flex; flex: none; width: 18px; height: 18px; color: inherit; }
#liana-widget .lna-icon svg, #liana-widget .lna-avatar svg { display: block; width: 100%; height: 100%; }
#liana-widget svg { shape-rendering: geometricPrecision; image-rendering: auto; }
#liana-widget .lna-avatar { display: block; width: 56px; height: 56px; flex: none; }
#liana-widget .lna-launch {
    display: grid; place-items: center; position: relative; width: 64px; height: 64px; padding: 4px;
    border: 0; border-radius: 50%; overflow: visible; color: #fff; background: #fff;
    box-shadow: 0 0 0 1px #34224624, 0 3px 8px #30203f1f, 0 9px 23px #34224626;
    background: linear-gradient(145deg,#fff 25%,var(--lna-soft));
    box-shadow: 0 0 0 1px var(--lna-accent-line), 0 3px 8px #30203f1f, 0 9px 23px #34224626;
    transition: box-shadow .18s ease, translate .18s ease;
}
#liana-widget .lna-launch:hover { box-shadow: 0 0 0 2px var(--lna-accent-line), 0 6px 18px #34224632; translate: 0 -2px; }
#liana-widget .lna-launch .lna-avatar { width: 100%; height: 100%; border-radius: 50%; background: var(--lna-soft); }
#liana-widget.lna-collapsing { pointer-events: none; }
#liana-widget.lna-collapsing .lna-launch { position: absolute; bottom: 0; left: 0; z-index: 1; pointer-events: auto; }
#liana-widget .lna-online-dot {
    position: absolute; width: 16px; height: 16px; right: 0; bottom: 1px; border: 3px solid #fff;
    border-radius: 50%; background: #208467;
}
#liana-widget .lna-panel {
    width: 400px; max-width: 100%; height: min(528px, calc(100vh - 48px)); height: min(528px, calc(100dvh - 48px));
    display: flex; flex-direction: column; overflow: hidden; background: transparent; transform-origin: 30px calc(100% - 26px);
    border: 0; border-radius: 24px;
    box-shadow: 0 0 0 1px #3c2c552b, 0 4px 12px #26153416, 0 18px 48px #27153429;
}
#liana-widget .lna-head {
    position: relative; isolation: isolate; flex: none; display: flex; align-items: center;
    min-height: 92px; gap: 13px; padding: 17px 18px; color: #fff;
    background: var(--lna-accent);
    background: linear-gradient(112deg,color-mix(in srgb,var(--lna-accent) 43%,#1b1921),var(--lna-accent) 84%,color-mix(in srgb,var(--lna-accent) 90%,white));
}
#liana-widget .lna-head::before {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background: url("header-ribbons.svg") right center / auto 100% no-repeat;
}
#liana-widget .lna-head .lna-avatar {
    width: 56px; height: 56px; padding: 2px; border-radius: 50%;
    background: #fcf9ff; box-shadow: 0 0 0 3px #f2dfff24;
}
#liana-widget .lna-avatar.lna-initial { display: grid; place-items: center; color: var(--lna-accent); font-weight: 700; font-size: 23px; }
#liana-widget .lna-heading { flex: 1; min-width: 0; }
#liana-widget .lna-name { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font-size: 24px; line-height: 1.16; font-weight: 700; letter-spacing: -.035em; }
#liana-widget .lna-subtitle { display: flex; align-items: center; gap: 6px; margin-top: 4px; color: #eee4f6; font-size: 12px; line-height: 1.4; }
#liana-widget .lna-subtitle::before { content: ""; flex: none; width: 6px; height: 6px; border-radius: 50%; background: #8eddbb; }
#liana-widget .lna-byline { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; overflow-wrap: anywhere; min-width: 0; }
#liana-widget .lna-byline-split { display: grid; gap: 1px; }
#liana-widget .lna-byline-split > * { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#liana-widget .lna-byline-split .lna-company { width: fit-content; max-width: 100%; }
#liana-widget .lna-company { color: inherit; text-decoration: underline; text-decoration-color: #ffffff55; text-underline-offset: 2px; }
#liana-widget .lna-company:hover, #liana-widget .lna-company:focus-visible { color: white; text-decoration-color: currentColor; }
#liana-widget .lna-company:focus-visible { outline-color: white; outline-offset: -1px; }
#liana-widget .lna-head-actions { display: flex; align-items: center; flex: none; gap: 5px; }
#liana-widget .lna-sound, #liana-widget .lna-minimize {
    display: grid; place-items: center; flex: none; width: 36px; height: 36px; padding: 0;
    color: #fff; border: 1px solid #ffffff61; border-radius: 50%; background: #ffffff15;
}
#liana-widget .lna-sound { color: #eee4f4; background: transparent; border-color: transparent; }
#liana-widget .lna-sound .lna-icon { width: 18px; height: 18px; }
#liana-widget .lna-sound:hover, #liana-widget .lna-minimize:hover { background: #ffffff28; }
#liana-widget .lna-head-actions button:focus-visible { outline-color: #dac6fc; }
#liana-widget .lna-log { flex: 1; min-height: 0; padding: 20px 17px 15px; background: #faf9fc; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #c9bdcf transparent; }
#liana-widget .lna-session-check {
    flex: 1; min-height: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
    background: #faf9fc; color: var(--lna-muted); padding: 16px; text-align: center; font-size: 14px;
}
#liana-widget .lna-session-check.lna-inline-check {
    flex: none; flex-direction: row; justify-content: space-between; padding: 8px 15px;
    border-top: 1px solid var(--lna-line); background: #fff; font-size: 12px; text-align: start;
}
#liana-widget .lna-hello { margin: 1px 3px 4px; }
#liana-widget .lna-welcome { margin: 0 0 16px; color: var(--lna-ink); font-size: 26px; line-height: 1.22; font-weight: 680; letter-spacing: -.038em; }
#liana-widget .lna-shortcuts { display: grid; gap: 8px; }
#liana-widget .lna-quick {
    width: 100%; display: flex; align-items: center; gap: 11px; text-align: left;
    padding: 10px 12px; border: 1px solid #ddd5e6; border-radius: 14px; background: #fff;
    box-shadow: 0 1px 3px #38204505; transition: border-color .18s ease, background-color .18s ease;
}
#liana-widget .lna-quick:hover { border-color: var(--lna-accent-line); background: var(--lna-soft); }
#liana-widget .lna-tile { display: grid; place-items: center; flex: none; width: 38px; height: 38px; border-radius: 12px; }
#liana-widget .lna-tile .lna-icon { width: 20px; height: 20px; }
#liana-widget .lna-support .lna-tile { color: var(--lna-accent); background: var(--lna-soft); }
#liana-widget .lna-products .lna-tile { color: #a35b38; background: #faeadc; }
#liana-widget .lna-lookup .lna-tile { color: #357367; background: #e0f2eb; }
#liana-widget .lna-quick-words { flex: 1; display: grid; gap: 2px; min-width: 0; }
#liana-widget .lna-quick-title { color: #352c40; font-size: 14px; line-height: 1.35; font-weight: 650; }
#liana-widget .lna-quick-detail { color: var(--lna-muted); font-size: 12px; line-height: 1.4; }
#liana-widget .lna-quick > .lna-icon { width: 15px; height: 15px; color: #887b93; }
#liana-widget .lna-row { display: flex; align-items: flex-start; margin: 0 0 11px; }
#liana-widget .lna-user { justify-content: flex-end; }
#liana-widget .lna-bubble { min-width: 0; max-width: 94%; padding: 11px 13px; border-radius: 16px 16px 16px 5px; border: 1px solid #e4dce9; background: white; color: #362e40; font-size: 14px; line-height: 1.56; overflow-wrap: anywhere; }
#liana-widget .lna-user .lna-bubble { max-width: 87%; border-radius: 16px 16px 5px 16px; border: 1px solid transparent; background: var(--lna-theme); color: var(--lna-on-theme); border-color: var(--lna-accent-line); }
#liana-widget .lna-user .lna-text, #liana-widget .lna-plain-answer { white-space: pre-wrap; }
#liana-widget .lna-user .lna-bubble { transform-origin: right bottom; }
#liana-widget .lna-assistant .lna-bubble { transform-origin: left bottom; }
#liana-widget .lna-paragraph, #liana-widget .lna-list { margin: 0; padding: 0; line-height: inherit; font: inherit; color: inherit; }
#liana-widget .lna-answer > * + * { margin-top: 8px; }
#liana-widget .lna-list { padding-inline-start: 22px; }
#liana-widget ol.lna-list { list-style: decimal outside; }
#liana-widget ul.lna-list { list-style: disc outside; }
#liana-widget .lna-list li { display: list-item; margin: 0; padding: 0 0 0 2px; }
#liana-widget .lna-list li + li { margin-top: 5px; }
#liana-widget .lna-list li::marker { color: var(--lna-accent); font-weight: 600; }
#liana-widget .lna-code, #liana-widget .lna-inline-code { color: #49365b; background: #f3eef7; font: 12px/1.55 ui-monospace, SFMono-Regular, Consolas, monospace; border-radius: 5px; }
#liana-widget .lna-inline-code { padding: 1px 4px; }
#liana-widget .lna-code { max-width: 100%; margin: 8px 0 0; padding: 8px 10px; border: 1px solid var(--lna-line); white-space: pre-wrap; word-break: break-word; }
#liana-widget .lna-code code { color: inherit; background: none; padding: 0; font: inherit; }
#liana-widget .lna-options { display: grid; gap: 5px; margin-top: 10px; }
#liana-widget .lna-cart { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 35px; padding: 6px 9px; color: var(--lna-accent); border: 1px solid var(--lna-accent-line); border-radius: 9px; background: var(--lna-soft); font-size: 13px; font-weight: 650; line-height: 1.45; text-decoration: none; }
#liana-widget .lna-cart:hover { background: var(--lna-soft); color: var(--lna-hover); border-color: var(--lna-accent); }
#liana-widget .lna-cart .lna-icon { width: 15px; height: 15px; }
#liana-widget .lna-thinking { color: var(--lna-muted); padding: 3px 2px; font-size: 12px; }
#liana-widget .lna-sr { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
#liana-widget .lna-notice { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0; padding: 8px 15px; border-top: 1px solid #f0e3d4; background: #fff6e9; color: #634825; font-size: 12px; }
#liana-widget .lna-retry, #liana-widget .lna-back { flex: none; padding: 5px 0; color: inherit; background: transparent; border: 0; text-decoration: underline; text-underline-offset: 2px; font-size: 12px; }
#liana-widget .lna-form { flex: none; margin: 0; padding: 10px 14px 13px; border-top: 1px solid var(--lna-line); background: #fff; }
#liana-widget .lna-composer { display: flex; align-items: flex-end; gap: 4px; padding: 3px 4px; border: 1px solid #d8cedf; border-radius: 17px; background: #fcfafd; transition: border-color .15s; }
#liana-widget .lna-composer:focus-within { border-color: var(--lna-accent); box-shadow: 0 0 0 2px var(--lna-soft); }
#liana-widget .lna-input { flex: 1; min-width: 0; width: 100%; min-height: 42px; max-height: 94px; padding: 10px 8px; margin: 0; resize: none; color: #342c3d; border: 0; border-radius: 12px; background: transparent; font-size: 14px; line-height: 22px; box-shadow: none; }
#liana-widget .lna-input:focus-visible { outline: none; }
#liana-widget .lna-input::placeholder { color: #786e80; opacity: 1; }
#liana-widget .lna-send { display: grid; place-items: center; flex: none; width: 36px; height: 36px; margin: 3px; padding: 0; color: var(--lna-on-theme); background: var(--lna-theme); border: 1px solid var(--lna-accent-line); border-radius: 50%; }
#liana-widget .lna-send:hover:enabled { background: var(--lna-hover); color: white; }
#liana-widget .lna-send .lna-icon { transition: transform .16s ease; }
#liana-widget .lna-send:hover:enabled .lna-icon { transform: translateY(-1px); }
#liana-widget .lna-send:active:enabled .lna-icon { transform: translateY(-2px) scale(.91); }
#liana-widget .lna-send:disabled { border-color: transparent; background: #e7e0ed; color: #807389; }
#liana-widget .lna-domain-label { display: flex; justify-content: space-between; align-items: center; margin: -3px 4px 4px; color: var(--lna-muted); font-size: 12px; }
#liana-widget .lna-toast { max-width: 310px; padding: 12px 15px; color: #392f42; background: white; border: 1px solid var(--lna-line); border-radius: 12px; box-shadow: 0 4px 18px #22112e24; }
@media (max-width: 480px) {
    #liana-widget { --lna-edge: 10px; left: max(10px,env(safe-area-inset-left,0px)); max-width: calc(100vw - 20px); }
    #liana-widget .lna-panel { width: min(400px,calc(100vw - 20px)); height: min(550px,calc(100vh - 24px)); height: min(550px,calc(100dvh - 24px)); border-radius: 20px; }
    #liana-widget .lna-head { min-height: 84px; padding: 13px 16px; }
}
@media (pointer: coarse), (max-width: 600px) {
    #liana-widget .lna-panel {
        max-height: calc(var(--lna-visible-height, 100dvh) - max(var(--lna-edge), env(safe-area-inset-top, 0px)) - max(var(--lna-edge), env(safe-area-inset-bottom, 0px)));
    }
    #liana-widget .lna-input { height: 64px; padding-block: 10px; font-size: 16px; line-height: 22px; overflow-y: auto; overscroll-behavior: contain; }
    #liana-widget.lna-short-viewport .lna-head { min-height: 48px; padding-block: 4px; }
    #liana-widget.lna-short-viewport .lna-head .lna-avatar { width: 36px; height: 36px; }
    #liana-widget.lna-short-viewport .lna-log { padding-block: 4px; }
    #liana-widget.lna-short-viewport .lna-form { padding-block: 4px; }
    #liana-widget.lna-short-viewport .lna-input { height: 44px; }
}
@media (max-width: 350px) {
    #liana-widget .lna-log { padding-inline: 12px; }
    #liana-widget .lna-quick { padding: 8px; gap: 8px; }
    #liana-widget .lna-head { gap: 9px; padding-inline: 12px; }
    #liana-widget .lna-welcome { font-size: 23px; }
}
@media (max-height: 440px) {
    #liana-widget .lna-head { min-height: 54px; padding-block: 6px; }
    #liana-widget .lna-head .lna-avatar { width: 40px; height: 40px; }
    #liana-widget .lna-log { padding-block: 9px; }
}
@media (prefers-reduced-motion: reduce) {
    #liana-widget *, #liana-widget *::before, #liana-widget *::after { animation: none !important; transition: none !important; }
}
@media (forced-colors: active) {
    #liana-widget .lna-panel, #liana-widget .lna-launch:not(:focus-visible) { outline: 1px solid CanvasText; }
    #liana-widget .lna-sound, #liana-widget .lna-minimize { border-color: ButtonText; }
    #liana-widget .lna-head::before { display: none; }
}