/* OXGOD cinematic presentation. Keep layouts, content, state and input behavior in their original styles. */
@font-face{font-family:Manrope;src:url('./branding/manrope-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
:root{color-scheme:dark;--bg:#050505;--paper:rgba(14,14,14,.96);--surface:#111;--ink:#fafafa;--muted:#a7a6a6;--line:#ffffff24;--purple:#fafafa;--purple-dark:#ddd;--purple-soft:#ffffff0d;--soft:#151515;--green:#b8c4bc;--sidebar:#090909;--accent:#fafafa}
html{background:#050505;scrollbar-color:#484848 #090909}
body.oxgod-cinematic,body.oxgod-cinematic *{scrollbar-color:#626262 #0c0c0c}
body.oxgod-cinematic ::-webkit-scrollbar{width:8px;height:8px}
body.oxgod-cinematic ::-webkit-scrollbar-track{background:#0c0c0c}
body.oxgod-cinematic ::-webkit-scrollbar-thumb{background:#626262;border:2px solid #0c0c0c;border-radius:999px}
body.oxgod-cinematic ::-webkit-scrollbar-thumb:hover{background:#858585}
body.oxgod-cinematic{background:#050505;color:#fafafa;font-family:Manrope,"Segoe UI",system-ui,sans-serif;font-size:15px;line-height:1.8;isolation:isolate;min-height:100vh}
body.oxgod-cinematic::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#050505ed,#050505b8 65%,#050505d9),url('./branding/portal-no-figure.jpg') 70% top/cover no-repeat;opacity:.58}
body.oxgod-cinematic ::selection{background:#ddd;color:#050505}
body.oxgod-cinematic :is(button,input,select,textarea){font-family:inherit;accent-color:#eee}
body.oxgod-cinematic button{background:#ffffff05;color:#fafafa;border-color:#ffffff30;border-radius:999px;min-height:44px}
body.oxgod-cinematic button:hover:not(:disabled){background:#ffffff12;color:#fafafa}
body.oxgod-cinematic :is(h1,h2,h3,h4,strong,.brand,.brand-link,.oxgod-brand-link,.card-heading strong,.heading-with-icon,.total-number,.stats strong,.metrics strong,.usage-kpis strong){color:#fafafa;font-weight:400}
body.oxgod-cinematic h1{letter-spacing:-.045em;line-height:1.2;font-weight:400}
body.oxgod-cinematic :is(h1 em,h1 span,h2 span){color:inherit}
body.oxgod-cinematic :is(p,dt,dd,li,label,summary){color:#a7a6a6}
body.oxgod-cinematic :is(a,.text-button,.back,.back-link,.brand){color:#fafafa;text-underline-offset:5px}
body.oxgod-cinematic :is(a,.text-button):hover{color:#d7d7d7}
body.oxgod-cinematic :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid #fafafa!important;outline-offset:4px}
body.oxgod-cinematic :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select){background:#0c0c0c!important;color:#fafafa!important;border-color:#ffffff30!important;box-shadow:none;caret-color:#fff}
body.oxgod-cinematic :is(input,textarea)::placeholder{color:#8e8e8e!important;opacity:1}
body.oxgod-cinematic :is(input,textarea,select):focus{border-color:#ffffff90!important}
body.oxgod-cinematic :is(button,input,select,textarea):disabled{color:#a7a6a6;opacity:.6}
body.oxgod-cinematic :is(code,kbd,pre){background:#151515;color:#dedede;border-color:#ffffff24}
body.oxgod-cinematic :is(header,footer,.footer,.topbar,.editor-footer,.candidate-footer,.bottom-note,.languages,.source-item,.setting-row,.section-row,.chat-preview-block,.chat-context-footer,.chat-record-button,.writing-advanced,.feedback-admin-item,.bar-track,.line){border-color:#ffffff1c}
body.oxgod-cinematic .topbar{background:rgba(5,5,5,.72);box-shadow:none}
body.oxgod-cinematic .sidebar{background:rgba(8,8,8,.98);border-color:#ffffff1c;box-shadow:none}
body.oxgod-cinematic :is(.nav-item,.product-link,.product-mobile-nav a){color:#b6b5b5}
body.oxgod-cinematic :is(.nav-item:hover,.product-link:hover,.product-mobile-nav a:hover){background:#ffffff0c;color:#fff}
body.oxgod-cinematic .nav-item.active{background:#ffffff12;color:#fff;border-color:#ffffff24}
body.oxgod-cinematic .nav-item.active::before{background:#fff}
body.oxgod-cinematic :is(.nav-dot,.small-dot,.status-pill i,.offline-indicator i,.chat-status::before){background:#b9c4bd}
body.oxgod-cinematic :is(.nav-count,.product-link-icon){background:#ffffff0d;color:#c7c7c7}
body.oxgod-cinematic :is(.card,.word-card,.platform-card,.daily-card,.form-card,.settings-card,.source-card,.download-hero,.chat-language-bar,.chat-card,.chat-context,.writing-card,.writing-result,.edition-card,.edition-complete,.hero-panel,.progress article,.usage-kpis article,.usage-section,.privacy-card,.notice,.note,.warning,.editions-notice,dialog){background:rgba(13,13,13,.95);border-color:#ffffff24;box-shadow:0 12px 34px #00000020;color:#fafafa}
body.oxgod-cinematic :is(.card,.word-card,.platform-card,.chat-card,.chat-context,.writing-card,.edition-card,.usage-section,.usage-kpis article){border-radius:18px}
body.oxgod-cinematic :is(.card.featured,.card.combined,.card.simple-chinese,.edition-complete){background:linear-gradient(140deg,#1b1b1bf2,#0c0c0cf7);border-color:#ffffff42}
body.oxgod-cinematic :is(.card:hover,.word-card:hover,.platform-card:hover,.edition-card:hover){border-color:#ffffff42;box-shadow:0 12px 34px #00000026}
body.oxgod-cinematic :is(.eyebrow,.nav-caption,.product-nav-caption,.brand small,.version-label,.privacy-card p,.privacy-card strong,.offline-indicator,.breadcrumb,.breadcrumb #page-title,.muted,.fine,.intro,.lead,.sub,.card p,.card li,.label,.status,.status-label,.status-pill,.tiny-icon,.subtle-tag,.pinyin-badge,.query-time,.candidate-placeholder,.candidate-hint,.keyboard-hint,.keyboard-row-label,.keyboard-position-controls p,.daily-label,.daily-pinyin,.daily-card p,.daily-top,.coverage-note,.gentle-note,.bottom-note,.results-heading,.word-type,.word-card .word-pinyin,.word-card .meaning,.word-card-bottom,.form-hint,.form-card label,.personal-entry p,.empty-state,.platform-card p,.roadmap,.setting-row p,.source-card p,.source-item small,.license-text,.prediction-empty,.ai-status,.ai-intro,.ai-selection-row,.ai-options,.ai-message,.ai-source-box,.ai-setup,.ai-setup p,.usage-toolbar p,.usage-kpis span,.usage-kpis small,.usage-empty,.usage-explanation,.usage-word>span:last-child,.usage-metric-row>span,.usage-hour>span,.usage-check,.usage-message,.usage-summary,.product-link-text small,.product-link-arrow,.language-control,.chat-title p,.chat-language-bar label>span,.chat-auto small,.chat-status,.chat-service p,.chat-card-kicker,.chat-count,.chat-label,.chat-back-box strong,.chat-back-box p,.chat-record-button,.chat-reply-card p,.chat-context p,.chat-context-toggle,.chat-context-list strong,.chat-context-list li p,.chat-context-footer,.chat-privacy,.chat-limit-note,.writing-intro,.writing-scope,.writing-field,.writing-field small,.writing-privacy,.writing-status,.writing-message,.writing-source,.writing-variant-label,.writing-diff-box,.writing-review,.writing-warnings,.editions-heading p,.editions-controls label,.editions-status,.edition-type,.edition-meta,.edition-version,.edition-size,.edition-capabilities,.edition-platform,.edition-note,.edition-integrity,.stats span,.meta,.filename,.file-details,.tag,.step,.availability small,.language-list span,.footer,footer){color:#a7a6a6}
body.oxgod-cinematic :is(.card-heading strong,.ai-heading strong,.chat-card h2,.chat-context h2,.chat-reply-card strong,.writing-heading h2,.writing-result h3,.editions-heading h2,.edition-card h3,.setting-row strong,.word-card h3,.platform-card h3,.usage-section h2,.usage-word strong,.personal-entry strong,.hero-panel strong){color:#fafafa}
body.oxgod-cinematic :is(.subtle-tag,.tag,.badge,.status-label,.status-pill,.word-type,.tiny-icon,.pinyin-badge,.privacy-mark,.ai-spark,.chat-direction-mark,.edition-icon,.platform-symbol,.correction-badge){background:#ffffff0c;border-color:#ffffff24;color:#cfcfcf}
body.oxgod-cinematic :is(.segmented,.writing-tabs,.prediction-bar,.composition-area,.keyboard-card,.chat-back-box,.chat-reply-card,.chat-context-list li,.writing-diff,.edition-pending,.language-list li,.ai-source-box pre,.writing-source pre,.usage-summary pre,.edition-integrity code,.ai-setup code,.correction-notice){background:#111;border-color:#ffffff24;color:#cfcfcf}
body.oxgod-cinematic :is(.segmented button,.writing-tab,.filter-tabs button,.candidate,.quick-trials button,.ai-tools button,.chat-swap,.word){background:#ffffff08;color:#d9d9d9;border-color:#ffffff24}
body.oxgod-cinematic :is(.segmented button.selected,.writing-tab[aria-pressed=true],.filter-tabs button.active,.candidate.active,.candidate:hover,.word:hover){background:#fafafa;color:#050505;border-color:#fafafa;box-shadow:none}
body.oxgod-cinematic :is(.candidate.active,.candidate:hover) :is(.candidate-number,.correction-badge){color:#363636;background:transparent}
body.oxgod-cinematic :is(.candidate-number,.quick-trials small){color:#a7a6a6}
body.oxgod-cinematic #predictions button{background:#ffffff0a;border:1px solid #ffffff24;color:#ddd}
body.oxgod-cinematic #predictions button:hover{background:#fff;color:#050505}
body.oxgod-cinematic #editor{background:#0c0c0c;color:#fafafa}
body.oxgod-cinematic #pinyin-input{background:#090909;color:#fff}
body.oxgod-cinematic :is(.key,.keyboard-card .key,#keyboard-layout-preview .key){background:#191919;color:#ededed;border-color:#ffffff26;box-shadow:0 2px 0 #000}
body.oxgod-cinematic :is(.key:hover,.key:active,.key.pressed){background:#333;color:#fff;border-color:#ffffff80}
body.oxgod-cinematic :is(.key.special,.key.space){background:#222;color:#ccc}
body.oxgod-cinematic :is(.key.commit,.key.commit:hover){background:#eee;color:#050505;border-color:#eee}
body.oxgod-cinematic :is(.primary-button,.button,.download,.edition-download,.daily-button,.sign-in,.ai-tools button.ai-main,.ai-local-download,#load,#copy,#prepare,#save,#sign-in,button[type=submit]){background:#fafafa;color:#050505;border:1px solid #fafafa;border-radius:999px;min-height:44px;box-shadow:none;font-weight:600}
body.oxgod-cinematic :is(.primary-button,.button,.download,.edition-download,.daily-button,.sign-in,.ai-tools button.ai-main,.ai-local-download,#load,#copy,#prepare,#save,#sign-in,button[type=submit]):hover:not(:disabled){background:#ddd;border-color:#ddd;color:#050505;box-shadow:none}
body.oxgod-cinematic :is(.secondary-button,button.secondary,.availability button,.edition-pending,.icon-button,.favorite-button,.chat-swap,.dialog-close){background:#ffffff05;color:#fafafa;border:1px solid #ffffff30;border-radius:999px;box-shadow:none;min-height:44px}
body.oxgod-cinematic :is(.secondary-button,button.secondary,.icon-button,.favorite-button,.chat-swap,.dialog-close):hover:not(:disabled){background:#ffffff12;color:#fff;border-color:#ffffff70}
body.oxgod-cinematic .favorite-button.saved{background:#eee;color:#050505}
body.oxgod-cinematic :is(.text-button,.back,.back-link,summary){min-height:44px}
body.oxgod-cinematic :is(.switch span,.bar-track,.usage-metric-row>i){background:#303030;border-color:#ffffff24}
body.oxgod-cinematic .switch span::after{background:#c6c6c6}
body.oxgod-cinematic .switch input:checked+span{background:#f0f0f0}
body.oxgod-cinematic .switch input:checked+span::after{background:#050505}
body.oxgod-cinematic :is(.bar-fill,.hour i,.usage-hour>i,.usage-metric-row b,.category-stat i){background:#c6c6c6}
body.oxgod-cinematic :is(.hour:nth-child(2n) i,.category-stat:nth-child(2) i){background:#999}
body.oxgod-cinematic .category-stat:nth-child(3) i{background:#777}
body.oxgod-cinematic :is(.toast,.load-error){background:#202020;color:#fafafa;border:1px solid #ffffff38}
body.oxgod-cinematic dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}
body.oxgod-cinematic :is(.orbit-art,.orbit-art::before,.orbit-art::after,.daily-star,.download-graphic){color:#d5d5d5;border-color:#ffffff28;background-color:transparent;box-shadow:none}
body.oxgod-cinematic :is(.warning,.notice,.editions-notice){border-left-color:#9e9e9e}
body.oxgod-cinematic :is(.warning,.notice) a{color:#fff}
body.oxgod-cinematic .writing-diff del{background:#391e24;color:#ffc3cb}
body.oxgod-cinematic .writing-diff ins{background:#183526;color:#baebce}
body.oxgod-cinematic :is(.error,[data-state=error]){color:#ffc3cb}
body.oxgod-cinematic :is(.success,[data-state=success]){color:#baebce}
body.oxgod-cinematic :is(.oxgod-language select,.language-control select){min-height:44px}
body.oxgod-cinematic :is(th,td){border-color:#ffffff24;color:#d5d5d5}
body.oxgod-cinematic th{background:#141414;color:#fafafa}
body.oxgod-cinematic .private-tag{background:#ffffff0c;color:#bcbcbc;border-color:#ffffff24}
body.oxgod-cinematic .brand>span{background:transparent;color:#fafafa}
body.oxgod-cinematic :is(.skip,.skip-link){background:#fafafa;color:#050505}
body.oxgod-cinematic:not(.oxgod-workbench)>main{max-width:1110px}
body.oxgod-cinematic:not(.oxgod-workbench) :is(.hero,.section){scroll-margin-top:24px}
body.oxgod-cinematic:not(.oxgod-workbench) :is(p,li){line-height:1.85}
body.oxgod-cinematic :is(.layout,.grid,.workspace-grid,.personal-grid,.chat-columns,.editions-grid,.card,.content,.hero>div,main,section){min-width:0}
body.oxgod-cinematic .oxgod-brand-mark{filter:none}
/* Shared controls and older Android release pages retain their own layouts. */
body.oxgod-cinematic :is(.install,.wechat,.install-guide,.install-steps article,.install-steps li,.release-notes){background:#0d0d0df2;border-color:#ffffff24;color:#a7a6a6}
body.oxgod-cinematic :is(.meta span,.combined .meta span,.preview-label,.step-number,.release-version){background:#ffffff0c;color:#cfcfcf;border-color:#ffffff24}
body.oxgod-cinematic :is(.help,.small,.metrics small,.hour,.empty,.section-kicker,.install-note,.release-body,.divider){color:#a7a6a6}
body.oxgod-cinematic .hero-facts span::before{background:#a7a6a6}
body.oxgod-cinematic :is(.key,.key.special,.key.commit){border-radius:8px}
body.oxgod-cinematic :is(.writing-tab,.filter-tabs button,.segmented button){border-radius:9px}
body.oxgod-cinematic hr{border-color:#ffffff24}
body.oxgod-cinematic :is(.copy-row button,#more,#editions-more,#refresh){background:#ffffff05;color:#fafafa;border:1px solid #ffffff30;border-radius:999px;min-height:44px}
body.oxgod-cinematic progress{accent-color:#fafafa}
body.oxgod-cinematic :is(.personal-entry,.ai-card,.ai-result,.source-statistics,.usage-sharing,.usage-summary,.grammar-suggestion,.word-candidate){background:#111;border-color:#ffffff24;color:#fafafa}
body.oxgod-cinematic :is(.grammar-controls label,.grammar-auto,.grammar-language-status,.ai-result>strong){color:#a7a6a6;border-color:#ffffff24}
body.oxgod-cinematic .keyboard-drag{background:#ffffff0c;color:#d0d0d0;border-color:#ffffff24}
body.oxgod-cinematic .grammar-change del{background:#391e24;color:#ffc3cb}
body.oxgod-cinematic .grammar-change ins{background:#183526;color:#baebce}
body.oxgod-cinematic .daily-button{padding:0 16px;gap:16px}
body.oxgod-cinematic :is(.product-nav,.product-mobile-nav){border-color:#ffffff24}
body.oxgod-cinematic .product-link{background:#ffffff06;border-color:#ffffff24;color:#d7d7d7;box-shadow:none}
body.oxgod-cinematic .product-link:hover{background:#ffffff10;border-color:#ffffff55;color:#fff}
body.oxgod-cinematic .product-mobile-nav a>span:last-child{color:#a7a6a6}
/* The original markup has a dot only inside Writing workspace; hide it when that view is inactive. */
body.oxgod-cinematic .nav-item:not(.active) .nav-dot{display:none}
/* Floating keyboard controls share the same neutral palette; retain their pointer/keyboard behavior. */
body.oxgod-cinematic #keyboard-resize{background:#ffffff0c;color:#fafafa;border-color:#ffffff30}
body.oxgod-cinematic #keyboard-resize:hover{background:#ffffff20;color:#fff}
body.oxgod-cinematic .keyboard-position-grid label input[type=range]{accent-color:#e5e5e5}
body.oxgod-cinematic .keyboard-floating{box-shadow:0 12px 48px #0009}
body.oxgod-cinematic .keyboard-position-controls{border-color:#ffffff24;color:#a7a6a6}
@media(max-width:760px){body.oxgod-cinematic::before{background-position:63% top;opacity:.35}body.oxgod-cinematic:not(.oxgod-workbench) .hero{padding-top:36px}body.oxgod-cinematic:not(.oxgod-workbench) :is(.topbar,main>header){height:auto;min-height:76px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}body.oxgod-cinematic:not(.oxgod-workbench) :is(.hero-panel,.card){padding:22px}body.oxgod-cinematic .chat-swap{width:44px;height:44px}}
@media(max-width:540px){body.oxgod-cinematic{font-size:15px}body.oxgod-cinematic :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){font-size:16px!important}body.oxgod-cinematic :is(.card p,.page-intro p,.section-title p,.chat-title p,.chat-service p,.writing-intro,.writing-scope,.writing-privacy,.edition-capabilities,.edition-note,.form-hint,.coverage-note){font-size:13px}body.oxgod-cinematic :is(.nav-item,.filter-tabs button,.segmented button,.writing-tab,.quick-trials button){min-height:44px}body.oxgod-cinematic :is(.key,.key.special,.key.commit){min-height:40px}body.oxgod-cinematic .topbar{gap:12px}body.oxgod-cinematic .sidebar{background:#090909}body.oxgod-cinematic .chat-auto small{font-size:12px}body.oxgod-cinematic :is(.hero-panel strong,.total-number){overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}body.oxgod-cinematic *,body.oxgod-cinematic *::before,body.oxgod-cinematic *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}