*{box-sizing:border-box;margin:0;padding:0}:root{--sand:#f5f0e8;--sand-dark:#e8e0d0;--stone:#8a8278;--sea:#4a7c8e;--sea-light:#6a9cae;--sea-pale:#d6e8ed;--text:#3a3530;--text-light:#6b6560;--white:#fdfcfa;--terra:#a0614a}html{font-size:clamp(15px,1.1vw,18px)}body{font-family:'Jost',sans-serif;font-weight:300;background:var(--sand);color:var(--text);min-height:100vh;display:flex;flex-direction:column}header{background:var(--white);border-bottom:1px solid var(--sand-dark);padding:0 2rem;position:sticky;top:0;z-index:100}.header-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:88px;gap:2rem}.logo{text-decoration:none;display:flex;align-items:center;gap:.75rem;line-height:1.1}.logo-img{height:110px;width:auto;display:block;position:relative;z-index:101}.logo-text{display:flex;flex-direction:column}.logo-name{font-weight:700;font-size:1.45rem;color:var(--sea);letter-spacing:.1em;text-transform:uppercase}.logo-tag{font-size:.65rem;color:var(--stone);letter-spacing:.12em;text-transform:uppercase}nav ul{list-style:none;display:flex;gap:.25rem}nav a{display:block;padding:.45rem .85rem;text-decoration:none;color:var(--text-light);font-size:.88rem;border-radius:6px;transition:color .2s,background .2s}nav a:hover{color:var(--sea);background:var(--sea-pale)}nav a.active{color:var(--sea);font-weight:600}main{flex:1;max-width:860px;margin:0 auto;padding:2rem clamp(1rem,3vw,2rem);width:100%;display:flex;flex-direction:column}.pt{font-size:1.5rem;font-weight:600;color:var(--sea);margin-bottom:.2rem}.ps{font-size:.88rem;color:var(--text-light);margin-bottom:1.25rem}.cw{flex:1;background:var(--white);border:1px solid var(--sand-dark);border-radius:14px;display:flex;flex-direction:column;overflow:hidden;min-height:520px}.ch{padding:.85rem 1.25rem;background:var(--sea-pale);border-bottom:1px solid var(--sand-dark);display:flex;align-items:center;gap:.75rem}.ca{width:36px;height:36px;background:var(--sea);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;color:white}.ch h3{font-size:.92rem;font-weight:600;color:var(--text)}.ch p{font-size:.75rem;color:var(--text-light)}.cs{margin-left:auto;display:flex;align-items:center;gap:.4rem;font-size:.72rem;color:#4caf50}.sd{width:7px;height:7px;background:#4caf50;border-radius:50%}.msgs{flex:1;padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;scroll-behavior:smooth}.msg{display:flex;gap:.65rem;max-width:85%;animation:fi .25s ease}@keyframes fi{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.msg.user{align-self:flex-end;flex-direction:row-reverse}.msg.bot{align-self:flex-start}.ma{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;margin-top:2px}.msg.bot .ma{background:var(--sea);color:white}.msg.user .ma{background:var(--terra);color:white}.mb{padding:.75rem 1rem;border-radius:14px;font-size:.92rem;line-height:1.65}.msg.bot .mb{background:var(--sand);border:1px solid var(--sand-dark);border-bottom-left-radius:4px}.msg.user .mb{background:var(--sea);border-bottom-right-radius:4px;color:white}.mt{font-size:.65rem;color:var(--stone);margin-top:.25rem}.msg.bot .mt{text-align:left}.msg.user .mt{text-align:right}.ti{display:none;align-self:flex-start;padding:.65rem 1rem;background:var(--sand);border:1px solid var(--sand-dark);border-radius:14px;border-bottom-left-radius:4px;gap:4px;align-items:center}.ti.show{display:flex}.td{width:7px;height:7px;background:var(--stone);border-radius:50%;animation:bn 1.2s infinite}.td:nth-child(2){animation-delay:.2s}.td:nth-child(3){animation-delay:.4s}@keyframes bn{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-5px)}}.ia{padding:1rem 1.25rem;border-top:1px solid var(--sand-dark);background:var(--white);display:flex;gap:.75rem;align-items:flex-end}.iw{flex:1}textarea{width:100%;padding:.75rem 1rem;border:1.5px solid var(--sand-dark);border-radius:10px;font-family:'Jost',sans-serif;font-size:.92rem;font-weight:300;color:var(--text);background:var(--sand);resize:none;outline:none;transition:border-color .2s;line-height:1.5;min-height:48px;max-height:140px;overflow-y:auto}textarea:focus{border-color:var(--sea-light);background:var(--white)}textarea::placeholder{color:var(--stone)}.sb{width:48px;height:48px;border-radius:10px;background:var(--sea);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:white;font-size:1.1rem;transition:background .2s,transform .1s;flex-shrink:0}.sb:hover{background:var(--sea-light)}.sb:active{transform:scale(.95)}.sb:disabled{background:var(--stone);cursor:not-allowed;transform:none}.cb{font-size:.72rem;color:var(--stone);background:none;border:none;cursor:pointer;padding:.2rem .4rem;border-radius:4px;transition:color .2s;align-self:center}.cb:hover{color:var(--sea)}.sugg{padding:.75rem 1.25rem 0;display:flex;flex-wrap:wrap;gap:.5rem}.sl{font-size:.72rem;color:var(--stone);width:100%;text-transform:uppercase;letter-spacing:.08em}.sc{padding:.35rem .85rem;background:var(--sea-pale);border:1px solid var(--sea-light);border-radius:20px;font-size:.8rem;color:var(--sea);cursor:pointer;transition:background .2s;font-family:'Jost',sans-serif}.sc:hover{background:var(--sea);color:white}.ib{margin-top:1rem;background:var(--white);border:1px solid var(--sand-dark);border-left:4px solid var(--sea);border-radius:0 10px 10px 0;padding:.85rem 1.1rem;font-size:.8rem;color:var(--text-light);line-height:1.6}footer{background:var(--white);border-top:1px solid var(--sand-dark);padding:1.5rem 2rem;margin-top:1rem}.fi2{max-width:1400px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.fi2 span,.fi2 a{font-size:.78rem;color:var(--stone);text-decoration:none}.fi2 a:hover{color:var(--sea)}.fl{display:flex;gap:1.5rem}
.burger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:6px}
.burger span{display:block;width:24px;height:2px;background:var(--text);border-radius:2px;transition:transform .3s,opacity .3s}
@media(max-width:768px){
.burger{display:flex}
.logo-img{height:80px}
.logo-name{font-size:1.2rem!important}
nav{display:none;position:absolute;top:88px;left:0;right:0;background:var(--white);border-bottom:1px solid var(--sand-dark);padding:1rem 1.5rem;box-shadow:0 4px 16px rgba(0,0,0,0.06);z-index:90}
nav.open{display:block}
nav ul{flex-direction:column;align-items:flex-start;gap:.25rem}
nav a{font-size:1rem;padding:.6rem .5rem;width:100%}
.fi2{flex-direction:column;align-items:flex-start}
}