html,body{width:100%;height:100%;min-height:0;overflow:hidden;overscroll-behavior:none}body{position:fixed;inset:0;height:100dvh;min-height:0}#app.shell{width:100%;height:100dvh;min-height:0;max-height:100dvh;grid-template-rows:68px clamp(180px,34dvh,320px) minmax(0,1fr);padding:env(safe-area-inset-top) 28px env(safe-area-inset-bottom);overflow:hidden;overscroll-behavior:none}.topbar{position:relative;z-index:2;min-width:0}.stage{min-height:0}.conversation{width:min(100%,780px);height:100%;min-height:0;max-height:100%;overflow:hidden;padding:clamp(8px,1.5dvh,16px) 0 6px}.intro,.chat-toolbar,.session-panel,.attachments,.composer{flex:0 0 auto}.chat-toolbar{gap:7px;margin:8px 0}.messages{flex:1 1 0%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-gutter:stable}.session-panel{max-height:min(18dvh,160px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.attachments{max-height:56px;overflow:auto}.composer{margin:0}.composer textarea{resize:none;max-height:min(24dvh,180px);overflow-y:auto}.composer small{display:none}.login-screen{height:100dvh;min-height:0;overflow:auto;overscroll-behavior:contain}@media(max-width:600px){#app.shell{padding-left:16px;padding-right:16px;grid-template-rows:60px clamp(180px,34dvh,280px) minmax(0,1fr)}.topbar{gap:8px}.brand{gap:8px}.brand .mark{width:32px;height:32px}.brand strong{font-size:14px}.top-actions{gap:5px}.top-actions .quiet-button{font-size:clamp(10px,2.8vw,12px);padding:7px clamp(5px,1.7vw,8px)}.conversation{padding-top:8px}.intro h1{font-size:18px}.chat-toolbar{margin:7px 0}.model-choice{margin-left:0;flex:1 1 100%;justify-content:space-between}.model-choice select{max-width:72vw}.messages{scrollbar-width:thin}}@media(max-height:700px){#app.shell{grid-template-rows:58px clamp(150px,27dvh,220px) minmax(0,1fr)}.conversation{padding-top:5px}.intro h1{margin:4px 0 2px}.chat-toolbar{margin:5px 0}.chat-toolbar button,.model-choice select{padding-block:6px}}