/* OpsJi · Daylight: one steady soft morning light from the top, the same on every screen. Loaded last. */
.ng-sky{position:fixed;inset:0;z-index:-1;pointer-events:none}
.ng-sky i{position:absolute;inset:0}
.ng-sky .dawn{background:radial-gradient(110% 70% at 18% -12%,rgba(248,226,204,.75) 0%,rgba(248,226,204,.22) 38%,transparent 72%),linear-gradient(180deg,#f7f1ea,#f7f6f2 65%)}
.nav{background:rgba(255,255,255,.5);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:transparent;box-shadow:0 1px 0 rgba(22,23,26,.05)}
.cx,.t2-stat,.t2-msg{background:#fff;border-color:transparent;box-shadow:0 1px 2px rgba(40,30,10,.05),calc(var(--sx,0) * 1px) 16px 30px -16px rgba(40,30,10,.28)}
.cx{border-radius:16px}.cx:not(.on) .g{border-color:transparent;background:#f4f1ea}
.cx.on{box-shadow:0 0 0 1.5px var(--gold),calc(var(--sx,0) * 1px) 18px 34px -16px rgba(154,122,46,.45)}
#plant .frame{border-radius:26px;border-color:transparent;box-shadow:0 1px 2px rgba(40,30,10,.05),calc(var(--sx,0) * 2px) 50px 100px -56px rgba(40,30,10,.4)}
.oj-band{border-radius:30px;border-color:transparent;background:#fffdf8;box-shadow:0 1px 2px rgba(40,30,10,.05),calc(var(--sx,0) * 2px) 40px 80px -50px rgba(40,30,10,.36)}
.btn{border-radius:12px}.btn.fill{box-shadow:calc(var(--sx,0) * .5px) 12px 24px -12px rgba(40,30,10,.55)}
.oj-form input,.oj-form select{background-color:#faf8f4;border-color:rgba(22,23,26,.08)}
footer.oj-foot{border-top-color:rgba(22,23,26,.06)}

/* the plant in light materials (one tone off the page) */
#plant .frame{--bg:var(--stage);background:var(--stage)}
#plant,#plant .frame{--ground:color-mix(in srgb,var(--stage) 50%,#fff);--grid:color-mix(in srgb,var(--ink) 6%,transparent);--t:color-mix(in srgb,var(--ink) 7%,var(--stage));--f:color-mix(in srgb,var(--ink) 16%,var(--stage));--s:color-mix(in srgb,var(--ink) 11%,var(--stage));--edge:color-mix(in srgb,var(--ink) 34%,transparent);--gl:color-mix(in srgb,var(--ink) 40%,transparent);--glass:color-mix(in srgb,#fff 45%,transparent);--belt:color-mix(in srgb,var(--ink) 30%,transparent)}
#plant .world.after .blk>.fr,#plant .world.after .blk>.rt{opacity:.55}
#plant .scene{background:none}
@media (max-width:600px){}
