/* LibreLien identity selected on 25 October 2026: interlocking speech bubbles, blue and violet. */
:root{--ink:#061d42;--muted:#707b92;--line:#e9eaf6;--primary:#2568ed;--primary-dark:#1654ca;--blue:#2568ed;--soft:#edf2ff;--bg:#fafbff;--brand-gradient:linear-gradient(115deg,#087df8 0%,#345bf4 52%,#7254ed 100%)}
body{color:var(--ink)}
.brand{letter-spacing:-.055em;white-space:nowrap;font-weight:700}
.brand img,.rail-logo{object-fit:cover;border-radius:0}
.brand img{width:45px;height:39px}
.brand .light,.brand>span>span{font-weight:600;color:#6764f7;background:linear-gradient(115deg,#4373f8,#8562ef);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.nav .brand{gap:10px;font-size:26px}
.nav .brand img{width:52px;height:43px}
.footer .brand img{width:36px;height:30px}
.button:not(.light):not(.secondary):not(.outline):not(.danger),.new-button,.composer .send-button{background:var(--brand-gradient);border-color:transparent;box-shadow:0 5px 17px #2d60dd13}
.button:not(.light):not(.secondary):not(.outline):not(.danger):hover,.new-button:hover,.composer .send-button:hover{background:linear-gradient(115deg,#086ce4,#6050dc)}
.button.light,.button.secondary{color:#355ed6;background:#f1f3ff;border-color:#e5e9fc}
.button.light:hover,.button.secondary:hover{background:#e9edff}
.hero-bg{background:radial-gradient(ellipse at 0% 55%,#e4f4ff 0,transparent 46%),radial-gradient(ellipse at 100% 28%,#f1eaff 0,transparent 45%),#fff}
.hero-bg:after{border-color:#e8e9fb}
.hero h1 em,.welcome h1 em{background:linear-gradient(110deg,#0878f5,#5c50ed 78%,#9971ef);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#4660ec}
.hero-copy .brand-signature{font-size:11px;font-weight:550;color:#53637f;letter-spacing:.25em;text-transform:uppercase;margin:0 0 20px}
.hero-copy .brand-motto{font-size:9px;letter-spacing:.17em;color:#697b99;text-transform:uppercase;margin-top:22px;margin-bottom:0;line-height:1.9}
.eyebrow,.section-label{color:#5f73af}
.eyebrow:before{background:#5ea8f4;box-shadow:0 0 8px #88c6ff55}
.chat-window{border-color:#e2e7fa;box-shadow:0 28px 70px #4c60a716}
.preview-top{background:linear-gradient(110deg,#fff,#faf9ff)}
.preview-brand-symbol{width:39px;height:34px;object-fit:cover}
.brand-avatar{background:transparent}
.bubble.reply{background:var(--brand-gradient);border-color:transparent}
.floating-note .icon{background:#edf3ff;color:#688cec}
.feature{background:#f5f9ff;border-color:#eaf0fb}
.feature:nth-child(2){background:#f7f4ff;border-color:#eeeafb}
.feature:nth-child(3){background:#faf8ff;border-color:#efecf9}
.feature .feature-icon,.feature:nth-child(2) .feature-icon,.feature:nth-child(3) .feature-icon{background:#e9efff;color:#5777df}
.feature:nth-child(2) .feature-icon{background:#ede7fc;color:#9273d5}
.feature:nth-child(3) .feature-icon{background:#eeeafa;color:#7d75c9}
.steps-bg{background:linear-gradient(120deg,#f5f9ff,#faf7ff)}
.step-number{background:#e9efff;color:#6483d5}
.ending{background:radial-gradient(ellipse at 0 100%,#e4f2ff,transparent 70%),linear-gradient(110deg,#f5f8ff,#f2ecff);border:1px solid #eae9fa}
.welcome-story{background:radial-gradient(ellipse at 0 50%,#e4f5ff 0,transparent 60%),radial-gradient(ellipse at 100% 30%,#f0e7ff 0,transparent 65%),#fdfdff}
.welcome-story:after{border-color:#e5e6f9}
.welcome-copy{padding-top:35px}
.brand-constellation{margin:28px 0 35px;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.brand-constellation img{width:200px;height:140px;object-fit:cover;filter:drop-shadow(0 8px 20px #7296e31a)}
.brand-constellation p{color:#596b8d;font-size:9px;letter-spacing:.16em;text-transform:uppercase;margin:0;line-height:1.8}
.welcome .brand img{width:47px;height:39px}
.rail{background:linear-gradient(180deg,#f3f7ff,#f6f2fd)}
.rail-logo{width:47px;height:41px;margin-left:-3px}
.rail .active{background:#e7edff;color:#3775ed}
.sidebar-brand .brand{gap:8px}
.sidebar-brand .brand img{width:35px;height:30px}
.room-item.selected{background:linear-gradient(110deg,#eef5ff,#f0ecff)}
.room-item.selected .avatar{background:#e2eafb;color:#5c75c9}
.conversation{background:radial-gradient(ellipse at 100% 0,#f7f3ff 0,transparent 55%),#fbfcff}
.message.own .message-bubble{background:var(--brand-gradient);border-color:transparent;box-shadow:0 3px 13px #4669c80b}
.composer:focus-within{border-color:#9dbaf3;box-shadow:0 0 0 3px #2675ee08}
.empty-icon{background:linear-gradient(120deg,#e7f4ff,#ece6ff)}
.avatar.tint-1{background:#e5f2ff;color:#628abd}
.avatar.tint-2{background:#edeafa;color:#8c78ba}
.avatar.tint-3{background:#f1e8fb;color:#a17bc3}
.avatar.tint-4{background:#e5efff;color:#6a8fc4}
@media(max-width:1050px){.nav .brand{font-size:24px}.nav .brand img{width:45px;height:39px}.sidebar-brand .brand{font-size:23px;gap:6px}.sidebar-brand .brand img{width:31px;height:28px}}
@media(max-width:760px){.brand-constellation{display:none}.welcome-copy{padding-top:30px}.welcome-nav .brand{font-size:23px}.welcome .brand img{width:43px;height:36px}.sidebar-brand .brand{font-size:27px;gap:9px}.sidebar-brand .brand img{width:42px;height:35px}.hero-copy .brand-signature{font-size:10px;letter-spacing:.2em}.hero-copy .brand-motto{font-size:8px;max-width:300px;letter-spacing:.12em}.nav .brand{font-size:23px;gap:7px}.nav .brand img{width:42px;height:36px}}