/* BIO.ONE V4.4.81 R13-R18 — TikTok/QR MiniBot Focus Mode (isolated) Activated ONLY when has .bioone-tt-minibot-focus. No Daily Care state/logic changes. Expert sheet stays available above the focus layer. */ html.bioone-tt-minibot-focus, html.bioone-tt-minibot-focus body{ min-height:100%; background:#fffaf9; } html.bioone-tt-minibot-focus body{ overflow:hidden!important; } /* Hide every normal customer-app surface while TikTok focus is active. */ html.bioone-tt-minibot-focus body>.header, html.bioone-tt-minibot-focus body>.mobile-bottom-nav, html.bioone-tt-minibot-focus body>.footer, html.bioone-tt-minibot-focus body>#assistantFab, html.bioone-tt-minibot-focus body>.assistant-fab-hint, html.bioone-tt-minibot-focus body>#installModal{ display:none!important; } html.bioone-tt-minibot-focus #top{ margin:0!important; padding:0!important; } html.bioone-tt-minibot-focus #top>:not(#dailyCareV1){ display:none!important; } /* Daily Care becomes the entire web-app surface, but its own UI/state remains untouched. */ html.bioone-tt-minibot-focus #dailyCareV1{ position:fixed!important; inset:0!important; z-index:60!important; margin:0!important; padding:0!important; overflow-x:hidden!important; overflow-y:auto!important; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; background: radial-gradient(circle at 14% 7%,rgba(244,221,227,.46),transparent 32%), linear-gradient(180deg,#fffdfc 0%,#fff8f8 100%); } html.bioone-tt-minibot-focus #dailyCareV1>.container{ width:100%!important; max-width:680px!important; margin:0 auto!important; padding: max(58px,calc(env(safe-area-inset-top) + 50px)) 14px max(28px,calc(env(safe-area-inset-bottom) + 18px))!important; } html.bioone-tt-minibot-focus #dailyCareV1 .daily-care-shell-v1{ margin:0!important; border-radius:22px!important; box-shadow:0 12px 34px rgba(82,57,63,.08)!important; } /* Close only exits TikTok focus; it does not reset Daily Care. */ .bioone-tt-minibot-close-r14{ position:fixed; z-index:64; top:max(10px,calc(env(safe-area-inset-top) + 8px)); right:14px; width:42px; height:42px; min-width:42px; min-height:42px; margin:0; padding:0 0 2px; border:1px solid rgba(125,81,66,.18); border-radius:999px; background:rgba(255,253,251,.96); color:#6e4d43; font:500 30px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; display:grid; place-items:center; box-shadow:0 8px 22px rgba(73,48,40,.12); -webkit-tap-highlight-color:transparent; cursor:pointer; } .bioone-tt-minibot-close-r14:active{transform:scale(.96)} .bioone-tt-minibot-close-r14:focus-visible{ outline:3px solid rgba(125,81,66,.18); outline-offset:2px; } /* The existing Expert sheet must remain usable when MiniBot hands off a deeper question. */ html.bioone-tt-minibot-focus #assistantSheetBackdrop{z-index:70!important} html.bioone-tt-minibot-focus #assistantSheet{z-index:72!important} @media(max-width:520px){ html.bioone-tt-minibot-focus #dailyCareV1>.container{ padding-left:10px!important; padding-right:10px!important; } html.bioone-tt-minibot-focus #dailyCareV1 .daily-care-shell-v1{ border-radius:20px!important; } } @media(prefers-reduced-motion:reduce){ .bioone-tt-minibot-close-r14{transition:none!important} } /* BIO.ONE R44.8.4 — BotMini "Giữ BIO.ONE trên màn hình" opens the EXISTING install-guidance modal directly above Focus Mode. The modal remains hidden until app.js adds .show; closing it returns to the same BotMini state. */ html.bioone-tt-minibot-focus body>#installModal.install-modal.show{ display:flex!important; position:fixed!important; inset:0!important; z-index:10080!important; pointer-events:auto!important; }