*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@keyframes tpl-toast-countdown{0%{width:100%}to{width:0%}}html,body{overflow-x:hidden;max-width:100vw}:root{--teal: #137EA1;--teal-dark: #1C7D91;--teal-light: #EAF6F9;--teal-mid: #D0EEF4;--lime: #AECC2A;--lime-dark: #8FA81E;--bg: #FFFFFF;--sidebar-bg: #F4FAFB;--surface: #FFFFFF;--text: #141414;--text-secondary: #5A5A5A;--text-muted: #999999;--border: #E2EFF2;--input-border: #D8ECEF;--font: "Lato", -apple-system, sans-serif;--font-serif: "Lustria", Georgia, serif;--sidebar-w: 268px;--radius: 16px;--radius-sm: 12px}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.78)}to{opacity:1;transform:scale(1)}}.logo-html{display:flex;align-items:center;gap:9px;text-decoration:none}.logo-inf-svg{width:38px;height:19px;color:var(--teal);flex-shrink:0}.logo-html-text{display:flex;flex-direction:column;line-height:1;gap:1px}.logo-html-the{font-size:7.5px;font-weight:700;letter-spacing:2.5px;color:var(--teal-dark);font-family:var(--font);text-transform:uppercase}.logo-html-main{font-size:12.5px;font-weight:800;letter-spacing:1.8px;color:var(--teal-dark);font-family:var(--font);text-transform:uppercase;line-height:1.15}.logo-html-leader{font-size:8px;font-weight:600;letter-spacing:3px;color:var(--text-secondary);font-family:var(--font);text-transform:uppercase}.logo-html-white .logo-inf-svg{color:#fffffff2}.logo-html-white .logo-html-the{color:#ffffffbf}.logo-html-white .logo-html-main{color:#fff}.logo-html-white .logo-html-leader{color:#ffffffa6}.sidebar-logo{width:150px;display:block;object-fit:contain}.sidebar-logo-html{justify-content:center}.sidebar-logo-html .logo-inf-svg{color:#137ea1}.sidebar-logo-html .logo-html-the,.sidebar-logo-html .logo-html-main,.sidebar-logo-html .logo-html-leader{color:#3a3a3a}.mobile-topbar-logo{height:44px;object-fit:contain;position:absolute;left:50%;transform:translate(-50%)}.auth-page{min-height:100vh;display:flex}.auth-left{width:420px;flex-shrink:0;background:#137ea1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;position:relative;overflow:hidden}.auth-left:after{content:"";position:absolute;bottom:-60px;right:-80px;width:280px;height:280px;border-radius:50%;background:#ffffff0f}.auth-left:before{content:"";position:absolute;top:-40px;left:-60px;width:200px;height:200px;border-radius:50%;background:#ffffff0d}.auth-logo-img{width:220px;margin-bottom:32px;filter:brightness(0) invert(1);position:relative;z-index:1}.auth-left-tagline{color:#ffffffd9;font-size:15px;text-align:center;line-height:1.7;position:relative;z-index:1;font-style:italic}.auth-right{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 40px;background:linear-gradient(150deg,#ebf6fa,#dff0f5)}.auth-form-wrap{width:100%;max-width:400px;background:#fff;border-radius:20px;padding:40px;border:1px solid rgba(19,126,161,.1);box-shadow:0 2px 8px #137ea10f,0 8px 32px #137ea114,0 1px 2px #0000000a;transition:transform .28s cubic-bezier(.34,1.2,.64,1),box-shadow .28s ease}.auth-form-wrap:hover{transform:translateY(-5px);box-shadow:0 4px 16px #137ea11a,0 20px 56px #137ea124,0 2px 4px #0000000f}.auth-title{font-family:var(--font-serif);font-size:26px;color:var(--text);margin-bottom:6px;letter-spacing:-.2px}.auth-sub{font-size:14px;color:var(--text-secondary);margin-bottom:32px}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:12px;font-weight:700;color:var(--text-secondary);margin-bottom:6px;letter-spacing:.4px;text-transform:uppercase}.form-group input{width:100%;padding:12px 16px;border:1.5px solid var(--input-border);border-radius:var(--radius-sm);font-family:var(--font);font-size:15px;color:var(--text);background:var(--bg);outline:none;transition:border-color .15s,box-shadow .15s}.form-group input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #2a9db51f}.btn-primary{width:100%;padding:13px;background:var(--teal);color:#fff;border:none;border-radius:var(--radius-sm);font-family:var(--font);font-size:15px;font-weight:700;cursor:pointer;margin-top:8px;letter-spacing:.2px;transition:background .15s,transform .1s}.btn-primary:hover{background:var(--teal-dark)}.btn-primary:active{transform:scale(.99)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.auth-switch{margin-top:24px;font-size:14px;color:var(--text-secondary)}.auth-switch a{color:var(--teal);text-decoration:none;font-weight:700;cursor:pointer}.auth-switch a:hover{text-decoration:underline}.error-msg{background:#fef2f2;border:1px solid #FECACA;color:#dc2626;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:14px}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);background:#fafafa;border-right:1px solid #E8EAEB;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.sidebar-top{padding:24px 16px;background:#137ea1;display:flex;align-items:center;justify-content:center}.sidebar-logo{width:180px;display:block;object-fit:contain}.sidebar-new-wrap{padding:14px 16px 10px;display:flex;justify-content:center}.btn-new-chat{width:40px;height:40px;background:var(--teal);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .12s;flex-shrink:0}.btn-new-chat:hover{background:var(--teal-dark)}.sidebar-divider{height:1px;background:#e8eaeb;margin:0}.sidebar-list{flex:1;overflow-y:auto;padding:10px 8px}.sidebar-section-label{font-size:10px;font-weight:700;letter-spacing:.8px;color:var(--text-muted);text-transform:uppercase;padding:8px 8px 4px}.sidebar-item{padding:9px 10px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--text-secondary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .12s,color .12s,transform .15s ease;display:flex;align-items:center;gap:4px;font-weight:700}.sidebar-item:hover{background:var(--teal-mid);color:var(--text);transform:translate(3px)}.sidebar-item.active{background:var(--teal);color:#fff}.sidebar-bottom{padding:14px 16px;border-top:1px solid #D4D9DC;display:flex;align-items:center;gap:10px}.sidebar-avatar{width:30px;height:30px;border-radius:50%;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.sidebar-user-name{font-size:13px;font-weight:700;color:var(--text);flex:1}.btn-sign-out{background:none;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;font-family:var(--font);transition:color .15s;padding:2px 0}.btn-sign-out:hover{color:var(--teal)}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.home-state{flex:1;display:flex;flex-direction:column;overflow-y:auto;background:#fff;animation:fadeIn .35s ease both}.home-hero{background:#137ea1;height:calc(50vh - 90px);min-height:260px;display:flex;justify-content:center;align-items:center;padding:70px 24px 0;overflow:visible;flex-shrink:0}.home-hero-inner{width:100%;max-width:680px;text-align:center;animation:fadeInUp .65s cubic-bezier(.22,1,.36,1) both}.home-rob-wrap{margin-bottom:12px;animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1) .1s both}.home-rob-avatar{width:clamp(130px,22vh,220px);height:clamp(130px,22vh,220px);border-radius:50%;object-fit:cover;object-position:top center;border:4px solid rgba(255,255,255,.6);box-shadow:0 8px 32px #00000038}.home-eyebrow{font-size:11.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#ffffffb8;margin-bottom:6px;animation:fadeIn .5s ease .15s both}.home-greeting{font-family:var(--font-serif);font-size:34px;color:#fff;letter-spacing:-.5px;margin-bottom:4px;line-height:1.2;animation:fadeInUp .6s ease .2s both}.home-sub{font-size:16px;color:#ffffffd1;margin-bottom:0;font-weight:300;animation:fadeInUp .6s ease .28s both}.home-wave-wrap{display:block;line-height:0;flex-shrink:0}.home-wave-wrap svg{display:block;width:100%;height:180px}.home-bottom{flex:1;background:#fff;display:flex;flex-direction:column;align-items:center;padding:0 24px 60px}.home-input-section{width:100%;max-width:680px;margin-top:-123px;animation:fadeInUp .65s cubic-bezier(.22,1,.36,1) .32s both}.home-input-wrap{display:flex;align-items:center;margin-bottom:16px;border:2px solid var(--input-border);border-radius:24px;background:var(--bg);box-shadow:0 6px 32px #2a9db524;transition:border-color .2s,box-shadow .2s;padding-right:10px}.home-input-wrap:focus-within{border-color:var(--teal);box-shadow:0 6px 40px #2a9db538}.home-input{flex:1;padding:20px 12px 20px 24px;border:none;border-radius:22px 0 0 22px;font-family:var(--font);font-size:16px;color:var(--text);background:transparent;outline:none;resize:none;min-height:66px;max-height:200px;line-height:1.5}.home-input::placeholder{color:var(--text-muted)}.home-send-btn{flex-shrink:0;width:42px;height:42px;border-radius:50%;background:#137ea1;color:#fff;border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .1s;box-shadow:0 2px 8px #2a9db54d}.home-send-btn:hover:not(:disabled){background:var(--teal-dark)}.home-send-btn:disabled{background:#c8d9dc;box-shadow:none;cursor:not-allowed}.home-send-btn:not(:disabled):active{transform:scale(.92)}.seeds-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:32px;animation:fadeInUp .5s ease .5s both}.seed-chip{padding:8px 16px;background:var(--teal-light);border:1.5px solid var(--teal-mid);border-radius:20px;font-size:13px;color:var(--teal-dark);font-family:var(--font);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.seed-chip:hover{background:var(--teal-mid);border-color:var(--teal);color:var(--teal-dark)}.chat-state{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:36px 0 20px}.messages-inner{width:100%;max-width:680px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;gap:24px}.message{display:flex;flex-direction:column;gap:5px}.message-user{align-items:flex-end}.message-assistant{align-items:flex-start}.message-label{font-size:11px;font-weight:700;letter-spacing:.6px;color:var(--teal);text-transform:uppercase;padding:0 4px}.message-rob-label{display:flex;align-items:center;gap:7px;padding:0 4px}.message-rob-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;object-position:top center;border:1.5px solid var(--teal-mid);flex-shrink:0}.message-rob-label .message-label{padding:0}.message-bubble{max-width:84%;padding:14px 18px;border-radius:20px;font-size:15px;line-height:1.8}.message-bubble p+p{margin-top:10px}.message-user .message-bubble{background:#137ea1;color:#fff;border-bottom-right-radius:5px}.message-assistant .message-bubble{background:var(--teal-light);color:var(--text);border-bottom-left-radius:5px;border:1px solid var(--teal-mid)}.thinking-bubble{display:flex;align-items:center;gap:6px;padding:16px 20px}.dot{width:7px;height:7px;border-radius:50%;background:#137ea1;animation:blink 1.4s infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.25;transform:scale(1)}30%{opacity:1;transform:scale(1.3)}}.chat-input-bar{border-top:1px solid var(--border);padding:14px 24px 20px;background:var(--bg);display:flex;flex-direction:column;align-items:center;gap:10px}.chat-input-inner{width:100%;max-width:680px}.chat-input-row{display:flex;align-items:center;gap:10px}.chat-textarea{flex:1;padding:14px 18px;border:2px solid var(--input-border);border-radius:20px;font-family:var(--font);font-size:15px;color:var(--text);background:var(--bg);outline:none;resize:none;min-height:54px;max-height:160px;line-height:1.5;box-shadow:0 2px 12px #2a9db50f;transition:border-color .2s,box-shadow .2s;overflow-y:auto;scrollbar-width:none}.chat-textarea::-webkit-scrollbar{display:none}.chat-textarea:focus{border-color:var(--teal);box-shadow:0 2px 20px #2a9db524}.chat-textarea::placeholder{color:var(--text-muted)}.chat-send-btn{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#137ea1;color:#fff;border:none;outline:none;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .15s;box-shadow:0 2px 6px #2a9db54d}.chat-send-btn:hover{background:var(--teal-dark)}.chat-send-btn:disabled{background:#c8d9dc;box-shadow:none;cursor:not-allowed}.chat-send-btn:not(:disabled):active{transform:scale(.9)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--teal-mid);border-radius:2px}.message-feedback{display:flex;gap:6px;justify-content:flex-end;margin-top:12px;padding-top:10px;border-top:1px solid rgba(42,157,181,.2)}.feedback-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#2a9db559;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.feedback-btn:hover{color:var(--teal);background:#2a9db51a}.feedback-up-active{color:var(--teal)!important}.feedback-down-active{color:#e05c5c!important}.sidebar-item-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.sidebar-item-actions{display:flex;flex-shrink:0;gap:1px;align-items:center;opacity:0;visibility:hidden;transition:opacity .12s,visibility .12s}.sidebar-item:hover .sidebar-item-actions,.sidebar-item.active .sidebar-item-actions{opacity:1;visibility:visible}.sidebar-action-btn{background:none;border:none;cursor:pointer;padding:3px 4px;border-radius:3px;color:#ffffff80;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.sidebar-item:not(.active) .sidebar-action-btn{color:var(--teal)}.sidebar-action-btn:hover{color:var(--teal-dark);background:#137ea11a}.sidebar-item.active .sidebar-action-btn:hover{color:#fff;background:#fff3}.sidebar-action-delete:hover{color:#e05c5c!important;background:#e05c5c1a!important}.sidebar-rename-input{flex:1;background:#2a9db514;border:none;border-bottom:1.5px solid var(--teal);font-size:13px;color:var(--text);font-family:var(--font);padding:2px 4px;outline:none;border-radius:2px;min-width:0}.mobile-topbar{display:none;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;position:relative;min-height:58px}.hamburger-btn{background:none;border:none;cursor:pointer;padding:10px;border-radius:8px;color:var(--text);line-height:1;transition:background .15s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.hamburger-btn:hover{background:var(--teal-light)}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:199;opacity:0;pointer-events:none;transition:opacity .25s}.sidebar-backdrop.open{opacity:1;pointer-events:all}.auth-logo-mobile{display:none}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:0;height:100%;transform:translate(-100%);transition:transform .25s ease;z-index:200;width:280px;box-shadow:4px 0 24px #0000001f}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block}.mobile-topbar{display:flex}.auth-left{display:none}.auth-right{padding:32px 20px;align-items:flex-start;background:var(--bg)}.auth-form-wrap{padding:16px 0 0;background:transparent;border:none;box-shadow:none;border-radius:0}.auth-form-wrap:hover{transform:none;box-shadow:none}.auth-logo-mobile{display:block;width:160px;margin-bottom:28px}.auth-title{font-size:22px}.home-state{overflow-x:hidden}.home-hero{height:calc(50vh - 65px);min-height:220px;padding:50px 16px 0;overflow:hidden}.home-greeting{font-size:26px}.home-sub{font-size:14px}.home-wave-wrap svg{height:130px}.home-input-section{margin-top:-92px;overflow:hidden}.home-input-wrap{padding-right:8px}.home-input{font-size:16px;padding:14px 8px 14px 16px;min-height:56px}.home-send-btn{width:40px;height:40px;font-size:17px}.seeds-row{gap:8px;margin-top:14px;flex-wrap:wrap;justify-content:center}.seed-chip{font-size:13px;padding:8px 14px}.home-bottom{padding:0 16px 32px}.chat-messages{padding:16px 0 12px;overflow-x:hidden}.messages-inner{padding:0 14px;gap:16px}.message-bubble{max-width:92%;font-size:15px;padding:13px 15px;line-height:1.75}.chat-input-bar{padding:10px 14px 20px}.chat-textarea{font-size:16px;padding:14px 16px;min-height:52px}.chat-send-btn{width:36px;height:36px;font-size:16px}}.chat-header{padding:14px 24px 12px;border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0}.chat-title{font-family:var(--font-serif);font-size:15px;font-weight:400;color:var(--text);cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:none;transition:color .15s}.chat-title:hover{color:var(--teal)}.chat-title-pencil{opacity:0;color:var(--text-muted);flex-shrink:0;transition:opacity .15s}.chat-title:hover .chat-title-pencil{opacity:1}.chat-title-input{font-family:var(--font-serif);font-size:15px;color:var(--text);background:none;border:none;border-bottom:1.5px solid var(--teal);outline:none;padding:2px 4px;width:100%;max-width:600px;border-radius:2px}@media (max-width: 768px){.chat-header{padding:10px 14px 9px;text-align:center}.chat-title{font-size:15px;justify-content:center;max-width:100%}.chat-title-pencil{display:none}}