@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Lora:wght@400;500&display=swap";:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#262626;background:#fff;font-synthesis:none;font-weight:400;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button{color:inherit;border:0;background:transparent}button:focus-visible,a:focus-visible{outline:2px solid #7b8f9e;outline-offset:3px}textarea:focus,input:focus{outline:none}button,input,textarea{-webkit-tap-highlight-color:transparent}svg{flex-shrink:0}button{transition:background .14s,color .14s,opacity .14s}.shell{--bg:#fff;--sidebar:#f9f9f9;--hover:#ededed;--border:#e5e5e5;--muted:#838383;--composer:#f4f4f4;display:flex;height:100dvh;background:var(--bg)}.theme-claude{--bg:#faf9f5;--sidebar:#f0eee6;--hover:#e8e5db;--border:#dedbd2;--muted:#838178;--composer:#fffefb;color:#302f2c}.sidebar{width:258px;flex-shrink:0;display:flex;flex-direction:column;background:var(--sidebar);padding:18px 12px 14px;position:relative;z-index:20}.sidebar-closed .sidebar{display:none}.sidebar-top{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;margin-bottom:22px}.brand-button{display:flex;align-items:center;padding:3px}.claude-wordmark{font-family:Georgia,serif;font-size:28px;letter-spacing:-1.4px}.icon-button{width:32px;height:32px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:#71716d;flex-shrink:0}.icon-button:hover:not(:disabled){background:var(--hover)}.icon-button:disabled{opacity:.35}.sidebar-nav{display:flex;flex-direction:column;gap:3px;margin-bottom:27px}.sidebar-nav>button{display:flex;align-items:center;gap:12px;padding:10px 11px;border-radius:8px;text-align:left;font-size:14px}.sidebar-nav>button:hover:not(:disabled){background:var(--hover)}.sidebar-nav>button:disabled{opacity:.5}.shortcut{margin-left:auto;font-size:17px;color:#92928d}.history-section{flex:1;overflow-y:auto;padding-bottom:12px}.history-heading{font-size:12px;color:var(--muted);font-weight:500;padding:0 12px;margin:4px 0 10px}.empty-history{font-size:12px;line-height:1.65;color:#9b9b96;margin:14px 12px;max-width:160px}.history-row{display:flex;position:relative;border-radius:8px;align-items:center;margin-bottom:2px}.history-row:hover,.history-row.selected{background:var(--hover)}.history-title{flex:1;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:11px 10px;font-size:13px}.history-more{width:26px;height:28px;margin-right:3px;opacity:0}.history-row:hover .history-more,.history-row.selected .history-more,.history-row:focus-within .history-more{opacity:1}.sidebar-bottom{display:flex;gap:11px;align-items:center;padding:12px 10px 1px}.workspace-avatar,.profile-avatar{display:grid;place-items:center;background:#dfe9e5;color:#496358;border-radius:50%;font-size:13px;font-weight:600;width:33px;height:33px;flex-shrink:0}.sidebar-bottom strong{font-size:13px;font-weight:550;display:block;margin-bottom:3px}.sidebar-bottom small{display:block;font-size:11px;color:var(--muted)}.main{display:flex;flex-direction:column;min-width:0;flex:1;height:100%;position:relative}.topbar{height:72px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 28px 0 22px;z-index:10}.topbar-left,.topbar-right{display:flex;align-items:center;gap:14px}.topbar-left{gap:8px}.provider-button{display:flex;align-items:center;gap:8px;font-size:19px;font-weight:550;letter-spacing:-.5px;border-radius:9px;padding:7px 9px}.provider-button svg{color:#92928d}.provider-button:hover:not(:disabled){background:var(--hover)}.connected-app{font-size:12px;color:#73736d;display:flex;align-items:center;gap:7px}.profile-avatar{height:30px;width:30px;font-size:12px;margin-left:4px}.relative{position:relative}.popover{position:absolute;background:var(--bg);border:1px solid var(--border);border-radius:13px;box-shadow:0 5px 25px #00000012;padding:7px;z-index:50}.provider-menu{width:270px;top:47px;left:0}.menu-caption{display:block;font-size:10px;font-weight:600;letter-spacing:.8px;color:var(--muted);padding:9px 10px 10px}.provider-menu>button{display:flex;width:100%;align-items:center;gap:12px;padding:11px 10px;border-radius:8px;text-align:left}.provider-menu>button:hover{background:var(--hover)}.provider-menu>button>span:not(.claude-mark){flex:1}.provider-menu strong,.app-menu strong{display:block;font-size:14px;font-weight:550}.provider-menu small,.app-menu small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.provider-menu p{font-size:10px;color:var(--muted);border-top:1px solid var(--border);padding:10px 9px 3px;margin:6px 0 0}.claude-mark{color:#c47959;font-family:Georgia,serif;display:inline-flex;line-height:.85;align-items:center;justify-content:center;font-weight:400}.chat-scroll{flex:1;min-height:0;overflow-y:auto;scroll-behavior:smooth}.chat-scroll.is-empty{display:flex;flex-direction:column}.welcome{width:min(100% - 64px,768px);margin:auto;transform:translateY(-64px)}.welcome-heading{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:34px}h1{font-size:30px;font-weight:500;letter-spacing:-.9px;margin:0;line-height:1.3}.theme-claude h1{font-family:Lora,Georgia,serif;font-size:34px;font-weight:400;letter-spacing:-1px}.theme-claude .welcome-heading{margin-bottom:32px}.composer-wrap{width:100%;position:relative}.composer{border-radius:27px;padding:17px 17px 12px;background:var(--composer);border:1px solid transparent}.composer:focus-within{border-color:#dededc}.composer textarea{display:block;border:0;width:100%;background:transparent;padding:2px 5px 14px;resize:none;font-size:16px;line-height:1.6;max-height:180px;color:inherit;min-height:45px}.composer textarea::placeholder{color:#878783}.composer-controls{display:flex;align-items:center;gap:10px}.composer-left{display:flex;align-items:center;gap:9px;flex:1}.add-button{color:#51514e}.app-chip{display:flex;align-items:center;gap:6px;font-size:12px;color:#70706a;padding:5px 8px;border:1px solid #e2e2dd;border-radius:16px;font-weight:450}.foodstyles-mini{width:16px;height:16px;object-fit:contain;flex-shrink:0;border-radius:4px}.send-button{width:35px;height:35px;background:#222;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.send-button:disabled{background:#d8d8d8;color:#fff}.send-button:hover:not(:disabled){background:#444}.composer-footnote{text-align:center;font-size:10px;color:#8d8d88;margin:12px 0 0;line-height:1.5}.welcome .composer-footnote{visibility:hidden}.theme-claude .composer{border:1px solid #dedbd2;border-radius:17px;box-shadow:0 3px 6px #29271f05}.theme-claude .composer:focus-within{border-color:#b6b1a6}.theme-claude .send-button{border-radius:9px;background:#c27554}.theme-claude .send-button:disabled{background:#e7cbbb}.theme-claude .send-button:hover:not(:disabled){background:#a76044}.composer-model{font-size:12px;color:#77746d;display:flex;align-items:center;gap:5px}.app-menu{bottom:45px;left:-4px;width:290px}.app-menu>div{display:flex;align-items:center;gap:10px;padding:10px 8px 14px}.app-menu>div>span:nth-child(2){flex:1}.foodstyles-mark{width:26px;height:26px;border-radius:7px;object-fit:contain;flex-shrink:0}.bottom-composer{width:min(100% - 64px,768px);margin:0 auto;flex-shrink:0;padding:12px 0 14px;background:var(--bg)}.messages{max-width:768px;margin:0 auto;padding:29px 0 40px;display:flex;flex-direction:column;gap:30px}.message{min-width:0;position:relative}.message-user{align-self:flex-end;max-width:82%;display:flex;flex-direction:column;align-items:flex-end}.message-user>.message-text{background:#f1f1f1;border-radius:22px;padding:12px 19px;font-size:15px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.theme-claude .message-user>.message-text{background:#eeece4;border-radius:9px}.message-assistant{width:100%;font-size:15px;line-height:1.8;overflow-wrap:anywhere}.theme-claude .message-assistant>.message-text{font-family:Lora,Georgia,serif;font-size:15px;line-height:1.9}.message-text p{margin:0 0 14px}.message-text p:last-child{margin-bottom:0}.message-text ul,.message-text ol{padding-left:24px}.message-text h1,.message-text h2,.message-text h3{font-family:inherit;font-size:20px;letter-spacing:-.3px;margin:22px 0 10px}.message-text a{color:#3b6b91;text-decoration:underline;text-underline-offset:3px}.message-text pre{background:var(--sidebar);border:1px solid var(--border);border-radius:10px;padding:15px;overflow:auto;font-size:12px;line-height:1.7}.message-text code{font-size:.88em;background:var(--sidebar);padding:2px 4px;border-radius:3px}.message-text pre code{padding:0}.message-text table{border-collapse:collapse;display:block;overflow:auto;font-size:13px;max-width:100%}.message-text td,.message-text th{padding:9px 14px;border:1px solid var(--border);text-align:left}.message-text blockquote{border-left:3px solid var(--border);padding-left:16px;margin-left:0;color:#6d6b64}.message-actions{display:flex;gap:2px;margin-top:9px}.message-actions .icon-button{width:28px;height:28px}.message-user .message-actions{opacity:0;margin-top:5px}.message-user:hover .message-actions,.message-user:focus-within .message-actions{opacity:1}.assistant-mark{margin-bottom:12px}.thinking{display:flex;align-items:center;gap:10px;color:#888;font-size:13px}.thinking>span{height:9px;width:9px;background:#313131;border-radius:50%;animation:pulse 1.2s infinite}.tool-status{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted);padding:6px 0;line-height:1.5}.tool-error{color:#a46451}.mcp-app{border:1px solid var(--border);border-radius:14px;overflow:hidden;margin:13px 0;background:#fff}.app-toolbar{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid #eee}.app-toolbar .foodstyles-mark{height:21px;width:21px;font-size:18px;border-radius:5px}.app-toolbar strong{font-size:12px;font-weight:550;color:#3c3c38}.app-toolbar .icon-button{margin-left:auto;width:26px;height:26px}.mcp-app iframe{border:0;width:100%;display:block;min-width:0}.mcp-fullscreen{position:fixed;inset:14px;z-index:1000;margin:0;box-shadow:0 0 0 100vmax #0008;display:flex;flex-direction:column}.mcp-fullscreen iframe{flex:1;height:100%!important;min-height:0}.app-loading,.app-error{display:flex;align-items:center;justify-content:center;gap:10px;min-height:180px;font-size:13px;color:#777;padding:24px}.app-error{flex-wrap:wrap}.app-error button{display:flex;align-items:center;gap:6px;border:1px solid #ddd;border-radius:8px;padding:7px 12px}.spin{animation:spin 1s linear infinite}.notice,.response-error{font-size:12px;line-height:1.6;background:#f8eee9;color:#9a4b36;border:1px solid #efddd3;padding:10px 13px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.response-error{margin-top:12px}.notice .icon-button{color:inherit}.stopped-label{font-size:12px;color:var(--muted);margin-top:12px}.edit-message{width:min(600px,100%);border:1px solid var(--border);background:var(--composer);border-radius:14px;padding:14px}.edit-message textarea{width:100%;min-height:100px;resize:vertical;background:transparent;border:0;font-size:15px;line-height:1.6}.edit-message>div{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.row-menu{right:0;top:38px;min-width:145px}.row-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px;border-radius:6px;font-size:12px;text-align:left}.row-menu button:hover{background:var(--hover)}.danger-text{color:#b24239}.modal-backdrop{position:fixed;inset:0;background:#0004;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog{width:420px;max-width:100%;background:var(--bg);border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:0 15px 80px #0002}.dialog h2{font-size:19px;font-weight:550;letter-spacing:-.4px;margin:0 0 18px}.dialog p{font-size:14px;color:var(--muted);line-height:1.6}.dialog>input{border:1px solid var(--border);border-radius:8px;padding:12px;background:transparent;width:100%;color:inherit;font-size:14px}.dialog>input:focus{border-color:#aaa}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.primary-button,.secondary-button{padding:9px 16px;border-radius:20px;font-size:13px;font-weight:500}.primary-button{background:#262626;color:#fff}.primary-button:disabled{opacity:.4}.secondary-button{border:1px solid var(--border)}.secondary-button:hover{background:var(--hover)}.danger-button{background:#b23d33}.search-dialog{width:570px;padding:0;align-self:flex-start;margin-top:15vh;overflow:hidden}.search-field{display:flex;align-items:center;padding:18px;gap:12px;border-bottom:1px solid var(--border);color:var(--muted)}.search-field input{flex:1;min-width:0;border:0;background:transparent;color:inherit;font-size:15px}.search-results{max-height:360px;overflow:auto;padding:9px}.search-results>button{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border-radius:8px;text-align:left;font-size:13px}.search-results>button:hover{background:var(--hover)}.search-results>button>span:not(.claude-mark){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-results small{font-size:10px;color:var(--muted)}.search-results p{text-align:center;padding:15px;font-size:13px}.mobile-scrim{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.3;transform:scale(.75)}}@media(min-width:1500px){.welcome{transform:translateY(-86px)}}@media(max-width:1100px){.messages{padding-left:28px;padding-right:28px}.sidebar{width:235px}.welcome{width:calc(100% - 48px)}.topbar{padding-right:22px}}@media(max-width:760px){.sidebar{position:fixed;inset:0 auto 0 0;width:275px;z-index:40;padding-top:18px}.mobile-scrim{display:block;position:fixed;inset:0;z-index:35;background:#0005}.topbar{height:62px;padding:0 15px}.topbar-right{gap:9px}.connected-app{font-size:0;gap:0}.connected-app .foodstyles-mini{width:16px;height:16px;object-fit:contain;flex-shrink:0;border-radius:4px}.provider-button{font-size:18px}.desktop-only{display:none}.welcome{width:calc(100% - 32px);transform:translateY(-32px)}.welcome-heading{margin-bottom:25px;gap:10px}h1{font-size:25px}.theme-claude h1{font-size:27px}.theme-claude .welcome-heading>.claude-mark{font-size:42px!important}.composer{padding:14px 12px 10px;border-radius:23px}.composer textarea{font-size:16px}.composer-footnote{font-size:9px}.bottom-composer{width:calc(100% - 24px);padding-bottom:12px}.messages{padding:22px 19px 25px;gap:24px}.message-user{max-width:90%}.message-actions,.message-user .message-actions,.history-more{opacity:1}.mcp-fullscreen{inset:6px}.composer-model{display:none}.profile-avatar{width:28px;height:28px}.popover{max-width:calc(100vw - 40px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.mcp-fullscreen .app-frame-container{flex:1;min-height:0}.mcp-fullscreen .app-frame-container iframe{height:100%!important}.auth-page{min-height:100dvh;display:grid;place-items:center;background:#f8f7f4;padding:24px;color:#282722}.auth-card{width:min(100%,390px);display:flex;flex-direction:column;gap:18px}.auth-card h1{font-size:30px;letter-spacing:-1px;margin:0}.auth-card p{line-height:1.5;margin:0;color:#706e67}.auth-symbol{font-size:42px;color:#bb795e}.auth-card label{display:grid;gap:8px;font-size:14px;font-weight:500}.auth-card input{width:100%;padding:13px 14px;border:1px solid #d8d6ce;background:#fff;border-radius:9px;font:inherit;box-sizing:border-box}.auth-card input:focus{outline:2px solid #908b7d;outline-offset:2px}.auth-submit{padding:14px;border:0;border-radius:9px;background:#282722;color:#fff;font:inherit;cursor:pointer}.auth-submit:disabled{opacity:.6}.auth-switch{border:0;background:none;font:inherit;font-size:13px;cursor:pointer;padding:8px}.auth-card .auth-note{font-size:12px}.auth-card .auth-error{color:#ad3636;font-size:14px}.account-control{position:fixed;right:18px;top:60px;z-index:20;display:flex;gap:12px;align-items:center;font-size:12px;padding:7px 10px;border-radius:8px;background:#f5f4ef}.account-control button{background:none;border:0;text-decoration:underline;cursor:pointer;font:inherit}.auth-create{padding:18px;border:1px solid #d9b19b;border-radius:12px;background:#fff0e7;display:grid;gap:9px}.auth-create h2{margin:0;font-size:18px;letter-spacing:-.3px}.auth-card .auth-create p{font-size:14px;color:#625044}.auth-create-button{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:4px;padding:12px 14px;border:1px solid #8b4528;border-radius:8px;background:#924b2d;color:#fff;font:inherit;font-weight:600;cursor:pointer}.auth-create-button:hover{background:#773b22}.auth-create-button:focus-visible,.auth-switch:focus-visible{outline:3px solid #924b2d;outline-offset:3px}.auth-create-button:disabled{opacity:.6;cursor:wait}.auth-field-help{font-size:12px;font-weight:400;color:#706e67}.auth-card input{font-size:16px;min-height:48px}.auth-password{position:relative;margin-top:-10px}.auth-password input{padding-right:74px}.auth-password button{position:absolute;right:4px;top:2px;bottom:2px;min-width:64px;border-radius:7px;font-size:14px;font-weight:600}.auth-password button:hover{background:#f5f4ef}.auth-switch{min-height:44px}.sidebar-bottom>span{min-width:0;flex:1}.sidebar-bottom strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sign-out{min-height:44px;padding:8px;font-size:12px;text-decoration:underline;flex-shrink:0;border-radius:7px}.sign-out:disabled{opacity:.5}.history-section{min-height:0}.message-text img{max-width:100%;height:auto}@media(max-width:760px){.auth-page{padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));align-items:safe center}.auth-card{gap:16px}.auth-symbol{font-size:34px}.auth-card h1{font-size:28px}.auth-create{padding:16px}.shell{position:fixed;top:var(--chat-top,0px);left:0;right:0;height:var(--chat-height,100dvh);overflow:hidden;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.topbar{height:calc(60px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-left:8px;padding-right:12px}.sidebar{position:absolute;width:min(310px,calc(100% - 44px));padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.mobile-scrim{position:absolute}.sidebar-top{height:44px;margin-bottom:12px}.sidebar-bottom{gap:6px;padding-left:4px;padding-right:0}.icon-button,.message-actions .icon-button,.app-toolbar .icon-button{width:44px;height:44px}.history-more{width:44px;height:44px;margin-right:0}.history-title{min-height:44px}.send-button{width:44px;height:44px}.app-chip{min-height:36px}.welcome{transform:none;margin:auto;width:calc(100% - 24px);padding:24px 0}.welcome-heading{align-items:center;text-align:center}.theme-claude .welcome-heading{margin-bottom:24px}.theme-claude h1{font-size:26px}.bottom-composer{padding-top:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.composer textarea{max-height:min(140px,25dvh)}.composer-footnote{margin-top:6px;font-size:10px}.messages{padding:16px 12px 24px}.chat-scroll{overscroll-behavior-y:contain}.app-toolbar{padding:2px 8px}.mcp-fullscreen{inset:0;border-radius:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.modal-backdrop{position:absolute;padding:16px;overflow-y:auto}.dialog{max-height:100%;overflow-y:auto;padding:20px}.dialog input,.edit-message textarea,.search-field input{font-size:16px}.search-dialog{margin-top:0;padding:0;display:flex;flex-direction:column}.search-results{min-height:0;max-height:none;overflow-y:auto}.search-field{padding:8px}.dialog-actions button{min-height:44px}}@media(max-width:760px)and (max-height:500px){.welcome{padding:8px 0}.welcome-heading,.theme-claude .welcome-heading,.composer-footnote{display:none}.topbar{height:48px;padding-top:0}.composer{padding-top:8px;padding-bottom:6px}}
