*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none}input,textarea{font-family:inherit}:root{--bg: #eef6ec;--bg2: #f7fbf6;--white: #ffffff;--p: #2a7d3f;--p-l: #38a354;--p-ll: #d4edda;--p-lll: #eaf6ec;--p-d: #1a5429;--text: #182d1d;--text-2: #5a7860;--text-3: #9ab59e;--danger: #c0392b;--danger-bg: #fdecea;--warn: #d4660a;--warn-bg: #fff3e0;--ok-bg: #e8f5eb;--border: rgba(42,125,63,.11);--sh: 0 2px 14px rgba(30,80,40,.08);--sh-sm: 0 1px 6px rgba(30,80,40,.07);--r: 16px;--r-s: 10px}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:Manrope,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100dvh;max-width:430px;margin:0 auto;position:relative;overflow:hidden}.screen-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:76px;scrollbar-width:none}.screen-content::-webkit-scrollbar{display:none}.screen-flex{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.px{padding:0 16px}.px-20{padding:0 20px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.hdr{padding:52px 20px 14px;display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0}.hdr-vine{font-size:19px;font-weight:800;color:var(--p-d);display:flex;align-items:center;gap:8px}.hdr-icon{width:34px;height:34px;background:var(--p);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.hdr-sub{font-size:12px;color:var(--text-2);margin-top:3px;font-weight:500}.hdr-right{text-align:right}.hdr-date{font-size:12px;color:var(--text-2);font-weight:500;line-height:1.5}.hdr-season{display:inline-block;margin-top:4px;background:var(--p-lll);color:var(--p);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 10px;border-radius:20px}.sec-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:10px}.card{background:var(--white);border-radius:var(--r);box-shadow:var(--sh)}.card-sm{background:var(--white);border-radius:var(--r-s);box-shadow:var(--sh-sm)}.bot-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;background:#fffffff5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);display:flex;z-index:100;padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -2px 20px #1e502812}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 0 8px;gap:3px;background:none;color:var(--text-3);transition:color .15s}.nav-btn.active{color:var(--p)}.nav-btn svg{width:22px;height:22px}.nav-lbl{font-size:10px;font-weight:700}.pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px}.pill-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.pill-ok{background:var(--ok-bg);color:#2d7a3e}.pill-warn{background:var(--warn-bg);color:#d4660a}.pill-bad{background:var(--danger-bg);color:var(--danger)}.frost-alert{margin:0 16px 14px;background:var(--danger-bg);border:1.5px solid rgba(192,57,43,.22);border-radius:var(--r-s);padding:12px 14px;display:flex;align-items:center;gap:12px}.frost-icon{width:38px;height:38px;flex-shrink:0;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 1px 4px #c0392b26}.frost-title{font-size:13px;font-weight:700;color:var(--danger)}.frost-desc{font-size:12px;color:#b03020;margin-top:2px;font-weight:500}.btn-green{background:var(--p);color:#fff;font-size:14px;font-weight:700;padding:12px 20px;border-radius:var(--r-s);display:flex;align-items:center;justify-content:center;gap:6px;transition:opacity .15s}.btn-green:active{opacity:.85}.btn-outline{background:var(--p-lll);border:2px dashed var(--p-ll);color:var(--p);font-size:14px;font-weight:700;padding:14px 20px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;gap:6px;transition:background .15s}.btn-outline:active{background:var(--p-ll)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--bg);max-width:430px;margin:0 auto;display:flex;flex-direction:column;transform:translate(103%);transition:transform .28s cubic-bezier(.4,0,.2,1)}.overlay.open{transform:translate(0)}.ov-hdr{padding:52px 16px 14px;display:flex;align-items:center;gap:12px;background:var(--white);border-bottom:1px solid var(--border);flex-shrink:0;box-shadow:0 1px 6px #1e50280d}.back-btn{width:36px;height:36px;background:var(--p-lll);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ov-ttl{font-size:18px;font-weight:800}.ov-sub{font-size:12px;color:var(--text-2);margin-top:1px;font-weight:500}.ov-tabs{display:flex;background:var(--white);border-bottom:1px solid var(--border);padding:0 16px;flex-shrink:0}.ov-tab{flex:1;padding:12px 4px;text-align:center;font-size:13px;font-weight:600;color:var(--text-3);border-bottom:2px solid transparent;cursor:pointer;transition:all .18s}.ov-tab.active{color:var(--p);border-bottom-color:var(--p)}.ov-body{flex:1;overflow-y:auto;padding:16px;scrollbar-width:none}.ov-body::-webkit-scrollbar{display:none}.chat-msgs{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:10px;scrollbar-width:none}.chat-msgs::-webkit-scrollbar{display:none}.msg-wrap{display:flex;flex-direction:column;max-width:86%}.msg-wrap.user{align-self:flex-end;align-items:flex-end}.msg-wrap.agent{align-self:flex-start}.msg-bubble{padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.55;font-weight:500}.msg-bubble.user{background:var(--p);color:#fff;border-bottom-right-radius:4px}.msg-bubble.agent{background:var(--white);box-shadow:var(--sh-sm);border-bottom-left-radius:4px}.msg-time{font-size:10px;color:var(--text-3);margin-top:3px;font-weight:600}.typing{display:flex;align-items:center;gap:4px;padding:12px 14px;background:var(--white);box-shadow:var(--sh-sm);border-radius:16px 16px 16px 4px;width:fit-content}.td{width:6px;height:6px;border-radius:50%;background:var(--text-3);animation:td 1.4s ease infinite}.td:nth-child(2){animation-delay:.2s}.td:nth-child(3){animation-delay:.4s}@keyframes td{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.inp-bar{display:flex;align-items:center;gap:8px;background:var(--white);border:1.5px solid var(--border);border-radius:28px;padding:6px 6px 6px 14px;box-shadow:var(--sh-sm)}.inp{flex:1;background:none;border:none;outline:none;font-size:14px;color:var(--text);font-weight:500}.inp::placeholder{color:var(--text-3)}.ico-btn{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ico-btn.attach{background:var(--p-lll);color:var(--p-d);font-size:16px}.ico-btn.send{background:var(--p);color:#fff;font-size:18px;font-weight:800}.chips{display:flex;gap:8px;padding:10px 16px;overflow-x:auto;scrollbar-width:none;flex-shrink:0;background:var(--white);border-bottom:1px solid var(--border)}.chips::-webkit-scrollbar{display:none}.chip{white-space:nowrap;flex-shrink:0;background:var(--p-lll);color:var(--p);font-size:12px;font-weight:700;padding:7px 13px;border-radius:20px}.seg-wrap{margin:0 16px 14px;background:var(--white);border-radius:var(--r-s);box-shadow:var(--sh-sm);display:flex;padding:4px;gap:3px}.seg-btn{flex:1;padding:9px;border-radius:7px;background:transparent;color:var(--text-2);font-size:13px;font-weight:600;transition:all .18s}.seg-btn.active{background:var(--p);color:#fff;box-shadow:0 2px 8px #2a7d3f47}.toggle{width:44px;height:26px;background:#e0e0e0;border-radius:13px;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.toggle.on{background:var(--p)}.toggle:after{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .2s;box-shadow:0 1px 4px #0003}.toggle.on:after{transform:translate(18px)}.spinner{display:flex;align-items:center;justify-content:center;height:120px;color:var(--text-3);font-size:13px;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.spin-ico{animation:spin 1s linear infinite;display:inline-block;margin-right:8px}