/* Keep the original quiet presentation. */
:root{--paper:#fff}html,body{background:#fff}.orbit-nav{background:#fff}
.heading-connector,.orbit-menu a:before{display:none!important}
.line-icon{stroke:currentColor;color:inherit}
main{width:39vw;inset-inline-start:32.5vw;scrollbar-width:none;-ms-overflow-style:none;padding-inline:14px}
main::-webkit-scrollbar,.chat-log::-webkit-scrollbar{display:none}
.scroll-controls{position:fixed;inset-inline-start:51vw;bottom:31px;display:flex;gap:18px;z-index:5}
.scroll-controls button{background:white;border:0;color:#777;font-size:19px;padding:3px 10px;line-height:1.2}
.scroll-controls button:disabled{opacity:.18;cursor:default}.scroll-controls[hidden]{display:none}
#assistantDialog{max-width:520px;width:calc(100% - 32px);padding:30px;max-height:86svh;overflow:hidden}
#assistantDialog h2{font-size:22px;margin:8px 0 14px}#assistantDialog .eyebrow{display:none}
.chat-log{max-height:38svh;min-height:60px;overflow:auto;scrollbar-width:none;overscroll-behavior:contain}
.chat-message{white-space:pre-wrap;font-size:14px;line-height:1.9;margin:0 0 16px;color:#5e645d;overflow-wrap:anywhere}
.chat-message.user{border-inline-start:1px solid #ddd;padding-inline-start:12px;color:#333}
.chat-prompts{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.chat-prompts button{background:none;border:1px solid #ddd;border-radius:2px;padding:7px 9px;font-size:11px;color:#666}
#chatInput{min-height:65px;max-height:130px;margin-bottom:8px;font-size:14px}#chatStatus{font-size:11px;line-height:1.8;min-height:20px;color:#737970}
.chat-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-actions button{font-size:12px}.chat-actions .clear{border:0;background:none;color:#777}
.chat-note{font-size:10px;line-height:1.8;color:#888;margin:12px 0 0}
#chatSend:disabled{opacity:.4;cursor:default}
@media(max-width:800px){main{inset:auto;width:auto;padding:0}.scroll-controls{display:none!important}.orbit-nav{background:transparent}#assistantDialog{padding:26px 20px}.chat-log{max-height:32svh}}
/* Vertical composition: logo circle above, navigation circle below. */
.mobile-menu-toggle{display:none}
@media(max-width:800px){
 body{display:block;height:100svh;min-height:0;overflow:hidden}
 .topbar{height:0;padding:0}
 .wordmark{position:fixed;inset:24px auto auto 50%;margin:0;transform:translateX(-50%);width:120px}
 .languages{top:32px;inset-inline-end:18px}
 .orbit-brand{display:block;width:180vw;height:180vw;left:-40vw;right:auto;inset-inline-start:auto;inset-inline-end:auto;left:-40vw;top:calc(122px - 180vw);opacity:1}
 .orbit-nav{display:block;width:150vw;height:150vw;inset-inline-start:auto;inset-inline-end:auto;left:-25vw;top:calc(100svh - 108px);opacity:1;background:transparent}
 main,body[data-page=dayereh] main{position:fixed;inset:150px 0 calc(126px + env(safe-area-inset-bottom));width:auto;min-height:0;max-height:none;margin:0;padding:0 26px 24px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:auto}
 main h1{position:static}.page{animation-duration:1.8s}
 footer{position:fixed;inset:auto 16px calc(72px + env(safe-area-inset-bottom));margin:0;padding:0;justify-content:center;font-size:10px;gap:12px}
 #footerLine{display:none}footer button{min-height:30px;font-size:11px}
 .mobile-menu-toggle{position:fixed;display:flex;align-items:center;justify-content:center;gap:10px;left:50%;bottom:calc(15px + env(safe-area-inset-bottom));transform:translateX(-50%);height:44px;padding:0 18px;border:0;background:white;color:var(--ink);z-index:8;font:inherit;font-size:12px}
 .burger{width:20px;display:grid;gap:5px}.burger i{display:block;height:1px;background:currentColor;transition:transform .2s,opacity .2s}
 .mobile-menu-toggle[aria-expanded=true] .burger i:first-child{transform:translateY(6px) rotate(45deg)}
 .mobile-menu-toggle[aria-expanded=true] .burger i:nth-child(2){opacity:0}
 .mobile-menu-toggle[aria-expanded=true] .burger i:last-child{transform:translateY(-6px) rotate(-45deg)}
 .orbit-menu{position:fixed;inset:auto 20px calc(112px + env(safe-area-inset-bottom));display:none;width:auto;height:auto;max-height:calc(100svh - 260px);overflow:auto;margin:0;padding:18px 24px;background:#fff;border:1px solid #e3e3e3;z-index:7;pointer-events:auto;scrollbar-width:none}
 body.mobile-menu-open .orbit-menu{display:flex;flex-direction:column;gap:0;align-items:stretch;flex-wrap:nowrap}
 .orbit-menu a{position:static;inset:auto;transform:none;translate:none!important;min-height:48px;width:auto;height:auto;font-size:14px;gap:14px;white-space:normal}
 .orbit-menu .dot{width:8px;height:8px;flex:0 0 8px;margin:0}
 .travel-point{width:10px;height:10px}
 .tabs{overflow:visible}.actions{flex-wrap:wrap}
 #assistantDialog{max-height:calc(100svh - 24px);overflow:auto}
}
@media(max-width:800px) and (max-height:550px){
 .wordmark{top:8px}.wordmark img{height:38px}.languages{top:12px}
 .orbit-brand{top:calc(64px - 180vw)}
 main,body[data-page=dayereh] main{top:84px;bottom:100px}
 .orbit-nav{top:calc(100svh - 86px)}footer{bottom:58px}
 .mobile-menu-toggle{bottom:5px}.orbit-menu{bottom:90px;max-height:calc(100svh - 165px)}
}
/* Keep moving rings behind the reading surface and clear of controls. */
@media(max-width:800px){main{background:#fff}.orbit-menu{overscroll-behavior:contain}input,textarea,#chatInput{font-size:16px}#assistantDialog{overscroll-behavior:contain;max-height:calc(100dvh - 24px)}}
@media(max-width:800px) and (max-height:550px){footer{bottom:calc(50px + env(safe-area-inset-bottom))}}
@media(max-width:800px){
 #assistantDialog{scrollbar-width:none;padding-top:16px}
 #assistantDialog::-webkit-scrollbar{display:none}
 #assistantDialog .chat-log:empty{display:none}
 #assistantDialog .close{position:sticky;inset:auto;top:0;display:block;margin:0 auto -18px 0;width:32px;height:32px;background:#fff;z-index:8;line-height:1}
 #assistantDialog h2{font-size:20px;padding-inline-end:28px}
 .chat-prompts{margin-block:10px}.chat-prompts button{min-height:32px}
 #chatInput{min-height:80px}.chat-actions{flex-wrap:wrap}
}
@media(max-width:800px){#assistantDialog .close{width:100%;margin:0;top:-16px;text-align:left;flex-shrink:0}#assistantDialog h2{padding-inline-end:0}}
