:root{--surface: #F5F9F6;--surface-container: #EAF2EC;--surface-container-low: #EFF5F0;--surface-container-high: #DDE8DF;--surface-lowest: #FFFFFF;--primary: #0F1B2E;--primary-container: #1B2B3F;--primary-fixed: #E0ECE4;--primary-fixed-dim: #C8DACE;--on-primary: #DFEEE6;--secondary: #4E8F7A;--secondary-container: #DFEEE6;--tertiary-container: #8F5E14;--on-surface: #1B2B3F;--on-surface-variant: #6B7B7A;--outline: #8A9B94;--outline-variant: #D4E3D9;--error: #B4463E;--error-container: #F5DCDB;--on-error-container: #6E2521;--warning: #C48A2B;--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro", "Segoe UI", system-ui, sans-serif;--radius-sm: .25rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-bubble: 1.375rem;--radius-full: 9999px;--shadow-ambient: 0 10px 30px -12px rgba(27, 43, 63, .1);--shadow-card: 0 1px 2px rgba(27, 43, 63, .04);--shadow-sm: 0 1px 2px rgba(27, 43, 63, .05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:var(--surface);color:var(--on-surface);height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em}#app{height:100dvh;display:flex;justify-content:center}.app{height:100%;width:100%;max-width:480px;display:flex;flex-direction:column;background:var(--surface);position:relative;overflow:hidden}.app.loading{align-items:center;justify-content:center;font-size:1rem;color:var(--on-surface-variant)}.chat{display:flex;flex-direction:column;height:100%}.chat-header{padding:0 16px;border-bottom:1px solid var(--outline-variant);flex-shrink:0;background:var(--surface);display:flex;align-items:center;gap:8px;height:56px}.menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--on-surface);cursor:pointer;flex-shrink:0;transition:background .15s}.menu-btn:hover{background:var(--surface-container)}.chat-header h1{font-size:1.375rem;font-weight:600;color:var(--on-surface);letter-spacing:-.03em;line-height:1}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px;background:var(--surface)}.message{display:flex;flex-direction:column;max-width:90%}.message.bot{align-self:flex-start}.message.user{align-self:flex-end}.bot-message-row{display:flex;gap:8px;align-items:flex-start}.bot-avatar{width:30px;height:30px;border-radius:var(--radius-full);background:var(--secondary);border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;box-shadow:none}.bot-avatar .material-symbols-outlined{font-size:17px}.bot-avatar.monogram{font-family:var(--font-family);font-weight:600;font-size:15px;letter-spacing:-.02em;color:#fff;line-height:1;padding-bottom:1px}.bot-avatar.monogram.lg{width:32px;height:32px;font-size:16px}.bot-message-content{flex:1;min-width:0;display:flex;flex-direction:column}.message-bubble{padding:10px 14px;line-height:1.4;font-size:.9375rem;white-space:pre-wrap;word-break:break-word;letter-spacing:-.01em}.message-bubble p+p{margin-top:6px}.message.bot .message-bubble{background:var(--secondary-container);border:none;border-radius:var(--radius-bubble);color:var(--on-surface);box-shadow:none}.message.user .message-bubble{background:var(--primary-container);color:var(--on-primary);border-radius:var(--radius-bubble);box-shadow:none}.quote-block{background:#ffffffb3;border-left:3px solid var(--secondary);padding:10px 12px;border-radius:0 var(--radius-md) var(--radius-md) 0;margin-top:10px;font-style:normal;font-size:.875rem;line-height:1.5;color:var(--on-surface);letter-spacing:-.005em}.quote-block:before{content:"“";opacity:.45;margin-right:1px}.quote-block:after{content:"”";opacity:.45;margin-left:1px}.message-bubble.typing{display:flex;gap:5px;padding:12px 16px;align-items:center}.dot{width:6px;height:6px;border-radius:50%;background:var(--secondary);animation:typing 1.4s infinite}.dot:nth-child(2){animation-delay:.15s}.dot:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.button-grid{display:flex;flex-direction:column;gap:6px;margin-top:10px}.button-row{display:flex;gap:6px;flex-wrap:wrap}.action-btn{padding:7px 14px;border:1px solid var(--outline-variant);border-radius:var(--radius-full);background:var(--surface-lowest);color:var(--on-surface);font-family:var(--font-family);font-size:.8125rem;font-weight:500;letter-spacing:-.01em;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;white-space:nowrap;min-height:34px;display:inline-flex;align-items:center;gap:4px}.action-btn:hover:not(:disabled){background:var(--surface-container-low);border-color:var(--outline)}.action-btn:active:not(:disabled){transform:scale(.97)}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn.primary{background:var(--primary-container);color:var(--on-primary);border-color:transparent}.action-btn.primary:hover:not(:disabled){background:var(--primary)}.action-btn-lg{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 20px;border-radius:var(--radius-md);font-family:var(--font-family);font-size:.9375rem;font-weight:600;letter-spacing:-.015em;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;min-height:48px}.action-btn-lg:active:not(:disabled){transform:scale(.99)}.action-btn-lg.primary{background:var(--primary-container);color:var(--on-primary);border:none}.action-btn-lg.primary:hover:not(:disabled){background:var(--primary)}.action-btn-lg.primary:disabled{opacity:.35;cursor:not-allowed}.action-btn-lg.secondary{background:transparent;color:var(--on-surface);border:1px solid var(--outline)}.action-btn-lg.secondary:hover:not(:disabled){background:var(--surface-container-low)}.action-btn-lg.ghost{background:transparent;color:var(--on-surface-variant);border:none;font-weight:500}.action-btn-lg.ghost:hover:not(:disabled){color:var(--on-surface);background:var(--surface-container)}.chat-input{display:flex;gap:8px;padding:12px 16px 16px;flex-shrink:0;background:var(--surface);border-top:1px solid var(--outline-variant);align-items:center}.chat-input input{flex:1;padding:11px 18px;border:1px solid var(--outline-variant);border-radius:var(--radius-full);background:var(--surface-lowest);color:var(--on-surface);font-family:var(--font-family);font-size:.9375rem;letter-spacing:-.01em;outline:none;min-height:44px;transition:border-color .15s,box-shadow .15s}.chat-input input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #4e8f7a26}.chat-input input::placeholder{color:var(--on-surface-variant)}.send-btn{width:44px;height:44px;border:none;border-radius:var(--radius-full);background:var(--primary-container);color:var(--on-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,transform .1s}.send-btn:hover:not(:disabled){background:var(--primary)}.send-btn:active:not(:disabled){transform:scale(.95)}.send-btn:disabled{opacity:.35;cursor:not-allowed}.send-btn .material-symbols-outlined{font-size:20px}.install-prompt{display:flex;flex-direction:column;height:100%;background:var(--surface)}.install-prompt .chat-header{border-bottom:1px solid var(--outline-variant);background:var(--surface)}.install-body{flex:1;overflow-y:auto;padding:24px 16px;display:flex;flex-direction:column;gap:16px}.install-bot-row{display:flex;gap:8px;align-items:flex-start}.install-bot-bubble{background:var(--secondary-container);border:none;border-radius:var(--radius-bubble);padding:12px 16px;line-height:1.5;font-size:.9375rem;color:var(--on-surface);box-shadow:none;letter-spacing:-.01em}.install-cards{display:flex;flex-direction:column;gap:12px;margin-left:38px}.install-card{background:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-xl);overflow:hidden}.install-card-header{padding:11px 16px;border-bottom:1px solid var(--outline-variant);background:var(--surface-container-low);display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:var(--on-surface);letter-spacing:-.01em}.install-card-header .material-symbols-outlined{font-size:20px;color:var(--secondary)}.install-card-body{padding:16px}.install-step{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}.install-step:last-child{margin-bottom:0}.install-step-number{width:22px;height:22px;border-radius:var(--radius-full);background:var(--secondary-container);color:var(--secondary);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.install-step-text{font-size:.875rem;line-height:1.5;color:var(--on-surface)}.install-actions{display:flex;flex-direction:column;gap:8px;margin-left:38px;margin-top:4px}.drawer-backdrop{position:absolute;inset:0;background:#0f1b2e73;z-index:40;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer{position:absolute;top:0;left:0;bottom:0;z-index:50;width:82%;max-width:320px;background:var(--surface-lowest);border-radius:0 var(--radius-xl) var(--radius-xl) 0;box-shadow:0 25px 50px -12px #0f1b2e40;display:flex;flex-direction:column;padding:24px 0;animation:slideIn .25s ease}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px 20px}.drawer-header h2{font-size:1.375rem;font-weight:700;color:var(--on-surface);letter-spacing:-.03em}.drawer-close{width:36px;height:36px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--on-surface-variant);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.drawer-close:hover{background:var(--surface-container)}.drawer-user{display:flex;align-items:center;gap:12px;padding:14px 16px;margin:0 8px;border-radius:var(--radius-xl);background:var(--secondary-container)}.drawer-user-avatar{width:44px;height:44px;border-radius:var(--radius-full);background:var(--primary-container);color:var(--on-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.0625rem;flex-shrink:0;letter-spacing:-.02em}.drawer-user-info{min-width:0}.drawer-user-name{font-weight:600;font-size:.9375rem;color:var(--on-surface);letter-spacing:-.015em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-user-label{font-size:.75rem;color:var(--on-surface-variant);margin-top:2px}.drawer-nav{flex:1;margin-top:16px;padding:0 8px;display:flex;flex-direction:column;gap:2px}.drawer-item{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 12px;border-radius:var(--radius-xl);cursor:pointer;transition:background .15s;border:none;background:transparent;width:100%;font-family:var(--font-family);text-align:left}.drawer-item:hover{background:var(--surface-container)}.drawer-item-left{display:flex;align-items:center;gap:12px}.drawer-item-left .material-symbols-outlined{font-size:22px;color:var(--outline)}.drawer-item:hover .drawer-item-left .material-symbols-outlined{color:var(--secondary)}.drawer-item-label{font-size:.875rem;font-weight:500;color:var(--on-surface);letter-spacing:-.01em}.drawer-item-value{font-size:.8125rem;color:var(--on-surface-variant);font-weight:500}.drawer-item.destructive:hover{background:#b4463e0f}.drawer-item.destructive .material-symbols-outlined,.drawer-item.destructive:hover .material-symbols-outlined,.drawer-item.destructive .drawer-item-label{color:var(--error)}.toggle{position:relative;width:40px;height:24px;border-radius:var(--radius-full);background:var(--surface-container-high);cursor:pointer;transition:background .2s;border:none;padding:0;flex-shrink:0}.toggle.on{background:var(--secondary)}.toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:var(--radius-full);background:var(--surface-lowest);box-shadow:0 1px 3px #00000026;transition:transform .2s}.toggle.on .toggle-knob{transform:translate(16px)}.drawer-footer{padding:16px;text-align:center}.drawer-version{font-size:.75rem;color:var(--outline);font-weight:500;letter-spacing:.02em}.auth-screen{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:1.5rem;background:var(--surface)}.auth-card{width:100%;max-width:400px;text-align:center}.auth-icon{margin-bottom:1.5rem;display:flex;justify-content:center}.auth-icon .material-symbols-outlined{color:var(--secondary)!important}.auth-title{font-size:1.5rem;font-weight:600;color:var(--on-surface);margin:0 0 .5rem;line-height:1.25;letter-spacing:-.025em;text-wrap:pretty}.auth-subtitle{font-size:.9375rem;color:var(--on-surface-variant);margin:0 0 1.5rem;line-height:1.5;letter-spacing:-.01em}.auth-input{width:100%;padding:.875rem 1rem;font-size:1rem;font-family:var(--font-family);letter-spacing:-.01em;border:1px solid var(--outline-variant);border-radius:var(--radius-md);background:var(--surface-lowest);color:var(--on-surface);outline:none;margin-bottom:1rem;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.auth-input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #4e8f7a26}.auth-input::placeholder{color:var(--on-surface-variant)}.auth-error{font-size:.8125rem;color:var(--error);margin:-.5rem 0 .75rem}.otp-inputs{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.25rem}.otp-digit{width:2.75rem;height:3.25rem;text-align:center;font-size:1.375rem;font-weight:600;font-family:var(--font-family);border:1px solid var(--outline-variant);border-radius:var(--radius-md);background:var(--surface-lowest);color:var(--on-surface);outline:none;transition:border-color .15s,box-shadow .15s}.otp-digit:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #4e8f7a26}.auth-resend{font-size:.8125rem;color:var(--on-surface-variant);margin-top:1rem}.auth-resend-btn{background:none;border:none;color:var(--secondary);font-family:var(--font-family);font-size:.8125rem;cursor:pointer;padding:0;text-decoration:underline;font-weight:500}.auth-resend-btn:hover{color:var(--primary-container)}.chat-header-hetlo{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.chat-header-hetlo .bot-avatar{width:32px;height:32px}.chat-header-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.1}.chat-header-text .title{font-size:1.0625rem;font-weight:600;color:var(--on-surface);letter-spacing:-.02em}.chat-header-text .subtitle{font-size:.6875rem;color:var(--on-surface-variant);margin-top:2px;letter-spacing:.01em}.chat-header-trailing{margin-left:auto;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--on-surface-variant);border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer}.chat-header-trailing:hover{background:var(--surface-container)}.message.bot.hetlo,.message.bot.hetlo .bot-message-content{max-width:18rem}.message.bot.hetlo .message-bubble{max-width:18rem;padding:12px 14px;white-space:normal}.message.bot.hetlo .message-bubble .card-intro{margin-bottom:6px}.message.bot.hetlo .message-bubble .card-intro.em{margin-bottom:2px}.chat-divider{align-self:center;font-size:.6875rem;font-weight:500;color:var(--on-surface-variant);letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;margin:2px 0}.card-intro{margin-bottom:8px;font-size:.9375rem;color:var(--on-surface)}.card-intro.em{font-weight:600;margin-bottom:4px}.card-intro-sub{font-size:.8125rem;color:var(--on-surface-variant);margin-bottom:10px;line-height:1.4;letter-spacing:-.005em}.card-item{background:var(--surface-lowest);border-radius:.75rem;padding:11px 12px 12px;margin-top:2px;box-shadow:0 1px #1b2b3f05}.card-item+.card-item{margin-top:8px}.card-item-head{display:flex;align-items:baseline;gap:6px;margin-bottom:4px;flex-wrap:wrap}.card-item-who{font-weight:600;font-size:.9375rem;color:var(--on-surface);letter-spacing:-.015em}.card-item-topic{color:var(--on-surface-variant);font-size:.875rem}.card-item-topic:before{content:"— "}.card-item-badge{margin-left:auto;font-size:.625rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:4px;background:var(--tertiary-container);color:#fff;line-height:1.4}.card-item-meta{display:flex;align-items:center;gap:6px;color:var(--on-surface-variant);font-size:.75rem;margin:0 0 8px;letter-spacing:-.005em;line-height:1.3}.card-item-meta .material-symbols-outlined{font-size:14px}.card-item-note{font-size:.75rem;color:var(--on-surface-variant);margin-bottom:8px;letter-spacing:-.005em}.card-item .quote-block{background:var(--secondary-container);border-left:3px solid var(--secondary);margin-top:0;margin-bottom:0}.card-item-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.card-outro{margin-top:10px;font-size:.8125rem;color:var(--on-surface-variant);line-height:1.45}.card-list{background:var(--surface-lowest);border-radius:.75rem;padding:4px 12px;margin-top:6px}.card-list-row{display:flex;align-items:baseline;gap:10px;padding:9px 0;border-bottom:1px solid var(--outline-variant)}.card-list-row:last-child{border-bottom:none}.card-list-dot{width:6px;height:6px;border-radius:50%;background:var(--secondary);flex-shrink:0;transform:translateY(-1px)}.card-list-main{flex:1;font-size:.875rem;color:var(--on-surface);letter-spacing:-.005em}.card-list-main b{font-weight:600;color:var(--on-surface)}.card-list-when{font-size:.75rem;color:var(--on-surface-variant);font-weight:500;white-space:nowrap}.landing{flex:1;display:flex;flex-direction:column;padding:28px 26px;background:var(--surface);position:relative;overflow:hidden}.landing-orb{position:absolute;top:20px;right:-40px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,var(--secondary-container) 0%,transparent 70%);filter:blur(50px);opacity:.9;pointer-events:none}.landing-wordmark{display:flex;align-items:center;gap:10px;margin-bottom:50px;position:relative}.landing-wordmark-text{font-size:1.0625rem;font-weight:600;color:var(--on-surface);letter-spacing:-.03em}.landing-pill{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:5px 11px 5px 9px;border-radius:var(--radius-full);background:var(--surface-lowest);border:1px solid var(--outline-variant);color:var(--on-surface-variant);font-size:.6875rem;font-weight:500;letter-spacing:.02em;margin-bottom:24px;position:relative}.landing-pill-dot{width:6px;height:6px;border-radius:50%;background:var(--secondary)}.landing-pill b{font-weight:700;color:var(--on-surface)}.landing-headline{font-family:var(--font-family);font-size:1.9375rem;line-height:1.1;letter-spacing:-.03em;font-weight:600;color:var(--on-surface);margin-bottom:14px;text-wrap:pretty;position:relative}.landing-sub{font-size:.9375rem;line-height:1.45;color:var(--on-surface-variant);margin-bottom:30px;max-width:300px;letter-spacing:-.01em;position:relative}.landing-card{margin-top:auto;padding:18px;border-radius:var(--radius-xl);background:var(--surface-lowest);border:1px solid var(--outline-variant);position:relative}.landing-card-title{font-size:1.0625rem;font-weight:600;color:var(--on-surface);letter-spacing:-.02em;margin-bottom:3px}.landing-card-sub{font-size:.8125rem;color:var(--on-surface-variant);margin-bottom:16px}.landing-card .action-btn-lg{margin-bottom:8px}.landing-card .action-btn-lg:last-child{margin-bottom:0}.landing-card .action-btn-lg.secondary{border:1px solid var(--outline-variant)}.landing-signin{text-align:center;margin-top:18px;font-size:.8125rem;color:var(--on-surface-variant);position:relative}.landing-signin button{background:none;border:none;color:var(--primary-container);font-family:var(--font-family);font-size:.8125rem;font-weight:600;cursor:pointer;padding:0 0 0 4px;text-decoration:underline;letter-spacing:-.005em}.landing-signin button:hover{color:var(--secondary)}