#warehouse-scene{position:absolute;left:32px;top:187px;width:656px;height:557px;overflow:hidden;background:#9c713f}#warehouse-scene svg{width:100%;height:100%}#uv-glow{display:none}#native-uv-light,#native-airflow{transition:opacity .6s ease}#native-uv-light{opacity:0}#native-airflow{opacity:0}.warehouse.uv-on #native-uv-light{opacity:1}.warehouse.fan-on #native-airflow{opacity:1}.warehouse.fan-on #native-airflow path{animation:airflow 2s ease-in-out infinite;stroke-dasharray:35 16}.warehouse.fan-on #native-airflow path:nth-child(2n){animation-delay:-1s}.warehouse.uv-on #native-uv-light ellipse{animation:uv-breathe 3s ease-in-out infinite}.warehouse-indicators{z-index:2}.grain-card{z-index:2;transition:box-shadow .25s,transform .25s,background .25s}.grain-card.selected{box-shadow:0 0 0 2px #c99b48,0 4px 12px #4c2d2526}.grain-card:hover{transform:translateY(-3px)}.trend-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;vertical-align:-2px;margin-right:6px}.trends .heading{align-items:flex-start}.trends h2{font-size:22px;white-space:nowrap}.trend-tabs{display:flex;background:#f0f4f2;border:1px solid #dce6de;border-radius:8px;padding:3px;gap:3px}.trend-tabs button{border:0;border-radius:5px;padding:5px 7px;color:#64756b;background:transparent;font-size:13px;white-space:nowrap;transition:background .25s,color .25s,box-shadow .25s}.trend-tabs button.active{background:#fff;color:#177140;box-shadow:0 1px 5px #0b4c2820}.chart-block svg{animation:chart-enter .4s ease-out}.chart-block polyline{stroke-dasharray:600;stroke-dashoffset:0;animation:draw-line .8s ease-out}.clock span{font-weight:700;background:linear-gradient(165deg,#77502b 5%,#c5963c 22%,#ffe6a0 36%,#a87328 46%,#795023 57%,#e6bb59 73%,#80512b 94%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 #efdbad);letter-spacing:.5px}.detail-body.changing,.detail-heading h2.changing{animation:detail-enter .35s ease-out}.switch{transition:background .3s,box-shadow .3s}.switch:after{transition:transform .3s cubic-bezier(.2,.7,.2,1)}.camera,.arrow{transition:background .2s,transform .2s}.camera:hover,.arrow:hover{background:#edf5ee;transform:translateY(-1px)}dialog[open]{animation:dialog-enter .25s ease-out}@keyframes airflow{from{stroke-dashoffset:0}to{stroke-dashoffset:-51}}@keyframes uv-breathe{50%{opacity:.65}}@keyframes chart-enter{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes draw-line{from{stroke-dashoffset:600}to{stroke-dashoffset:0}}@keyframes detail-enter{from{opacity:.25;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}@keyframes dialog-enter{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
#warehouse-scene .jar{display:none}.grain-image{position:absolute;width:205px;height:210px;border-radius:12px;background-image:url('../../assets/grain-scene.jpg');background-size:1672px 941px;box-shadow:2px 4px 8px #49291338;pointer-events:none}
.grain-photo,#camera-preview{background-image:none;overflow:hidden}.grain-photo svg,#camera-preview svg{width:100%;height:100%;display:block}