:root{--color-bg: #faf7f0;--color-surface: #ffffff;--color-border: #e7e0d4;--color-text: #2b2a27;--color-text-muted: #6b675d;--color-blue: #3f6a99;--color-blue-soft: #e8f0f7;--color-green: #4f8570;--color-green-soft: #e9f3ee;--color-grey: #8b8779;--color-danger: #a03c3c;--color-danger-soft: #fbeaea;--color-danger-border: #e6b8b8;--radius: 14px;--radius-sm: 10px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--text-xs: .75rem;--text-sm: .85rem;--text-md: .95rem;--text-base: 1rem;--text-lg: 1.1rem;--text-xl: 1.4rem;--tap: 44px;--shadow-pop: 0 4px 16px rgba(0, 0, 0, .1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);-webkit-tap-highlight-color:transparent}a{color:var(--color-blue);text-underline-offset:2px}a:hover{text-decoration-thickness:2px}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}.app-shell{max-width:720px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.app-shell--fixed{height:100dvh;min-height:0}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-2)}.brand{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:600;letter-spacing:-.01em}.brand__mark{width:28px;height:28px;border-radius:8px;background:var(--color-green-soft);color:var(--color-green);display:inline-flex;align-items:center;justify-content:center}.page-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4) var(--space-3)}.page-header__title{flex:1;margin:0;font-size:var(--text-xl);font-weight:600;letter-spacing:-.01em;min-width:0;overflow-wrap:anywhere}.page-header__back{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:calc(var(--space-2) * -1);border-radius:50%;color:var(--color-text)}.page-header__back:hover{background:var(--color-blue-soft)}.tabs{display:flex;gap:var(--space-2);padding:0 var(--space-4) var(--space-3)}.tab{flex:1;text-align:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--color-text-muted);font-weight:500;text-decoration:none}.tab:hover{background:var(--color-blue-soft)}.tab--active{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);font-weight:500;text-decoration:none;color:var(--color-text)}.btn:hover:not(:disabled){background:var(--color-blue-soft)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--color-blue);border-color:var(--color-blue);color:#fff}.btn--primary:hover:not(:disabled){background:#35597f}.btn--danger{color:var(--color-danger);border-color:var(--color-danger-border)}.btn--danger:hover:not(:disabled){background:var(--color-danger-soft)}.btn--danger-solid{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn--danger-solid:hover:not(:disabled){background:#8a3030}.btn--ghost{background:transparent;border-color:transparent;color:var(--color-text-muted)}.btn--icon{padding:0;width:40px;min-height:40px;height:40px;border-radius:50%}.icon-toggle{display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);border:none;background:transparent;border-radius:50%;color:var(--color-grey);flex:none}.icon-toggle:hover{background:var(--color-blue-soft)}.icon-toggle[aria-pressed=true]{color:#c99a2e}.menu{position:relative}.menu__trigger{width:var(--tap);height:var(--tap);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:none;background:transparent;border-radius:var(--radius-sm)}.menu__trigger:hover,.menu__trigger:active{background:var(--color-blue-soft)}.menu__trigger span{width:20px;height:2px;border-radius:2px;background:var(--color-text)}.menu__dropdown{position:absolute;top:calc(100% + 4px);right:0;display:flex;flex-direction:column;min-width:200px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-pop);overflow:hidden;z-index:10}.menu__group-label{padding:var(--space-2) var(--space-3) 0;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.menu__group+.menu__group,.menu__signout{border-top:1px solid var(--color-border)}.menu__item{padding:var(--space-3);min-height:var(--tap);display:flex;align-items:center;width:100%;text-align:left;background:transparent;border:none;color:var(--color-text);text-decoration:none;font-weight:500;font-size:var(--text-md)}.menu__item:hover,.menu__item:active{background:var(--color-blue-soft)}.menu__item.active{background:var(--color-blue-soft);color:var(--color-blue)}.menu__item:focus-visible{outline-offset:-2px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4)}.page{flex:1;padding:0 var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.stack--tight{gap:var(--space-2)}.form-card{display:flex;flex-direction:column;gap:var(--space-3)}.btn-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.btn-row--start{align-self:flex-start}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.section-title{margin:var(--space-2) 0 0;font-size:var(--text-base);font-weight:600}.text-muted{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.45}.text-muted p,.text-muted--flush{margin:0}.list-plain{margin:0;padding-left:var(--space-5)}.empty-state{color:var(--color-text-muted);text-align:center;padding:var(--space-6) var(--space-4)}.notice{border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-md);border:1px solid transparent}.notice--error{background:var(--color-danger-soft);border-color:var(--color-danger-border);color:var(--color-danger)}.notice--success{background:var(--color-green-soft);border-color:#c5dfd2;color:#2f6650}.badge{font-size:var(--text-xs);font-weight:500;color:var(--color-blue);background:var(--color-blue-soft);border-radius:999px;padding:2px var(--space-2);white-space:nowrap}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field--row{flex-direction:row;align-items:center;gap:var(--space-2);min-height:32px}.field--row input[type=checkbox]{width:18px;height:18px;flex:none;accent-color:var(--color-blue)}.field__label{font-weight:500;font-size:.9rem;color:var(--color-text-muted)}.input{width:100%;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);min-height:40px}.input:focus,.composer textarea:focus{outline:2px solid var(--color-blue);outline-offset:-1px}.input:disabled{background:var(--color-bg);color:var(--color-text-muted)}.select{width:auto}.json-editor{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-sm);resize:vertical}.tag-input{display:flex;flex-wrap:wrap;gap:var(--space-2);border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-sm);padding:var(--space-2)}.tag-input:focus-within{outline:2px solid var(--color-blue);outline-offset:-1px}.tag-input input{flex:1;min-width:8rem;border:none;outline:none;background:transparent;min-height:28px}.tag{display:inline-flex;align-items:center;gap:2px;background:var(--color-blue-soft);color:var(--color-blue);border-radius:999px;padding:2px 4px 2px var(--space-3);font-size:var(--text-sm)}.tag button{border:none;background:transparent;color:inherit;width:22px;height:22px;border-radius:50%;padding:0;line-height:1}.tag button:hover{background:#00000014}.info-tooltip{position:relative;display:inline-flex;vertical-align:middle}.info-tooltip__trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:50%;background:var(--color-blue-soft);color:var(--color-blue);padding:0}.info-tooltip__trigger:after{content:"";position:absolute;inset:-12px}.info-tooltip__bubble{position:absolute;bottom:calc(100% + 6px);left:0;z-index:10;width:240px;max-width:70vw;background:var(--color-text);color:var(--color-surface);font-size:.8rem;font-weight:400;line-height:1.4;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);box-shadow:var(--shadow-pop)}.checkbox-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:220px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3)}.item-card{display:flex;flex-direction:column;gap:var(--space-1);text-align:left;text-decoration:none;color:inherit;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius);padding:var(--space-4);min-width:0}a.item-card:hover{border-color:var(--color-blue)}.item-card__row{display:flex;align-items:center;gap:var(--space-2)}.item-card__row>.item-card{flex:1}.item-card__title{font-weight:600;display:flex;align-items:center;gap:var(--space-2)}.item-card__meta{color:var(--color-text-muted);font-size:var(--text-sm)}.list-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;min-height:var(--tap);text-align:left;text-decoration:none;color:inherit;background:transparent;border:none;border-bottom:1px solid var(--color-border);padding:var(--space-2) 0}a.list-row:hover,button.list-row:hover{background:#e8f0f780}.list-row--split{padding:0;gap:0}.list-row__main{flex:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--tap);min-width:0;color:inherit;text-decoration:none}.list-row__label{min-width:0;overflow-wrap:anywhere}.list-row__main{flex-wrap:wrap;row-gap:0}.list-row__main .item-card__meta{white-space:nowrap}.accordion__header{font-weight:600}.accordion__chevron{display:inline-flex;align-items:center;gap:var(--space-2)}.accordion__body{display:flex;flex-direction:column;padding:var(--space-1) 0 var(--space-2) var(--space-2)}.plan-version{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius);padding:var(--space-4)}.login-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);padding:var(--space-6) var(--space-4);text-align:center}.login-page__mark{width:56px;height:56px;border-radius:16px;background:var(--color-green-soft);color:var(--color-green);display:flex;align-items:center;justify-content:center}.login-page__title{font-size:var(--text-xl);font-weight:700;margin:0}.login-page__subtitle{color:var(--color-text-muted);margin:0;max-width:320px}.chat-page{flex:1;display:flex;flex-direction:column;min-height:0;padding:0 var(--space-4) var(--space-4);gap:var(--space-3)}.chat-page__controls{display:flex;gap:var(--space-2)}.chat-page__controls .select{flex:1 1 auto;width:100%;min-width:0}.message-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) 0}.message-group{display:flex;flex-direction:column;max-width:85%}.message-group--user{align-self:flex-end;align-items:flex-end}.message-group--model{align-self:flex-start;align-items:flex-start}.message-group--system{align-self:center;align-items:center}.bubble{max-width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius);line-height:1.4;word-break:break-word}.bubble--user{background:var(--color-blue);color:#fff;border-bottom-right-radius:var(--radius-sm);white-space:pre-wrap}.bubble--model{background:var(--color-green-soft);color:var(--color-text);border-bottom-left-radius:var(--radius-sm)}.bubble--system{background:transparent;color:var(--color-text-muted);font-size:var(--text-sm);padding:var(--space-1) var(--space-3);white-space:pre-wrap}.plan-email-widget{margin-top:var(--space-1)}.plan-email-widget .btn--ghost{border-color:var(--color-border);font-size:var(--text-sm);min-height:36px}.composer{display:flex;gap:var(--space-2);align-items:flex-end}.composer .btn{align-self:flex-end;height:calc(1.4em + var(--space-3) * 2 + 2px);flex-shrink:0}.composer textarea{flex:1;font-size:inherit;resize:none;max-height:140px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius);padding:var(--space-3);line-height:1.4}.typing-indicator{display:inline-flex;align-items:center;gap:4px;padding:var(--space-1) 0}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:var(--color-text-muted);opacity:.4;animation:typing-bounce 1.2s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);width:min(380px,calc(100vw - var(--space-4) * 2))}.modal__title{margin:0 0 var(--space-1);font-size:var(--text-base);font-weight:600}.modal__label{display:block;font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-1)}.modal__actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4)}.intro summary{font-weight:600;cursor:pointer;min-height:28px}.intro__body{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.intro__text{margin:0;font-size:.9rem;color:var(--color-text-muted);line-height:1.4}.intro__list{margin:0;padding-left:var(--space-4);font-size:.9rem;line-height:1.5}.picker__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.picker__summary{margin:0;font-size:.9rem;color:var(--color-text-muted);line-height:1.4}.picker__group{display:flex;flex-direction:column;gap:var(--space-2)}.picker__group-title{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.picker__tool{align-items:flex-start;flex:none}.picker__desc{display:block}.md{line-height:1.5;overflow-wrap:anywhere}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p,.md ul,.md ol,.md pre,.md blockquote,.md table{margin:0 0 var(--space-2)}.md h2,.md h3,.md h4,.md h5,.md h6{margin:var(--space-3) 0 var(--space-1);line-height:1.25}.md h2{font-size:1.15rem}.md h3{font-size:1.05rem}.md h4,.md h5,.md h6{font-size:var(--text-base)}.md ul,.md ol{padding-left:var(--space-5)}.md li>ul,.md li>ol{margin:var(--space-1) 0 0}.md code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:#0000000f;border-radius:4px;padding:1px 4px}.md pre{background:#0000000f;border-radius:var(--radius-sm);padding:var(--space-3);overflow-x:auto}.md pre code{background:none;padding:0}.md blockquote{border-left:3px solid var(--color-border);padding-left:var(--space-3);color:var(--color-text-muted)}.md hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-3) 0}.md__table-wrap{overflow-x:auto;margin:0 0 var(--space-2)}.md table{border-collapse:collapse;font-size:var(--text-sm);margin:0}.md th,.md td{border:1px solid var(--color-border);padding:var(--space-1) var(--space-2);text-align:left}.md th{background:#0000000a}.mt-2{margin-top:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.section-title--flush{margin:0}.intro__list--tight{display:flex;flex-direction:column;gap:var(--space-1)}.example-block{margin:0;padding:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-sm);white-space:pre-wrap;overflow-x:auto}.input::placeholder{color:#9a968b}.mini-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.mini-table th,.mini-table td{text-align:left;padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-border)}.mini-table th{color:var(--color-text-muted);font-weight:500}.mini-table-wrap{overflow-x:auto}.onboarding-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.onboarding-card__text{flex:1 1 220px;min-width:0}.onboarding-card__text .intro__text{margin-top:var(--space-1)}.onboarding-card__actions{display:flex;gap:var(--space-2)}.onboarding-intro{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);color:var(--color-text-muted);line-height:1.4}.onboarding-intro p{margin:0}.session-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2);max-height:50vh;overflow-y:auto}.session-list__item{display:flex;flex-direction:column;gap:2px;width:100%;padding:var(--space-2) var(--space-3);text-align:left;background:transparent;border:1px solid var(--color-border, currentColor);border-radius:var(--radius, 8px);color:inherit;font:inherit;cursor:pointer}.session-list__item[aria-current=true]{border-width:2px}.session-list__preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}