html{-webkit-text-size-adjust:100%;height:100%;min-height:100%}body{overscroll-behavior-y:none;min-width:320px;height:100%;overflow-x:hidden}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}@media (width<=760px),(orientation:landscape) and (width<=900px) and (height<=600px){:root{--mobile-inline-space:max(12px, env(safe-area-inset-left));--mobile-inline-space-right:max(12px, env(safe-area-inset-right));--mobile-header-height:calc(60px + env(safe-area-inset-top));--mobile-control-size:44px}html{overscroll-behavior:none;overflow:hidden}body:not(.auth-required),#app{touch-action:auto}body:not(.auth-required){width:100%;height:100svh;min-height:100svh;position:fixed;inset:0;overflow:hidden}body.auth-required{overscroll-behavior:none;overflow:hidden}html:has(body.auth-required){overscroll-behavior:none;overflow:hidden}body.auth-required{width:100%;height:100svh;min-height:100svh;position:fixed;inset:0;overflow:hidden}body.auth-required .auth-screen{overflow-anchor:none;-webkit-overflow-scrolling:auto;width:100%;height:100%;min-height:100%;max-height:100%;position:absolute;inset:0;overflow:hidden}#app,.shell{min-height:100dvh;min-height:var(--app-height,100dvh);height:100dvh;height:var(--app-height,100dvh)}#app{isolation:auto;width:100%;height:100%;min-height:100%;position:fixed;inset:0;overflow:hidden}.shell{height:100%;min-height:0}.topbar{z-index:100;height:var(--mobile-header-height);min-height:var(--mobile-header-height);padding:calc(8px + env(safe-area-inset-top)) var(--mobile-inline-space-right) 8px var(--mobile-inline-space);pointer-events:auto;isolation:auto;display:block;position:relative}.topbar-controls{width:100%;height:var(--mobile-control-size);z-index:1001;pointer-events:auto;touch-action:auto;backface-visibility:visible;will-change:auto;justify-content:space-between;align-items:center;gap:8px;margin:0;display:flex;position:relative;top:0;left:auto;right:auto;transform:none}.top-left-controls,.top-actions{z-index:auto;pointer-events:auto;touch-action:auto;will-change:auto;flex:none;align-items:center;gap:8px;width:auto;min-width:0;max-width:none;position:static;transform:none}.topbar-controls button,.topbar-controls a,.topbar-controls .version-pill{pointer-events:auto}.top-actions{flex-wrap:nowrap;justify-content:flex-end;margin-right:0}.sidebar-toggle,.top-version-control .version-pill,.top-action{width:var(--mobile-control-size);min-width:var(--mobile-control-size);height:var(--mobile-control-size);touch-action:auto}.top-version-control .version-pill{width:auto;min-width:72px;padding:0 8px}.top-action{flex:0 0 var(--mobile-control-size);gap:0;padding:0}.top-action span{display:none}.top-action svg{width:18px;height:18px}#app.sidebar-open{--content-left:0px;--content-width:100%}.shell,#app.sidebar-open .shell{overscroll-behavior:none;width:100%;margin-left:0}.sidebar{height:100%}.chat-scroll{padding-top:0;padding-right:var(--mobile-inline-space-right);padding-bottom:calc(144px + env(safe-area-inset-bottom));padding-left:var(--mobile-inline-space);overscroll-behavior:contain;overflow-anchor:none;-webkit-overflow-scrolling:touch}#app:not(.has-messages) .chat-scroll{padding-bottom:calc(56px + env(safe-area-inset-bottom));pointer-events:auto}#app.has-messages .chat-scroll{padding-right:calc(42px + env(safe-area-inset-right));padding-bottom:calc(148px + env(safe-area-inset-bottom))}.empty-state{margin-top:8px}.hero-brand-lockup .brand-wordmark{font-size:clamp(23px,7.54vw,40px)}.hero-brand-lockup .brand-tagline{gap:10px;font-size:14px}.empty-state h1{width:min(340px,100%);margin:18px 0 8px;font-size:18px;line-height:1.12}.empty-state p{width:min(340px,100%);font-size:12px;line-height:1.42}.composer,#app.has-messages .composer,#app.sidebar-open .composer{right:var(--mobile-inline-space-right);bottom:calc(12px + env(safe-area-inset-bottom));left:var(--mobile-inline-space);width:auto;transform:none}#app:not(.has-messages) .composer{width:calc(100% - var(--mobile-inline-space) - var(--mobile-inline-space-right));margin-top:22px;bottom:auto;left:auto;right:auto}.composer textarea,#app.has-messages .composer textarea{border-radius:0;min-height:58px;max-height:126px;padding:13px 14px;font-size:16px;line-height:1.4}#app:not(.has-messages) .composer textarea{min-height:84px;max-height:160px}.composer-send{border-radius:11px;width:44px;height:44px;padding:0}.composer-send-shortcut{display:none}.composer-send-icon{display:inline-flex}.composer-send svg{width:20px;height:20px}.composer-toolbar{gap:7px;padding-left:2px}.composer-critic-toggle{padding-inline:8px;font-size:10.5px}.composer-hint{font-size:9px}input,textarea,select,.auth-field input{font-size:16px}.auth-field input{line-height:1.25}#app.has-messages .turn-navigator{top:calc(var(--mobile-header-height) + 8px);right:max(6px, env(safe-area-inset-right));bottom:calc(112px + env(safe-area-inset-bottom));width:30px;padding:10px 0;display:flex;position:fixed}.auth-screen{overscroll-behavior:none;height:100svh;min-height:100svh;max-height:100svh;padding:calc(18px + env(safe-area-inset-top)) var(--mobile-inline-space-right) calc(18px + env(safe-area-inset-bottom)) var(--mobile-inline-space);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-content:start;place-items:start stretch;gap:18px;overflow:hidden}.auth-language{top:calc(10px + env(safe-area-inset-top));right:var(--mobile-inline-space-right);height:36px;min-height:36px;padding:0 10px}.auth-brand-block{text-align:center;align-content:start;justify-self:center;justify-items:center;gap:8px;width:min(100%,420px);margin-top:8px}.auth-brand-lockup{justify-items:center;gap:7px}.auth-brand-lockup .brand-wordmark{font-size:clamp(42px,13vw,62px)}.auth-brand-lockup .brand-tagline{gap:8px;font-size:14px}.auth-brand-block h1{margin-top:10px;font-size:clamp(18px,5vw,22px)}.auth-copy{width:min(340px,100%);font-size:11px;line-height:1.35}.auth-feature-row{justify-content:center;gap:4px;margin-top:2px}.auth-feature-row span{gap:4px;height:30px;padding:0 8px;font-size:10px}.auth-card{place-self:start center;gap:12px;width:min(100%,420px);margin:0;padding:16px}.auth-card-title{gap:10px;padding-bottom:12px}.auth-card-title svg{width:22px;height:22px}.auth-card-title h2{font-size:20px}.auth-card-title p{margin-top:4px;font-size:11px}.auth-card label{gap:5px;font-size:11px}.auth-field,.auth-submit{height:48px}}@media (width<=390px){.hero-brand-lockup .brand-wordmark{font-size:clamp(22px,7.54vw,30px)}.hero-brand-lockup .brand-tagline{font-size:13px}.empty-state h1{font-size:17px}.empty-state p{font-size:12px}}@media (orientation:landscape) and (width<=900px) and (height<=600px){.auth-screen{min-height:max(100svh, var(--app-height,100dvh));height:auto;padding:calc(14px + env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);align-content:start;gap:18px;overflow-y:auto}.auth-brand-block{align-self:center;gap:9px}.auth-brand-lockup .brand-wordmark{font-size:clamp(42px,8vw,68px)}.auth-brand-block h1{margin-top:8px;font-size:clamp(18px,3vw,24px)}.auth-copy{font-size:11px}.auth-feature-row{gap:4px;margin-top:4px}.auth-feature-row span{height:30px;padding:0 8px}.auth-card{align-self:start;gap:11px;padding:15px}.auth-card-title{gap:9px;padding-bottom:10px}.auth-card-title h2{font-size:20px}.auth-card-title p{margin-top:3px;font-size:11px}}
