/* Clear type on glass: text is black on light surfaces from first paint. */
html.lq{--green:#000000;--accent:#000000;--brand-deep:#000000}
html.lq :is(.page-hero,.hero,.card,.capability-card,.page-playground,.guide-content,.price-card,.plan-card,.workbook,.answer-note) :is(a,em,.eyebrow,.subtitle,.quiet-button,.help){color:#000000!important}
html.lq .button,html.lq .nav-start{color:#000000!important;-webkit-text-fill-color:#000000!important}
html.lq :is(.office-invitation,.bench-sidebar,.office-roof,.playground-tabs [aria-selected=true]){color:#ffffff}
html.lq .office-invitation a:not(.button){color:#ffffff!important}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
body .pet-panel{width:min(360px,calc(100vw - 32px));padding:0!important;border-radius:28px!important;background:#ffffff!important;color:#000000!important;box-shadow:0 24px 70px #00000026!important;overflow:hidden;max-height:calc(100dvh - 110px)}
.pet-chat-header{display:flex;align-items:center;gap:10px;padding:18px;border-bottom:1px solid #00000018;background:#ffffff}.pet-chat-header>div{flex:1;min-width:0}.pet-chat-header h2{font-size:16px!important;font-weight:750!important;margin:0!important;color:#000000!important}.pet-chat-header p{font-size:10px!important;margin:4px 0 0!important;color:#000000!important}.pet-chat-header>img{image-rendering:pixelated;border-radius:12px}.pet-chat-header button{width:36px;height:36px;border:1px solid #00000026;border-radius:50%;background:#ffffff;color:#000000;font-size:22px;cursor:pointer}
body .pet-panel .pet-chat{padding:16px;border:0!important;margin:0!important;background:#ffffff!important;border-radius:0}.pet-panel .pet-chat-log{height:250px;max-height:35dvh;gap:12px}.pet-panel .pet-chat-message.assistant{color:#000000!important;background:#ffffff!important;border:1px solid #00000018;border-radius:16px!important;max-width:94%;font-size:13px}.pet-panel .pet-chat-message.user{color:#000000!important;background:#c0ff72!important;border-radius:16px!important;max-width:94%;align-self:flex-end}.pet-panel .pet-chat-form{margin-top:16px}.pet-panel .pet-chat-form>div{border:1px solid #00000026;border-radius:20px;padding:5px;background:#ffffff}.pet-panel .pet-chat-form input{background:#ffffff!important;color:#000000!important;-webkit-text-fill-color:#000000!important;border:0!important;border-radius:14px!important;min-height:44px;font-size:16px!important}.pet-panel .pet-chat-form input::placeholder{color:#000000!important;-webkit-text-fill-color:#000000!important;opacity:.6}.pet-panel .pet-chat-form button{width:44px;border-radius:50%;font-size:22px;background:#000000!important;color:#c0ff72!important;padding:0}.pet-panel [data-pet-status]{padding:0 18px;margin:0!important;font-size:12px;color:#000000!important}.pet-panel [data-pet-status]:not(:empty){padding-top:12px}.pet-panel .pet-chat>small{color:#000000!important;opacity:.6}
/* Workspace's existing material and original coloured sprites stay intact. */
.lg .bot-heading,.lg .composer,.lg .header-actions{transition:box-shadow .25s,transform .35s cubic-bezier(.2,.9,.25,1.1)}.lg .composer:focus-within{box-shadow:inset 0 0 0 1px #00000050,0 14px 40px #00000012}.lg[data-theme=light] :is(.message-text,.row-info,.help){color:#000000}
@media(max-width:600px){.office-pet .pet-panel{max-height:calc(100dvh - 130px)}.pet-panel .pet-chat-log{height:220px}}
@media(prefers-reduced-motion:reduce){.lg .bot-heading,.lg .composer,.lg .header-actions{transition:none}}
html[data-theme] #officePetPanel .pet-chat .pet-chat-message.assistant{background:#ffffff!important;color:#000000!important}html[data-theme] #officePetPanel #petChatInput{background:#ffffff!important;color:#000000!important;-webkit-text-fill-color:#000000!important;caret-color:#000000!important}html[data-theme] #officePetPanel .pet-chat-message.user{background:#c0ff72!important;color:#000000!important}