/* Shared settings; the warm theme deliberately uses the original page CSS. */
html body .theme-settings-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;border:1px solid #99805c38;border-radius:14px;background:#ffffff55;color:inherit;padding:9px 11px;font:inherit;font-size:11px;cursor:pointer;min-height:38px}
.theme-settings-trigger svg{width:19px;height:19px}.theme-settings-trigger svg circle{fill:var(--theme-button-fill,#fff1d9)}
html body #themeSettings{width:min(430px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:25px;overflow:auto;border:1px solid #e1cba9;border-radius:25px;box-sizing:border-box;inset:0;margin:auto;background:linear-gradient(135deg,#fff9ed,#ffecd3);color:#503d2c;box-shadow:0 12px 32px #49352226;backdrop-filter:none;-webkit-backdrop-filter:none}
.theme-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.theme-eyebrow{font-size:9px;letter-spacing:2px;color:#968262}.theme-heading h2{margin:9px 0 0;font-size:25px;letter-spacing:.5px}.theme-intro{line-height:1.7;margin:13px 0 20px!important}
html body .theme-close{background:none;border:0;padding:5px 10px;font-size:27px;color:inherit;cursor:pointer}
.theme-options{display:grid;gap:11px}
html body .theme-option{position:relative;display:flex;align-items:center;width:100%;gap:14px;padding:13px;text-align:left;border:1px solid #a28c6a38;border-radius:17px;background:#ffffff55;color:inherit;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
html body .theme-option[aria-pressed=true]{border-color:#92764b;background:#bca16b16;box-shadow:0 0 0 1px #92764b25}
.theme-option-copy{min-width:0;flex:1}.theme-option-copy b{display:block;font-size:13px;font-weight:600}.theme-option-copy small{display:block;font-size:10px;line-height:1.65;margin-top:5px;opacity:.75}.theme-check{opacity:0;width:13px;font-size:15px}.theme-option[aria-pressed=true] .theme-check{opacity:1}
.theme-preview{position:relative;display:block;width:65px;height:67px;border-radius:10px;flex-shrink:0;overflow:hidden;background:var(--preview-bg);border:1px solid #ffffff30}
.preview-warm{--preview-bg:#ffdbad;--preview-island:#d1b77a;--preview-a:#f4ddb5;--preview-b:#b9905d}
.preview-paper{--preview-bg:#f3efe5;--preview-island:#303a2d;--preview-a:#efe8d9;--preview-b:#a49d85}
.preview-cyan{--preview-bg:#081b24;--preview-island:#22d3ee;--preview-a:#b6d5db;--preview-b:#3f727e}
.preview-island{position:absolute;top:7px;left:15px;width:35px;height:7px;border-radius:10px;background:var(--preview-island)}.preview-board{position:absolute;top:20px;left:12px;width:40px;height:36px;border-radius:2px;background:conic-gradient(var(--preview-a) 25%,var(--preview-b) 0 50%,var(--preview-a) 0 75%,var(--preview-b) 0);background-size:10px 10px}
html body .theme-save{font-size:10px;line-height:1.6;margin:17px 0 0;color:inherit;opacity:.7}
@media(max-width:420px){.desk-header{gap:8px;flex-wrap:wrap}.desk-brand{margin-right:auto}.header-tools{gap:7px!important}html body .theme-settings-trigger{padding:8px}.theme-option-copy small{font-size:10px}}
@media(orientation:landscape) and (max-height:450px){html body #themeSettings{width:min(640px,calc(100vw - 32px));padding:18px}.theme-options{grid-template-columns:repeat(3,1fr);gap:9px}html body .theme-option{flex-direction:column;align-items:flex-start;gap:9px}.theme-option .theme-check{position:absolute;right:10px;top:10px}.theme-intro{margin:8px 0 12px!important}.theme-heading h2{font-size:21px}}
/* Aurora: cyan/teal accents inspired by the Tailwind palette; restrained dark surfaces. */
html[data-theme=cyan]{color-scheme:dark;--ink:#e2f5f7;--muted:#92b2bc;--accent:#22d3ee;--bg:#081b24;--panel-top:#102b36;--panel-bottom:#0c222d;--theme-button-fill:#102c37;--gold-surface:linear-gradient(140deg,#15434d,#0a2634);--gold-ink:#dbfbff}
html[data-theme=cyan] body,html[data-theme=cyan].native-backdrop body{color:#e2f5f7;background:radial-gradient(ellipse at 95% 0,#13546555,transparent 48%),radial-gradient(ellipse at 0 80%,#0c494332,transparent 60%),#081b24}
html[data-theme=cyan] body header{background:transparent;border-color:#3e768338;box-shadow:none}
html[data-theme=cyan] body h1,html[data-theme=cyan] body h2,html[data-theme=cyan] body h3,html[data-theme=cyan] body .brand,html[data-theme=cyan] body .desk-brand,html[data-theme=cyan] body .entry-title,html[data-theme=cyan] body .classics-link strong{color:#e2f5f7}
html[data-theme=cyan] body h1 span,html[data-theme=cyan] body .entry-arrow,html[data-theme=cyan] body .opening-home-arrow{color:#22d3ee}
html[data-theme=cyan] body .eyebrow,html[data-theme=cyan] body .index,html[data-theme=cyan] body .theme-eyebrow,html[data-theme=cyan] body .section-label{color:#5fdce3;letter-spacing:1.7px}
html[data-theme=cyan] body p,html[data-theme=cyan] body small,html[data-theme=cyan] body .entry-description,html[data-theme=cyan] body .classic-intro,html[data-theme=cyan] body .source-note,html[data-theme=cyan] body .muted{color:#a1bec6}
html[data-theme=cyan] body .edition{background:#11313d;border-color:#3b8fa34d;color:#9cebf2}html[data-theme=cyan] body .edition i{background:#2dd4bf;box-shadow:0 0 8px #2dd4bf66}
html[data-theme=cyan] body .entry-card,html[data-theme=cyan] body .classics-link,html[data-theme=cyan] body .panel,html[data-theme=cyan] body .classic-card,html[data-theme=cyan] body .opening-card,html[data-theme=cyan] body .opening-catalogue,html[data-theme=cyan] body .opening-detail{background:linear-gradient(135deg,#122e3a,#0d2430);border:1px solid #3470804d;border-radius:22px;box-shadow:inset 0 1px #b8faff08,0 12px 28px #020d1526;backdrop-filter:none}
html[data-theme=cyan] body .entry-art{background:transparent}html[data-theme=cyan] body .picture-frame{mask-image:none;-webkit-mask-image:none;padding:5px;border-radius:14px;box-shadow:0 0 0 1px #62cdda25;overflow:hidden}html[data-theme=cyan] body .picture-frame img{border-radius:10px;object-fit:contain}
html[data-theme=cyan] body .island{background:linear-gradient(140deg,#15434d,#0a2634);color:#dbfbff;border-color:#43d9e77a;box-shadow:inset 0 1px #b6faff22,0 0 22px #22d3ee12,0 9px 20px #020c1840;backdrop-filter:none}
html[data-theme=cyan] body .island-copy small,html[data-theme=cyan] body .island-chevron{color:#9bd5dd}html[data-theme=cyan] body .island-icon{color:#67e8f9}html[data-theme=cyan] body .thinking-bars i{background:#22d3ee}
html[data-theme=cyan] body .island::after{border-color:#67e8f924;box-shadow:none}html[data-theme=cyan] body .island[data-state=thinking]::before{background:linear-gradient(110deg,transparent 30%,#22d3ee40 50%,transparent 70%)}
html[data-theme=cyan] body .eval-heading,html[data-theme=cyan] body .eval-detail,html[data-theme=cyan] body #evalScore{color:#d0f5f7}html[data-theme=cyan] body .eval-track{background:#06141e;border:1px solid #4d8492}html[data-theme=cyan] body #evalWhite{background:#c7edf0;transition:width .54s cubic-bezier(.22,1,.36,1)}
html[data-theme=cyan] body .board-shell{background:#102e3a;border:1px solid #43889880;border-radius:14px;box-shadow:0 0 0 4px #0b202a,0 16px 35px #0005}
html[data-theme=cyan] body .square.light-square{background:#b6d5db}html[data-theme=cyan] body .square.dark-square{background:#477785}html[data-theme=cyan] body .square.light-square.last{background:#8edddc}html[data-theme=cyan] body .square.dark-square.last{background:#299eab}html[data-theme=cyan] body .square.selected{background:#45c7d4}html[data-theme=cyan] body .square.check{box-shadow:inset 0 0 0 4px #fb7185}
html[data-theme=cyan] body .coord{color:#315761}html[data-theme=cyan] body .dark-square .coord{color:#d2eef0}
html[data-theme=cyan] body button,html[data-theme=cyan] body .quiet,html[data-theme=cyan] body .room-home{color:#c8e6ec;border-color:#3b72824d;background-color:#12313e}
html[data-theme=cyan] body #islandToggle{background:none;color:inherit}
html[data-theme=cyan] body button.primary,html[data-theme=cyan] body .analyze-button{background:#22d3ee!important;color:#06212b!important;border-color:#22d3ee!important;box-shadow:0 3px 17px #22d3ee1c}
html[data-theme=cyan] body .mode,html[data-theme=cyan] body .desk-engine,html[data-theme=cyan] body .history-head,html[data-theme=cyan] body .history-row:nth-child(even){background:#102d39;border-color:#3c73843d;color:#c1e0e7}
html[data-theme=cyan] body .mode.active,html[data-theme=cyan] body button[aria-pressed=true],html[data-theme=cyan] body button[aria-checked=true]{border-color:#32c5d6;background-color:#155262;color:#d9fcff}
html[data-theme=cyan] body dialog{background:#0c2531;color:#ddf3f7;border:1px solid #3c91a780;border-radius:24px;box-shadow:0 24px 80px #0008}
html[data-theme=cyan] body dialog::backdrop{background:#020e19a6;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-theme=cyan] body input,html[data-theme=cyan] body textarea,html[data-theme=cyan] body select{background:#081d28;color:#d7edf2;border-color:#3e7a8b}html[data-theme=cyan] body input::placeholder,html[data-theme=cyan] body textarea::placeholder{color:#80a2ae}
html[data-theme=cyan] body .theme-option{background:#102e3a;border-color:#315967}html[data-theme=cyan] body .theme-option[aria-pressed=true]{border-color:#22d3ee;background:#123d49;box-shadow:0 0 0 1px #22d3ee22}html[data-theme=cyan] body .theme-check{color:#67e8f9}
html[data-theme=cyan] body .theme-close{background:none}html[data-theme=cyan] body footer,html[data-theme=cyan] body .about,html[data-theme=cyan] body .desk-note{color:#83a5b1;border-color:#3c718038}
html[data-theme=cyan] body :focus-visible{outline:2px solid #67e8f9;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.theme-option{transition:none!important}}
/* Keep a stationary checkerboard under transparent cells (rotation-safe). */
html[data-theme=paper] body #board{background-image:conic-gradient(from 90deg,#efe8d9 25%,#a49d85 0 50%,#efe8d9 0 75%,#a49d85 0)}
html[data-theme=cyan] body #board{background-image:conic-gradient(from 90deg,#b6d5db 25%,#477785 0 50%,#b6d5db 0 75%,#477785 0)}
html[data-theme=cyan] body #board .square{background:transparent}
html[data-theme=cyan] body #board .square.last{background:#8edddc}html[data-theme=cyan] body #board .square.dark-square.last{background:#299eab}html[data-theme=cyan] body #board .square.selected{background:#45c7d4;box-shadow:inset 0 0 0 2px #0e7484}
html[data-theme=paper] body #board .square.last{background:#e4d79e}html[data-theme=paper] body #board .square.dark-square.last{background:#b8ad72}html[data-theme=paper] body #board .square.selected{background:#d7c176}
html[data-theme=cyan] body .workspace-engine,html[data-theme=cyan] body .guidance-toggle,html[data-theme=cyan] body .turn-track,html[data-theme=cyan] body .puzzle-island,html[data-theme=cyan] body .opening-island{background:#103441;color:#d6f6f8;border-color:#40899a55}
html[data-theme=cyan] body .workspace-engine b,html[data-theme=cyan] body .guidance-toggle b,html[data-theme=cyan] body .workspace-opening-name,html[data-theme=cyan] body .workspace-book-toggle{color:#d6f6f8}
html[data-theme=cyan] body .workspace-engine-list button,html[data-theme=cyan] body .workspace-book-moves button{background:#164452;color:#caedf1}
html[data-theme=cyan] body .workspace-heading h2,html[data-theme=cyan] body .panel-title h2{color:#d6f6f8}
html[data-theme=cyan] body .dot{background:#22d3ee99;border-color:#086173}html[data-theme=cyan] body .capture{border-color:#22d3ee;box-shadow:0 0 0 1px #086173}
html[data-theme=cyan] body .hint-arrow-line{stroke:#0e7490}html[data-theme=cyan] body .hint-arrow-head{fill:#0e7490}html[data-theme=cyan] body .hint-arrow-tail{fill:#67e8f9}
html[data-theme=cyan] body .sheet-heading,html[data-theme=cyan] body .import-actions{background:#0c2531;border-color:#3c718038}
html[data-theme=cyan] body .history-row,html[data-theme=cyan] body .history-move{color:#badddf}
html[data-theme=cyan] .ambient-background,html[data-theme=paper] .ambient-background{display:none}
html[data-theme=cyan] body .quiet,html[data-theme=cyan] body .theme-option{background-image:none;box-shadow:none}
html[data-theme=cyan] body .review-navigation{background:#103440;border-color:#3e8292}html[data-theme=cyan] body .review-navigation>span{color:#a1cbd3}
html[data-theme=cyan] body .stats b{color:#67e8f9}html[data-theme=cyan] body .about summary,html[data-theme=cyan] body .about a{color:#92c4ce}
html[data-theme=cyan] body #promotion{background:#0c2531}html[data-theme=cyan] body #promotionOptions button{background:#143a47;color:#ddf3f7}
html[data-theme=cyan] body .settings-surface{background:#0c2531;border-color:#3c91a780}
html[data-theme=cyan] body .guidance-toggle>i{background:#277e8a}html[data-theme=cyan] body .guidance-toggle em{background:#b7f7f4}
html[data-theme=cyan] body .island-rim i{background:linear-gradient(90deg,transparent,#a5f3fc,#22d3ee,transparent)}
html[data-theme=cyan] body .theme-option:focus-visible{outline:2px solid #67e8f9;outline-offset:2px}
html[data-theme=cyan] body .workspace-eyebrow,html[data-theme=cyan] body .workspace-mark{color:#5fdce3}
html[data-theme=cyan] body .workspace-engine-heading,html[data-theme=cyan] body .workspace-book-state,html[data-theme=cyan] body .workspace-opening-detail{color:#99bfca}
html[data-theme=cyan] body .review-navigation button:disabled{color:#a1cbd3}
html[data-theme=cyan] body .desk-segment i,html[data-theme=cyan] body .duration-thumb,html[data-theme=cyan] body .side-thumb,html[data-theme=cyan] body .mode-track{background:#226072;border-color:#35bacb}
html[data-theme=cyan] body .desk-segment button[aria-pressed=true]{background:transparent;color:#e0fbff}
/* Secondary pages use the same dark surfaces, not the legacy cream cards. */
html[data-theme=cyan] body .position-card,html[data-theme=cyan] body .statistics-card,html[data-theme=cyan] body .continuation-card,html[data-theme=cyan] body .idea-card,html[data-theme=cyan] body .puzzle-card{background:#102d39;border:1px solid #34708066;box-shadow:0 10px 28px #020d1526;color:#d7edf2;border-radius:22px}
html[data-theme=cyan] body .opening-search,html[data-theme=cyan] body .opening-controls,html[data-theme=cyan] body .board-tools{background:#103440;border-color:#43889866;color:#c1e4eb}
html[data-theme=cyan] body .opening-statistics,html[data-theme=cyan] body .outcome-labels,html[data-theme=cyan] body .puzzle-help,html[data-theme=cyan] body .inventory-caption,html[data-theme=cyan] body .puzzle-meta,html[data-theme=cyan] body .entry-pgn,html[data-theme=cyan] body .branch-count{color:#a6c8d1}
html[data-theme=cyan] body .inventory-number,html[data-theme=cyan] body .puzzle-stats b,html[data-theme=cyan] body .puzzle-panel-heading,html[data-theme=cyan] body .continuation-row b{color:#67e8f9}
html[data-theme=cyan] body .outcome-bar .white{background:#c6e8ec}html[data-theme=cyan] body .outcome-bar .draw{background:#5e9ba9}html[data-theme=cyan] body .outcome-bar .black{background:#173b4c}
html[data-theme=cyan] body .opening-entry[aria-current=true],html[data-theme=cyan] body .continuation-row:hover{background:#174652}
html[data-theme=cyan] body .puzzle-card h2,html[data-theme=cyan] body .puzzle-card h3,html[data-theme=cyan] body .position-card h2{color:#e2f5f7}
html[data-theme=cyan] body .puzzle-card button,html[data-theme=cyan] body .board-tools button{background:#164452;color:#d7edf2;border-color:#3e7a8b}
html[data-theme=cyan] body #board,html[data-theme=paper] body #board{background-size:25% 25%}
html[data-theme=cyan] body .inventory-number b,html[data-theme=cyan] body .puzzle-help,html[data-theme=cyan] body .puzzle-id,html[data-theme=cyan] body .puzzle-tags{color:#a6c8d1}

/* Static dimmer: no full-viewport blur or theme-dependent entrance effects. */
html body dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}
html body #themeSettings::backdrop{background:#49392b50}
html[data-theme=paper] body #themeSettings{background:#faf7ef;border-color:#e4ddcd;color:#38332a}
html[data-theme=paper] body #themeSettings::backdrop{background:#24282159}
html[data-theme=cyan] body #themeSettings{background:#0c2531;border-color:#3c91a780;color:#ddf3f7}
html[data-theme=cyan] body #themeSettings::backdrop{background:#020e19a6}
html body .theme-option{transition:transform .2s cubic-bezier(.2,.8,.2,1)}
html body .theme-option:active{transform:scale(.985)}
html.reduce-motion .theme-option{transition:none!important}

html.reduce-motion body dialog,html.reduce-motion body dialog *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){html body dialog,html body dialog *{animation:none!important;transition:none!important}}

/* Fit the complete appearance chooser in a short landscape viewport. */
@media(orientation:landscape) and (max-height:380px){
 html body #themeSettings{padding:14px 18px}
 #themeSettings .theme-heading h2{font-size:18px;margin-top:4px}
 #themeSettings .theme-eyebrow{font-size:8px}
 #themeSettings .theme-intro{font-size:11px;line-height:1.4;margin:6px 0 8px!important}
 html body #themeSettings .theme-option{padding:10px;gap:6px}
 #themeSettings .theme-preview{width:49px;height:50px}
 #themeSettings .preview-island{top:5px;left:11px;width:26px;height:5px}
 #themeSettings .preview-board{top:15px;left:9px;width:30px;height:27px;background-size:7.5px 7.5px}
 #themeSettings .theme-option-copy b{font-size:12px}
 #themeSettings .theme-option-copy small{font-size:9px;margin-top:3px}
 html body #themeSettings .theme-save{font-size:9px;margin-top:8px}
}

/* One short crossfade: the browser captures only the current viewport. */
::view-transition-group(root){animation-duration:2000ms;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
::view-transition-old(root){mix-blend-mode:normal;animation:room-theme-out 2000ms cubic-bezier(.16,1,.3,1) both}
::view-transition-new(root){mix-blend-mode:normal;animation:room-theme-in 2000ms cubic-bezier(.16,1,.3,1) both}
@keyframes room-theme-out{to{opacity:0}}
@keyframes room-theme-in{from{opacity:0}to{opacity:1}}
.theme-color-transition body,.theme-color-transition dialog,.theme-color-transition .entry-card,.theme-color-transition .classics-link,.theme-color-transition .panel,.theme-color-transition .theme-option{transition:background-color 2000ms cubic-bezier(.2,.8,.2,1),color 2000ms cubic-bezier(.2,.8,.2,1),border-color 2000ms cubic-bezier(.2,.8,.2,1)}
@media(prefers-reduced-motion:reduce){::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation:none!important}}

::view-transition{pointer-events:none}
/* Eight entries retain square, fully contained artwork. */
@media(orientation:landscape) and (max-height:600px){
 html[data-theme] body .desktop{padding:8px 20px}
 html[data-theme] body .desktop .welcome{padding:5px 0 7px}
 html[data-theme] body .desktop .welcome h1{font-size:19px;line-height:1.4;margin:0;white-space:nowrap}
 html[data-theme] body .desktop .welcome h1 br{display:none}
 html[data-theme] body .desktop .entry-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
 html[data-theme] body .desktop .entry-grid .entry-card,html[data-theme] body .desktop .entry-grid .classics-link{--entry-height:min(136.5px,calc((100svh - 104px)/2));padding:10px 12px}
 html[data-theme] body .desktop>footer{display:none}
}
html body .records-dialog{width:min(680px,calc(100vw - 32px));overflow:hidden;max-height:calc(100dvh - 32px);display:flex;flex-direction:column}
html body .records-dialog:not([open]){display:none}
.records-dialog>.sheet-heading,.records-dialog>.records-caption,.records-dialog>.records-footer{flex:none}
.records-dialog .records-caption{font-size:11px;margin:0 0 14px}
.records-dialog .records-list{min-height:0;overflow:auto;overscroll-behavior:contain;display:grid;gap:10px}
.match-record{padding:17px;border:1px solid #af94783b;border-radius:18px;background:#fffaf066}
.match-record-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.match-record time{font-size:10px;opacity:.65}.match-record h3{font-size:15px;font-weight:550;margin:12px 0 8px}
.records-dialog .match-record p{font-size:11px;margin:0 0 12px}
.match-result{font:11px system-ui;padding:5px 9px;border-radius:12px;background:#b8a27526;color:#80673e}
.match-result.win{background:#80ad6f26;color:#526f3e}.match-result.loss{background:#cc9b8126;color:#976548}.match-result.draw{background:#88a9bc26;color:#527789}
html body .match-record button,.records-more{border:1px solid #bda17444;border-radius:12px;background:#b9a47719;color:inherit;font:11px system-ui;padding:9px 12px;transition:transform 240ms cubic-bezier(.2,.8,.2,1)}
.match-record button:active,.records-more:active{transform:scale(.98)}
.records-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px}.records-count{font-size:10px;opacity:.65}
.records-empty{padding:30px 15px;text-align:center}.records-empty>span{font:32px system-ui;opacity:.5}.records-empty h3{font-size:17px;font-weight:500;margin:15px 0 10px}.records-dialog .records-empty p{font-size:12px;margin:0}
html[data-theme=cyan] body .match-record{background:#12323e;border-color:#3e7a8b66}html[data-theme=cyan] body .match-result{color:#b6d5db;background:#28607266}html[data-theme=cyan] body .match-result.win{color:#99e0be;background:#24795b33}html[data-theme=cyan] body .match-result.loss{color:#e5b9a8;background:#995e4c33}
@media(orientation:landscape) and (max-height:450px){html body .records-dialog{padding:17px 20px}.records-dialog>.sheet-heading{margin-bottom:8px}.records-dialog .records-caption{margin-bottom:8px}.records-dialog .records-list{grid-template-columns:repeat(2,minmax(0,1fr))}.records-empty{grid-column:1/-1;padding:18px}.match-record{padding:12px}.records-footer{padding-top:8px}}

html body .records-dialog .sheet-close{border:0;background:none;border-radius:0;font-size:27px;color:inherit}
/* WebView snapshots must include an opaque background, not only the native
   window underneath transparent HTML. Match RoomBackdrop's fixed square. */
html.native-backdrop[data-theme]{--native-side:max(130vw,130svh);background-position:center!important;background-size:var(--native-side) var(--native-side)!important;background-repeat:no-repeat!important;background-attachment:fixed!important}
html.native-backdrop[data-theme=warm]{background-color:#ffd29a!important;background-image:radial-gradient(circle calc(var(--native-side)*.6) at 9% 8%,#fff2d9dd,#fff2d900),radial-gradient(circle calc(var(--native-side)*.55) at 91% 29%,#ffdb9f9c,#ffdb9f00),linear-gradient(135deg,#ffd29a,#ffc17e 48%,#ff9027)!important}
html.native-backdrop[data-theme=paper]{background-color:#f5f2eb!important;background-image:radial-gradient(circle calc(var(--native-side)*.6) at 9% 8%,#fffdf766,#fff2d900),radial-gradient(circle calc(var(--native-side)*.55) at 91% 29%,#ddc99e33,#ffdb9f00),linear-gradient(135deg,#f8f5ed,#f5f2eb 48%,#ebe4d6)!important}
html.native-backdrop[data-theme=cyan]{background:#081b24!important}