/* SunnyTV glass extension, 2026-10-23. preview.css remains the verbatim 2.0 design source. */
[data-sunny-glass]{
  --sunny-glass-opacity:4%;
  position:relative;
  background:color-mix(in srgb,var(--surface) var(--sunny-glass-opacity),transparent);
  border:1px solid color-mix(in srgb,var(--text) 9%,transparent);
  border-radius:min(24px,calc(22px * var(--corner-scale,1)));
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .28),0 10px 26px rgb(8 14 24 / .12);
  color:var(--text);
  backdrop-filter:blur(2.2px) saturate(.85);
  -webkit-backdrop-filter:blur(2.2px) saturate(.85);
}
[data-sunny-glass][data-glass-renderer="refracted"]{backdrop-filter:var(--sunny-glass-filter,blur(2.2px) saturate(.85))}
[data-sunny-glass="frosted"]{--sunny-glass-opacity:60%;backdrop-filter:blur(8px) saturate(.85);-webkit-backdrop-filter:blur(8px) saturate(.85)}
[data-sunny-glass="aurora"]{background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 9%,transparent),transparent 55%,color-mix(in srgb,var(--accent-2) 8%,transparent)),color-mix(in srgb,var(--surface) 4%,transparent)}
[data-sunny-glass]::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;padding:1px;
  background:linear-gradient(135deg,rgb(255 255 255 / .54),rgb(255 255 255 / .04) 42%,rgb(255 255 255 / .12) 70%,rgb(255 255 255 / .32));
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;
}
.topbar[data-sunny-glass]{position:sticky;border-radius:0}
.sunny-picker[data-sunny-glass]{position:fixed}
:is(.sunny-picker,.task-dialog,dialog.detail)[data-sunny-glass]{--sunny-glass-opacity:21%}
:is(.task-dialog,dialog.detail)[data-sunny-glass]{position:fixed}
[data-sunny-glass]::backdrop{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.sunny-glass-toolbar{display:flex;align-items:center;gap:4px;padding:6px;width:max-content;max-width:100%}
.sunny-glass-toolbar :is(button,a){background:transparent;border:0;box-shadow:none;color:inherit;border-radius:var(--sunny-glass-inner-radius,12px)}
.sunny-glass-toolbar :is(button,a):is(:focus-visible,[aria-current="page"],[aria-pressed="true"]){background:color-mix(in srgb,var(--surface) 24%,transparent);backdrop-filter:blur(8px)}
.sunny-glass-reading{border-radius:var(--sunny-glass-inner-radius,12px);background:color-mix(in srgb,var(--surface) 65%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
[data-sunny-glass] :is(button,a,input,select):focus-visible{outline:2px solid var(--text);outline-offset:3px}
[data-sunny-glass] :is(.seg,.mat-opt){box-shadow:none}
[data-sunny-glass] .seg{background:color-mix(in srgb,var(--surface) 16%,transparent)}
[data-sunny-glass] .mat-opt{background:transparent;border-radius:var(--sunny-glass-inner-radius,8px)}
[data-sunny-glass] :is(.mat-opt[aria-checked="true"],.seg button[aria-pressed="true"]){background:color-mix(in srgb,var(--surface) 34%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 14%,transparent)}
[data-sunny-glass][data-glass-renderer="solid"]{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}
@media(prefers-reduced-transparency:reduce){[data-sunny-glass]{background:var(--surface)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
@media(forced-colors:active){[data-sunny-glass]{background:Canvas!important;color:CanvasText;border:1px solid CanvasText;box-shadow:none;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}[data-sunny-glass]::after{display:none}}