:root{--page: #F4F1EA;--card: #FBFAF6;--card-alt: #F2EEE3;--ink: #23211C;--ink-2: #4A463C;--ink-3: #6E6A5F;--muted: #8A857A;--faint: #A39C8C;--line: #E3DCCD;--line-2: #EDE7DA;--accent: #1E3D2B;--accent-soft: rgba(30, 61, 43, .1);--good: #5B7A4E;--warn: #A87A3C;--bad: #B0576E}*{box-sizing:border-box}html,body{background:var(--page)}body{margin:0;font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.mono{font-family:Geist Mono,Nunito,ui-monospace,monospace}a{color:var(--ink);text-decoration:none}a:hover{color:#000}button{font-family:Nunito,sans-serif}::selection{background:#23211c1a}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{height:9px;width:9px}::-webkit-scrollbar-thumb{background:#dad4c6;border-radius:8px}::-webkit-scrollbar-track{background:transparent}@keyframes eco-spin{to{transform:rotate(360deg)}}@keyframes eco-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes eco-scan-line{0%{top:6%;opacity:0}15%{opacity:1}85%{opacity:1}to{top:94%;opacity:0}}@keyframes eco-shimmer{to{background-position:200% 0}}.eco-spin{animation:eco-spin .8s linear infinite}.eco-fade-up{animation:eco-fade-up .28s ease-out both}.eco-scan-line{animation:eco-scan-line 2.2s ease-in-out infinite}.eco-btn{transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .06s ease}.eco-btn:hover{box-shadow:0 1px #23211c0a,0 3px 10px #23211c0f}.eco-btn:active{transform:translateY(1px)}.eco-btn:disabled{cursor:default;box-shadow:none;transform:none}.eco-card{transition:border-color .16s ease,box-shadow .18s ease,transform .12s ease}.eco-lift:hover{border-color:#d8d0bf;box-shadow:0 6px 20px #23211c12;transform:translateY(-1px)}.eco-skeleton{background:linear-gradient(90deg,#efeadf 25%,#f6f2e9 37%,#efeadf 63%);background-size:200% 100%;animation:eco-shimmer 1.3s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.eco-spin,.eco-fade-up,.eco-skeleton,.eco-scan-line{animation:none}.eco-btn,.eco-card,.eco-lift{transition:none}}html,body{max-width:100%;overflow-x:clip}img,svg,video,canvas{max-width:100%}.eco-page{width:100%;margin-inline:auto;padding-inline:clamp(16px,5vw,32px)}.eco-page--hero{padding-top:clamp(44px,9vw,104px)}.eco-h1{font-size:clamp(29px,7vw,44px)}.eco-h2{font-size:clamp(25px,6vw,34px)}.eco-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 620px){.eco-grid-2{grid-template-columns:minmax(0,1fr)}}.eco-detail-grid{display:grid;grid-template-columns:minmax(240px,340px) minmax(0,1fr);gap:22px;align-items:start}@media (max-width: 900px){.eco-detail-grid{grid-template-columns:minmax(0,1fr);gap:18px}}@media (max-width: 900px){.eco-detail-wrap{position:sticky;left:0;width:calc(100vw - (2*clamp(16px,5vw,32px)) - 2px);max-width:100%}}.eco-nav-inner{max-width:1080px;margin-inline:auto;padding-inline:clamp(16px,5vw,32px);height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}.eco-nav-tabs{display:flex;align-items:center;gap:26px}.eco-navtab{padding:6px 1px}@media (max-width: 720px){.eco-nav-inner{height:auto;flex-direction:column;align-items:stretch;gap:0;padding-top:12px}.eco-nav-tabs{gap:22px;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1*clamp(16px,5vw,32px));padding-inline:clamp(16px,5vw,32px)}.eco-nav-tabs::-webkit-scrollbar{display:none}.eco-nav-tabs>button{flex-shrink:0}.eco-navtab{padding:8px 1px 12px}}.eco-select{max-width:210px}.eco-viewfinder{position:relative;aspect-ratio:3 / 2}@media (max-width: 640px){.eco-viewfinder{aspect-ratio:4 / 3}.eco-viewfinder--live{aspect-ratio:3 / 4}}.eco-criteria-row{display:flex;align-items:center;gap:10px}.eco-criteria-label{width:168px;flex-shrink:0}@media (max-width: 560px){.eco-criteria-row{flex-wrap:wrap;row-gap:3px}.eco-criteria-label{width:100%}}.eco-slider-row{display:flex;align-items:center;gap:14px;margin-top:12px}.eco-slider-row>input[type=range]{flex:1;min-width:0}@media (max-width: 560px){.eco-slider-row{flex-wrap:wrap;gap:10px}.eco-slider-row>input[type=range]{order:-1;flex-basis:100%}.eco-slider-row>span:first-of-type{flex:1}}.eco-barcode-entry{display:flex;gap:8px}.eco-barcode-entry>input{flex:1;min-width:0}@media (max-width: 359px){.eco-barcode-entry{flex-direction:column}.eco-barcode-entry>button{width:100%}}@media (max-width: 640px){.eco-btn{min-height:44px}.eco-select{max-width:100%;width:100%}input,select,textarea{font-size:16px!important}}@media print{.no-print{display:none!important}body{background:#fff!important}}