html:is([data-theme=morning],[data-theme=noon],[data-theme=golden],:not([data-theme])){--day-rim:color-mix(in oklab, var(--line) 62%, var(--day-lit));--day-glint:color-mix(in oklab, var(--line) 50%, var(--day-lit))}html{--rim:var(--sheen-lit);--catch:var(--sheen-glint)}html:is([data-theme=morning],[data-theme=noon],[data-theme=golden],:not([data-theme])){--rim:var(--day-rim);--catch:var(--day-glint)}:is(.hd-card,.card,.cue,.dp,.edge-tab,.blank-start,.hd-find,.moment,.account-link,.btn,.bar-btn,.hd-chips button,.dock-btn[data-off=true],.dock-btn[data-active=true],.topbar nav a[data-active=true]){--v:.42}:is(.hd-card,.card,.cue,.dp,.btn,.bar-btn,.hd-chips button,.dock-btn):nth-child(3n+1){--v:.18}:is(.hd-card,.card,.cue,.dp,.btn,.bar-btn,.hd-chips button,.dock-btn):nth-child(3n+2){--v:.71}:is(.hd-card,.card,.cue,.dp,.btn,.bar-btn,.hd-chips button,.dock-btn):nth-child(5n+3){--v:.53}:where(.card,.dp,.edge-tab,.blank-start,.hd-find,.moment,.account-link,.btn,.bar-btn,.hd-chips button,.dock-btn,.topbar nav a){position:relative}:where(.hd-card,.card,.cue,.dp,.edge-tab,.blank-start,.hd-find,.moment,.account-link,.btn,.bar-btn,.hd-chips button,.dock-btn[data-off=true],.dock-btn[data-active=true],.topbar nav a[data-active=true]):after{--gx:calc(var(--sheen-gx0) + var(--v) * var(--sheen-gxs));--a:calc(var(--sheen-ang) + (var(--v) - .5) * 22deg);content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(closest-side, var(--sheen-glint), transparent) var(--gx) -4px / clamp(32px, 30%, 180px) 8px no-repeat, linear-gradient(var(--a), var(--sheen-lit) 0%, transparent min(42%, 220px));-webkit-mask-composite:xor;transition:opacity .2s var(--ease-out);background-origin:border-box;padding:1px;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.btn.btn-sm:after{content:none}:is(.dock-btn[data-off=true],.dock-btn[data-active=true],.topbar nav a[data-active=true]):after{inset:0}:where(html[data-theme=twilight],html[data-theme=dusk],html[data-theme=night]) :is(.btn,.bar-btn,.hd-chips button,.account-link,.moment):after{opacity:.6}:where(html[data-theme=morning],html[data-theme=noon],html[data-theme=golden],html:not([data-theme])) :is(.hd-card,.card,.cue,.dp,.edge-tab,.blank-start,.hd-find,.moment,.account-link,.btn,.bar-btn,.hd-chips button):after{background:radial-gradient(closest-side, var(--day-glint), transparent) var(--gx) -4px / clamp(32px, 30%, 180px) 8px no-repeat, linear-gradient(var(--a), var(--day-rim) 0%, transparent min(38%, 200px), transparent max(60%, calc(100% - 200px)), var(--day-edge,transparent) 100%);background-origin:border-box}.btn:is(.btn-primary,.btn-amber):after{background:radial-gradient(closest-side, var(--sheen-glint), transparent) var(--gx) -4px / clamp(32px, 30%, 180px) 8px no-repeat, linear-gradient(var(--a), color-mix(in oklab, var(--sheen-glint) 55%, transparent) 0%, transparent min(42%, 160px));background-origin:border-box;inset:0}:where(html[data-theme=morning],html[data-theme=noon],html[data-theme=golden],html:not([data-theme])) .btn:is(.btn-primary,.btn-amber):after{background:radial-gradient(closest-side, color-mix(in oklab, var(--day-lit) 55%, transparent), transparent) var(--gx) -4px / clamp(32px, 30%, 180px) 8px no-repeat, linear-gradient(var(--a), color-mix(in oklab, var(--day-lit) 16%, transparent) 0%, transparent min(30%, 120px));background-origin:border-box}:is(.hd-card,.card,.cue,.dp,.edge-tab,.blank-start):before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;box-shadow:var(--sheen-hx) -3px 22px -10px var(--sheen-halo);position:absolute;inset:0}.dock-btn[data-off=true]:where(:not(:hover,:focus-visible,:focus-within,:active,[aria-pressed=true],[data-open],.btn-sm)){box-shadow:0 0 14px -7px color-mix(in oklab, var(--el-vote) 60%, transparent)}:where(html[data-theme=morning],html[data-theme=noon],html[data-theme=golden],html:not([data-theme])) :is(.hd-card,.card,.cue,.dp,.edge-tab,.blank-start){--day-edge:color-mix(in oklab, var(--line) 78%, var(--day-shade));box-shadow:calc(var(--sun-x) * -2px) calc(var(--sun-y) * -3px) 3px -1px color-mix(in oklab, var(--day-shade) 16%, transparent), calc(var(--sun-x) * -6px) calc(var(--sun-y) * -9px) 16px -9px color-mix(in oklab, var(--day-shade) 14%, transparent), calc(var(--sun-x) * 1px) calc(var(--sun-y) * 1px) 5px -2px color-mix(in oklab, var(--day-halo) 70%, transparent), calc(var(--sun-x) * 3px) calc(var(--sun-y) * 3px) 20px -9px var(--day-halo)}:where(html[data-theme=morning],html[data-theme=noon],html[data-theme=golden],html:not([data-theme])) :is(.btn-quiet,.btn-danger,.bar-btn,.hd-chips button,.account-link,.hd-find,.moment):where(:not(:hover,:focus-visible,:focus-within,:active,[aria-pressed=true],[data-open],.btn-sm)){--day-edge:color-mix(in oklab, var(--line) 78%, var(--day-shade));box-shadow:calc(var(--sun-x) * -1px) calc(var(--sun-y) * -1.5px) 2px -1px color-mix(in oklab, var(--day-shade) 20%, transparent), calc(var(--sun-x) * 1.5px) calc(var(--sun-y) * 1.5px) 9px -4px var(--day-halo)}:where(html[data-theme=morning],html[data-theme=noon],html[data-theme=golden],html:not([data-theme])) .btn-primary:where(:not(:hover,:focus-visible,:focus-within,:active,[aria-pressed=true],[data-open],.btn-sm)){box-shadow:calc(var(--sun-x) * -1px) calc(var(--sun-y) * -1.5px) 2px -1px color-mix(in oklab, var(--day-shade) 28%, transparent), calc(var(--sun-x) * 1.5px) calc(var(--sun-y) * 1.5px) 10px -4px var(--day-halo)}:where(html[data-theme=dusk],html[data-theme=night]) :is(.btn-quiet,.btn-danger,.bar-btn,.account-link):where(:not(:hover,:focus-visible,:focus-within,:active,[aria-pressed=true],[data-open])){border-color:color-mix(in oklab, var(--ink) 22%, var(--line))}:is(.hd-card.hd-now,.account-link){overflow-clip-margin:border-box;overflow:clip}.chat-input:not([aria-disabled],:focus){--v:.3;--gx:calc(var(--sheen-gx0) + var(--v) * var(--sheen-gxs));--a:calc(var(--sheen-ang) + (var(--v) - .5) * 22deg);background:linear-gradient(var(--paper), var(--paper)) padding-box, radial-gradient(closest-side, var(--catch), transparent) var(--gx) -4px / clamp(32px, 30%, 180px) 8px no-repeat border-box, linear-gradient(var(--a), var(--rim) 0%, transparent min(42%, 160px)) border-box, linear-gradient(var(--line), var(--line)) border-box;border-color:#0000}:where(.card) :is(input:not([type]),input[type=text],input[type=url],select):not(:focus,:disabled,[readonly]),input.field-control:not(:focus,:disabled,[readonly]){--v:.62;--gx:calc(var(--sheen-gx0) + var(--v) * var(--sheen-gxs));--a:calc(var(--sheen-ang) + (var(--v) - .5) * 22deg);background:linear-gradient(var(--card-hi), var(--card-hi)) padding-box, radial-gradient(closest-side, var(--catch), transparent) var(--gx) -4px / clamp(32px, 30%, 180px) 8px no-repeat border-box, linear-gradient(var(--a), var(--rim) 0%, transparent min(42%, 160px)) border-box, linear-gradient(var(--line), var(--line)) border-box;border-color:#0000}:is(.btn,.bar-btn,.hd-chips button,.account-link,.moment,.dock-btn,.topbar nav a,.hd-find):is(:hover,:focus-visible,:focus-within,:active,[aria-pressed=true],[data-open]):after{opacity:0}@media (width<=720px){.moment:is(:hover,[data-open]):after{pointer-events:auto;background:0 0;padding:0;-webkit-mask:none;mask:none}}@media (prefers-reduced-motion:reduce){:where(.hd-card,.card,.cue,.dp,.edge-tab,.blank-start,.hd-find,.moment,.account-link,.btn,.bar-btn,.hd-chips button,.dock-btn,.topbar nav a):after{transition:none}}