.roast-page{--roast-visible-height: 100vh;--roast-visible-top: 0px;--roast-header-height: var(--header-h)}@supports (height: 100dvh){.roast-page{--roast-visible-height: 100dvh}}html.roast-chat-active,html.roast-chat-active body{overflow:hidden;overscroll-behavior:none}.roast-page .site-header .logo--header,.roast-page .site-header .site-nav{opacity:1;pointer-events:auto;transition:none}.roast-page .site-header .logo--header{transform:translate3d(0,-50%,0)}.roast-page .site-header .site-nav{transform:none}.roast-page .site-header{background:color-mix(in srgb,var(--theme-bg) 80%,transparent);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border-bottom-color:color-mix(in srgb,var(--theme-fg) 10%,transparent)}.roast-page .site-header{top:var(--roast-visible-top)}.roast-page .site-menu{top:var(--roast-visible-top);height:var(--roast-visible-height);bottom:auto;grid-template-columns:minmax(0,1fr)}.roast-page .site-menu__main{min-width:0}.roast-page .stage:not(.is-results){padding-top:calc(var(--roast-header-height) + clamp(24px,5vh,48px));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.roast-page .stage.is-results{position:fixed;top:var(--roast-visible-top);left:0;right:0;z-index:5;width:100%;height:var(--roast-visible-height);min-height:0;padding:calc(var(--roast-header-height) + 12px) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:var(--ink);overflow:hidden}.roast-page .stage.is-results .results,.roast-page .chat-panel{min-width:0;min-height:0;flex:1 1 0}.roast-page #resultsBody{flex:1 1 0;min-height:0;min-width:0;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;overflow-y:auto}.roast-page .chat-compose{flex:0 0 auto;min-width:0;padding:14px 24px 0}.roast-page .composer{max-width:100%}.roast-page .composer.is-docked{width:100%;min-width:0}.roast-page .composer__input{min-width:0}.roast-page .composer__hint{max-width:calc(100% - 28px);white-space:normal;overflow-wrap:anywhere;line-height:1.4}.roast-page .msg,.roast-page .msg .body,.roast-page .report-section{min-width:0}.roast-page .msg .body,.roast-page .bubble,.roast-page .report-intro,.roast-page .bot-label{overflow-wrap:anywhere}.roast-page .chips{max-width:100%;flex-wrap:wrap}.roast-page .chip{max-width:100%;white-space:normal}.roast-page.keyboard-open .chat-compose{padding-top:8px}@media(max-width:959px){.roast-page .site-header{padding:14px max(18px,env(safe-area-inset-right)) 14px max(18px,env(safe-area-inset-left));gap:12px}.roast-page .site-header__right{gap:8px}.roast-page .composer__input,.roast-page .composer.is-docked .composer__input{font-size:16px;height:44px}.roast-page .send,.roast-page .composer.is-docked .send{width:44px;height:44px}.roast-page .chip{min-height:44px;display:inline-flex;align-items:center;justify-content:center}}@media(max-width:640px){.roast-page .stage:not(.is-results){padding-top:calc(var(--roast-header-height) + 28px);padding-bottom:max(40px,env(safe-area-inset-bottom))}.roast-page .stage.is-results{padding-top:calc(var(--roast-header-height) + 8px);padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));padding-bottom:max(10px,env(safe-area-inset-bottom))}.roast-page #resultsBody{padding:16px 8px}.roast-page .chat-compose{padding:10px 4px 0}.roast-page .composer.is-docked{padding:8px 8px 8px 12px;gap:8px}.roast-page .thread{gap:22px}.roast-page .roast-lines,.roast-page .fixes-list{padding-left:20px}.roast-page .hero{min-width:0}.roast-page .hero__title{font-size:clamp(26px,8.2vw,36px)}}@media(max-height:500px)and (orientation:landscape){.roast-page{--header-h: 58px}.roast-page .site-header{min-height:58px;padding-block:8px}.roast-page .stage.is-results{padding-top:calc(var(--roast-header-height) + 4px);padding-bottom:max(6px,env(safe-area-inset-bottom))}.roast-page .chat-compose{padding-top:6px}.roast-page #resultsBody{padding-top:12px;padding-bottom:12px}}