*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--ink:#0e0e0e;--ink-2:#1c1c1e;--ink-3:#2a2a2c;--rule:hsla(0,0%,100%,.08);--rule-strong:hsla(0,0%,100%,.14);--paper:#f5f2ec;--cream:#ede9e0;--gold:#c9a84c;--gold-light:#e8c97a;--gold-dim:rgba(201,168,76,.18);--teal:#3ecfb2;--teal-dim:rgba(62,207,178,.12);--coral:#e8705a;--text-primary:#f0ece4;--text-secondary:hsla(40,29%,92%,.55);--text-tertiary:hsla(40,29%,92%,.32);--serif:"DM Serif Display",Georgia,serif;--sans:"DM Sans",system-ui,sans-serif;--radius:12px;--radius-sm:8px}body,html{font-family:var(--sans);font-size:15px;line-height:1.6;background:var(--ink);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh}.app-shell{display:grid;grid-template-columns:260px 1fr;grid-template-rows:100vh;height:100vh;overflow:hidden;--main-row:1;--main-col:2}.sidebar{background:var(--ink-2);border-right:1px solid var(--rule);display:flex;flex-direction:column;padding:0;overflow:hidden}.sidebar-logo{padding:20px 24px 16px;border-bottom:1px solid var(--rule)}.logo-mark{font-family:var(--serif);font-size:22px;color:var(--gold);letter-spacing:-.01em;line-height:1}.logo-sub{font-size:10px;letter-spacing:.12em;color:var(--text-secondary);text-transform:uppercase;margin-top:3px}.sidebar-section{padding:12px 16px 4px}.sidebar-section-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);padding:0 8px;margin-bottom:6px}.sidebar-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:13.5px;color:var(--text-secondary);transition:all .15s;border:none;background:none;width:100%;text-align:left}.sidebar-item:hover{background:var(--rule);color:var(--text-primary)}.sidebar-item.active{background:var(--gold-dim);color:var(--gold-light)}.sidebar-item-icon{width:16px;height:16px;opacity:.7;flex-shrink:0}.portfolio-summary{margin:auto 0 0;padding:20px;border-top:1px solid var(--rule)}.portfolio-value{font-family:var(--serif);font-size:26px;color:var(--gold);line-height:1}.portfolio-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.balance-list{margin-top:14px;display:flex;flex-direction:column;gap:8px}.balance-row{display:flex;justify-content:space-between;align-items:center;font-size:12.5px}.balance-program{color:var(--text-secondary)}.balance-pts{color:var(--text-primary);font-weight:500}.balance-val{color:var(--text-tertiary);font-size:11px}.main-content{display:flex;flex-direction:column;height:100%;overflow:hidden;min-height:0}.topbar{justify-content:space-between;padding:0 28px;height:60px;border-bottom:1px solid var(--rule);flex-shrink:0}.topbar,.topbar-context{display:flex;align-items:center}.topbar-context{gap:8px;font-size:13px;color:var(--text-secondary)}.context-badge{background:var(--gold-dim);color:var(--gold-light);letter-spacing:.02em}.context-badge,.teal-badge{font-size:11px;padding:3px 10px;border-radius:20px;font-weight:500}.teal-badge{background:var(--teal-dim);color:var(--teal)}.chat-area{flex:1 1;overflow-y:auto;padding:32px 28px;display:flex;flex-direction:column;gap:24px}.chat-area::-webkit-scrollbar{width:4px}.chat-area::-webkit-scrollbar-track{background:transparent}.chat-area::-webkit-scrollbar-thumb{background:var(--rule-strong);border-radius:4px}.empty-state{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:40px;text-align:center}.empty-headline{font-family:var(--serif);font-size:40px;line-height:1.1;color:var(--text-primary);max-width:500px}.empty-headline em{color:var(--gold);font-style:italic}.empty-sub{font-size:15px;color:var(--text-secondary);max-width:380px;line-height:1.7;margin-top:-24px}.suggestion-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;width:100%;max-width:560px}.suggestion-card{background:var(--ink-2);border:1px solid var(--rule);border-radius:var(--radius);padding:14px 16px;cursor:pointer;text-align:left;transition:all .18s;font-family:var(--sans)}.suggestion-card:hover{border-color:var(--rule-strong);background:var(--ink-3);transform:translateY(-1px)}.suggestion-label{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}.suggestion-text{font-size:13px;color:var(--text-primary);line-height:1.4}.message{display:flex;gap:14px;max-width:760px;animation:fadeUp .2s ease}.message.user{align-self:flex-end;flex-direction:row-reverse;max-width:580px}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.message-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500}.message-avatar.agent{background:var(--gold-dim);color:var(--gold)}.message-avatar.user{background:var(--teal-dim);color:var(--teal)}.message-body{flex:1 1}.message-bubble{padding:14px 18px;border-radius:var(--radius);font-size:14px;line-height:1.7}.message.agent .message-bubble{background:var(--ink-2);border:1px solid var(--rule);color:var(--text-primary)}.message.user .message-bubble{background:var(--gold-dim);border:1px solid rgba(201,168,76,.2);color:var(--text-primary)}.message-bubble p{margin-bottom:10px}.message-bubble p:last-child{margin-bottom:0}.message-bubble strong{color:var(--gold-light);font-weight:500}.message-bubble h2,.message-bubble h3{font-family:var(--serif);font-size:17px;color:var(--text-primary);margin:16px 0 8px;font-weight:400}.message-bubble ol,.message-bubble ul{padding-left:18px;margin-bottom:10px}.message-bubble li{margin-bottom:4px}.message-bubble code{background:var(--ink-3);padding:2px 6px;border-radius:4px;font-size:12.5px;color:var(--teal)}.tool-indicator{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--teal-dim);border:1px solid rgba(62,207,178,.15);border-radius:20px;font-size:12px;color:var(--teal);width:-moz-fit-content;width:fit-content;margin-bottom:6px}.tool-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.typing-dots{display:flex;gap:4px;padding:14px 18px;background:var(--ink-2);border:1px solid var(--rule);border-radius:var(--radius);width:-moz-fit-content;width:fit-content}.typing-dot{width:6px;height:6px;border-radius:50%;background:var(--text-tertiary);animation:typing 1.2s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.4}40%{transform:scale(1);opacity:1}}.input-area{padding:20px 28px 24px;border-top:1px solid var(--rule);flex-shrink:0}.input-wrapper{display:flex;align-items:flex-end;gap:12px;background:var(--ink-2);border:1px solid var(--rule-strong);border-radius:14px;padding:12px 14px;transition:border-color .15s}.input-wrapper:focus-within{border-color:rgba(201,168,76,.4)}.chat-input{flex:1 1;background:none;border:none;outline:none;color:var(--text-primary);font-family:var(--sans);font-size:14px;line-height:1.5;resize:none;min-height:24px;max-height:120px}.chat-input::placeholder{color:var(--text-tertiary)}.send-btn{width:34px;height:34px;border-radius:8px;background:var(--gold);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;color:var(--ink)}.send-btn:hover{background:var(--gold-light)}.send-btn:disabled{background:var(--ink-3);cursor:not-allowed;opacity:.5}.input-hint{font-size:11.5px;color:var(--text-tertiary);margin-top:8px;padding:0 4px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:12px;gap:12px;margin-top:16px}.card-chip{background:var(--ink-2);border:1px solid var(--rule);border-radius:var(--radius-sm);padding:12px 14px}.card-chip-name{font-size:13px;font-weight:500}.card-chip-detail{font-size:11.5px;color:var(--text-secondary);margin-top:3px}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:300;padding:24px}.modal{background:var(--ink-2);border:1px solid var(--rule-strong);border-radius:18px;padding:36px;width:100%;max-width:520px;max-height:80vh;overflow-y:auto}.modal-title{font-family:var(--serif);font-size:28px;margin-bottom:6px}.modal-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:28px;line-height:1.6}.form-group{margin-bottom:18px}.form-label{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:8px}.form-input,.form-select{width:100%;background:var(--ink-3);border:1px solid var(--rule-strong);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--sans);font-size:14px;padding:10px 14px;outline:none;transition:border-color .15s}.form-input:focus,.form-select:focus{border-color:rgba(201,168,76,.5)}.form-select option{background:var(--ink-3)}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.btn-primary{width:100%;background:var(--gold);color:var(--ink);border:none;border-radius:var(--radius-sm);padding:12px;font-family:var(--sans);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;margin-top:8px}.btn-primary:hover{background:var(--gold-light)}.balance-input-group{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px;margin-bottom:10px}.balance-label-small{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.mobile-header{display:none}@media (max-width:768px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr;--main-row:2;--main-col:1}.sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;z-index:200;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:20px 0 50px rgba(0,0,0,.5);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:40px}.sidebar.open{transform:translateX(0)}.portfolio-summary{margin-top:20px}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:60px;background:var(--ink-2);border-bottom:1px solid var(--rule);z-index:150;position:-webkit-sticky;position:sticky;top:0}.mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:190;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-overlay.open{opacity:1;pointer-events:auto}.suggestion-grid{grid-template-columns:1fr}.topbar{padding:0 20px}.chat-area{padding:24px 20px}.input-area{padding:16px 20px 20px}.empty-headline{font-size:32px}}@media (min-width:769px){.mobile-header,.mobile-overlay{display:none}}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}[contenteditable],input,textarea{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}