:root{--ink:#18201d;--muted:#7b8580;--line:#e8ece9;--green:#15734b;--bright:#36a261;--pale:#eff8f1;--cream:#f7f8f5;--orange:#e99538;--sans:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfcfa;color:var(--ink);font-family:var(--sans);font-size:14px}.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;border-right:1px solid var(--line);background:#fff;display:flex;flex-direction:column;padding:29px 16px 20px;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font:bold 20px var(--display);letter-spacing:-1px;padding:0 12px}.brand span span{font-weight:500;color:var(--green)}.brand-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--green);color:#fff;font-size:17px;letter-spacing:0}.workspace-label,.mini-label,.eyebrow,.table-head{font:500 10px var(--mono);letter-spacing:.09em;color:#99a39e}.workspace-label{margin:57px 12px 10px}.workspace-label span{float:right;font-size:13px;color:#7b8781}.workspace{display:flex;align-items:center;gap:9px;padding:8px 12px;font-weight:600;font-size:12px}.workspace-dot,.avatar,.top-avatar{display:grid;place-items:center;border-radius:50%;background:#dff0e4;color:var(--green);font-weight:700}.workspace-dot{width:25px;height:25px;font-size:11px}.more{margin-left:auto;letter-spacing:2px;color:#b0b8b3}.nav{margin-top:25px}.nav-item{display:flex;align-items:center;gap:12px;color:#717b76;text-decoration:none;padding:12px;border-radius:8px;margin:3px 0;font-size:13px}.nav-item.active{background:#eef8f0;color:var(--green);font-weight:600}.nav-icon{font-size:19px;width:18px;text-align:center;line-height:1}.nav-item kbd{margin-left:auto;background:#f5f6f5;border:1px solid #e5e9e6;border-radius:4px;font:10px var(--mono);padding:2px 6px;color:#9ca39f}.sidebar-bottom{margin-top:auto}.api-status{border:1px solid var(--line);background:#fbfcfb;border-radius:10px;padding:11px 10px;display:flex;gap:9px;align-items:center;margin:0 4px 14px}.api-status>span{width:7px;height:7px;border-radius:50%;background:#38b86a;box-shadow:0 0 0 4px #e5f6e9}.api-status div,.profile div{display:flex;flex-direction:column;gap:2px}.api-status strong,.profile strong{font-size:11px}.api-status small,.profile small{color:#9ba39f;font-size:10px}.api-status b{margin-left:auto;color:#b2bab5;letter-spacing:1px}.profile{border-top:1px solid var(--line);margin-top:13px;padding:17px 8px 0;display:flex;align-items:center;gap:9px}.avatar{width:31px;height:31px;background:#e5e1d9;color:#665c4e;font-size:10px}.profile>span{margin-left:auto;color:#9ca39e}.main{margin-left:238px;width:calc(100% - 238px)}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5.2%}.crumbs{display:flex;gap:11px;color:#9da6a1;font-size:12px}.crumbs i{font-style:normal;color:#d1d7d3}.crumbs strong{color:var(--ink);font-weight:600}.top-actions{display:flex;align-items:center;gap:17px}.icon-button,.help-button{background:none;border:0;color:#77817c;font-size:20px;position:relative}.help-button{border:1px solid #dce2de;border-radius:50%;font:500 11px var(--mono);width:22px;height:22px}.notification-dot{width:5px;height:5px;background:#e6894c;border-radius:50%;position:absolute;right:1px;top:1px}.top-avatar{width:31px;height:31px;background:#202c28;color:#fff;font-size:10px}.page-content{max-width:1250px;margin:auto;padding:50px 5.2% 65px}.intro-row,.section-heading,.result-header{display:flex;justify-content:space-between;align-items:flex-end}.eyebrow{margin:0 0 10px}.intro-row h1{font:600 37px var(--display);letter-spacing:-1.8px;margin:0}.intro-row h1 span{color:var(--bright)}.subtitle{color:#7c8580;margin:9px 0 0;font-size:15px}.primary-button{border:0;background:var(--green);color:white;border-radius:7px;padding:13px 18px;font:600 12px var(--sans);cursor:pointer;box-shadow:0 5px 12px #15734b1c}.primary-button span{font-size:17px;vertical-align:-1px;margin-right:5px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:46px 0 51px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 19px 16px;min-height:137px}.stat-heading{display:flex;justify-content:space-between;color:#89928d;font:500 10px var(--mono);letter-spacing:.02em}.stat-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;font:600 13px var(--sans)}.stat-icon.green{background:#e0f3e5;color:#258a50}.stat-icon.yellow{background:#fff3d5;color:#d58a22}.stat-icon.blue{background:#e4eff6;color:#4d8bb0}.stat-icon.red{background:#fdebe5;color:#d47559}.stat-number{font:600 33px var(--display);letter-spacing:-1px;margin-top:20px}.unit{font:500 16px var(--display);color:#a0a8a4;margin-left:3px;letter-spacing:0}.stat-foot{margin-top:5px;color:#a0a9a4;font-size:11px}.trend{color:#29975a;font-weight:600;margin-right:4px}.muted{color:#66716b}.alert-text{color:#d17b52}.section-heading h2,.result-header h2{font:600 22px var(--display);letter-spacing:-.7px;margin:0}.step-label{font:500 12px var(--mono);color:var(--green);margin-bottom:4px}.step-label i{font-style:normal;color:#c1c8c4;margin:0 6px}.analysis-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:14px;margin-top:20px}.upload-card,.how-card{border:1px solid var(--line);border-radius:11px;background:white;padding:22px}.upload-top{display:flex;gap:13px;align-items:flex-start}.step-badge{width:28px;height:28px;border-radius:50%;background:#e8f5eb;color:var(--green);display:grid;place-items:center;font:500 10px var(--mono);flex:none}.upload-top h3,.how-card h3{margin:2px 0 5px;font:600 16px var(--display)}.upload-top p{margin:0;color:#8a938e;font-size:12px}.info{margin-left:auto;border:1px solid #dce3df;color:#93a09a;border-radius:50%;width:19px;height:19px;text-align:center;font:500 11px var(--mono);line-height:18px}.drop-area{height:230px;margin-top:23px;border:1px dashed #bdd3c2;border-radius:9px;background:#f8fbf7;display:flex;align-items:center;justify-content:center;gap:20px;position:relative;overflow:hidden}.sample-visual{height:145px;width:145px;border-radius:50%;background:radial-gradient(circle at 50% 45%,#d6b883 0 36%,#ad8652 37% 39%,#d3b37e 40% 46%,#97734a 47% 49%,#e7d1a7 50% 57%,#ad8957 58% 60%,#e4c99d 61% 68%,#b28956 69% 71%,#ecdaaF 72% 100%);box-shadow:0 12px 20px #87704b2e;position:relative;flex:none}.grain{position:absolute;background:#f3dfb6;width:11px;height:5px;border-radius:70% 35%;transform:rotate(25deg);box-shadow:inset -1px -1px #ae8755}.g1{top:30px;left:38px}.g2{top:58px;left:68px;transform:rotate(-21deg)}.g3{top:79px;left:31px;transform:rotate(49deg)}.g4{top:91px;left:73px}.g5{top:41px;left:88px;transform:rotate(80deg)}.g6{top:61px;left:43px}.g7{top:102px;left:55px;transform:rotate(-30deg)}.g8{top:40px;left:53px;transform:rotate(12deg)}.g9{top:75px;left:92px;transform:rotate(-60deg)}.g10{top:26px;left:69px}.g11{top:100px;left:94px;transform:rotate(50deg)}.g12{top:55px;left:20px}.g13{top:112px;left:30px}.g14{top:80px;left:59px;transform:rotate(18deg)}.g15{top:27px;left:100px;transform:rotate(35deg)}.g16{top:112px;left:72px}.drop-copy{display:flex;flex-direction:column;gap:6px;z-index:1}.upload-icon{display:grid;place-items:center;width:30px;height:30px;background:#e1f2e4;color:var(--green);border-radius:50%;font-size:20px;margin-bottom:5px}.drop-copy strong{font:600 14px var(--display)}.drop-copy span{font-size:11px;color:#9aa39e}.browse-button{border:0;background:transparent;color:var(--green);font:600 11px var(--sans);padding:0;cursor:pointer}.drop-copy small{color:#b1b8b4;font-size:10px;margin-top:7px}.upload-note{margin-top:17px;color:#8d9791;font-size:11px}.upload-note span{color:var(--green);margin-right:5px}.how-card{background:var(--ink);color:#fff;position:relative;overflow:hidden}.how-card:after{content:'';position:absolute;width:180px;height:180px;border:1px solid #ffffff16;border-radius:50%;right:-70px;top:-80px;box-shadow:0 0 0 20px #ffffff07,0 0 0 40px #ffffff04}.how-card .mini-label{color:#88a998}.how-card h3{font-size:24px;line-height:1.08;letter-spacing:-1px;margin-top:15px}.how-card h3 em{color:#77cf96;font-style:normal}.how-card>p{color:#a3b4aa;line-height:1.55;font-size:12px;max-width:275px;margin:13px 0 22px}.signal-list{border-top:1px solid #ffffff1a}.signal-list>div{display:flex;gap:15px;padding:11px 0;border-bottom:1px solid #ffffff1a}.signal-number{font:500 10px var(--mono);color:#72c68f;padding-top:2px}.signal-list b{display:block;font-size:11px;font-weight:600}.signal-list small{display:block;color:#8da095;font-size:10px;margin-top:3px}.api-chip{display:inline-flex;align-items:center;gap:7px;background:#ffffff12;border:1px solid #ffffff1b;padding:8px 10px;border-radius:20px;margin-top:20px;color:#b8d6bf;font-size:10px}.api-chip span{width:6px;height:6px;background:#5dd287;border-radius:50%}.results-section{margin-top:67px}.result-time{color:#a1aaa5;font:10px var(--mono);margin-bottom:4px}.result-empty{height:180px;background:#fff;border:1px solid var(--line);border-radius:10px;margin-top:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-orbit{width:38px;height:38px;border:1px dashed #abd1b3;border-radius:50%;display:grid;place-items:center;color:var(--green);margin-bottom:12px}.result-empty h3{margin:0;font:600 14px var(--display)}.result-empty p{margin:6px 0;color:#9da7a2;font-size:11px}.hidden{display:none!important}.results-content{display:grid;grid-template-columns:1fr 1.5fr 1.1fr;gap:13px;margin-top:20px}.score-card,.metrics-card,.insight-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}.score-card{display:flex;justify-content:space-between}.big-score{font:600 55px var(--display);letter-spacing:-4px;margin:14px 0 3px}.score-caption{font-size:11px;color:var(--green);display:flex;align-items:center;gap:6px}.score-dot{width:6px;height:6px;background:#34a764;border-radius:50%}.score-ring{border:9px solid #e3f2e5;border-top-color:#239458;border-radius:50%;width:82px;height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:center;font:600 20px var(--display);color:var(--green)}.score-ring small{font:10px var(--mono);color:#a1aca5}.metrics-head{display:flex;justify-content:space-between}.confidence{font-size:10px;color:#37965b}.metric-row{display:grid;grid-template-columns:95px 1fr 42px;align-items:center;gap:10px;margin-top:17px;font-size:11px}.metric-row b{text-align:right;font:500 11px var(--mono);color:#57635c}.bar{height:5px;border-radius:5px;background:#edf1ee;overflow:hidden}.bar i{height:100%;display:block;background:#40a866;border-radius:5px}.bar.warning i{background:#e9a14d}.insight-card{display:flex;gap:12px;background:#f2faf3;border-color:#daefdd}.insight-icon{display:grid;place-items:center;background:#dcefe0;border-radius:50%;color:var(--green);width:28px;height:28px;flex:none}.insight-card .mini-label{color:#77a982}.insight-card p{font-size:12px;line-height:1.5;color:#5b7062;margin:11px 0 0}.history-section{margin-top:67px}.text-button{border:0;background:none;color:var(--green);font:600 12px var(--sans);cursor:pointer}.text-button span{font-size:17px;margin-left:6px}.history-table{background:#fff;border:1px solid var(--line);border-radius:10px;margin-top:20px;overflow:hidden}.table-head,.history-row{display:grid;grid-template-columns:1.2fr 2fr 1.3fr 1fr 30px;align-items:center;padding:13px 20px;column-gap:12px}.table-head{background:#fafbfa;border-bottom:1px solid var(--line);font-size:9px}.history-row{min-height:63px;border-bottom:1px solid var(--line);font-size:11px;color:#858e89}.history-row:last-child{border-bottom:0}.sample-name{display:flex;align-items:center;gap:9px;color:#344039;font-weight:600}.sample-thumb{width:28px;height:28px;border-radius:6px;background:radial-gradient(circle,#e6c990,#ad8852 50%,#47372b 51%,#b89561 60%,#e2c99a);display:inline-block}.thumb-b{filter:saturate(.7) brightness(.86)}.thumb-c{filter:hue-rotate(20deg)}.history-row strong{font:500 12px var(--mono);color:#4f5b54}.history-row strong small{font-size:9px;color:#abb3ae}.status{font-size:10px;border-radius:20px;padding:5px 9px;justify-self:start}.approved{background:#e7f5e9;color:#27874b}.review{background:#fff1dc;color:#c47b21}.row-more{border:0;background:none;color:#b5bcb8;letter-spacing:2px}.toast{position:fixed;right:24px;bottom:24px;background:#18201d;color:white;padding:13px 16px;border-radius:9px;display:flex;gap:10px;align-items:center;box-shadow:0 12px 30px #18201d3b;transform:translateY(130px);transition:.3s ease;z-index:3}.toast.show{transform:translateY(0)}.toast>span{display:grid;place-items:center;background:#43a867;color:white;width:24px;height:24px;border-radius:50%}.toast strong,.toast small{display:block}.toast strong{font-size:11px}.toast small{font-size:10px;color:#a9b9ae;margin-top:3px}footer{max-width:1250px;margin:auto;padding:0 5.2% 30px;color:#a2aba6;font-size:10px;display:flex;justify-content:space-between}footer b{color:#d3d9d5;margin:0 4px}
@media(max-width:1000px){.sidebar{width:190px}.main{margin-left:190px;width:calc(100% - 190px)}.stats-grid{grid-template-columns:repeat(2,1fr)}.analysis-layout,.results-content{grid-template-columns:1fr}.how-card{min-height:330px}.results-content{grid-template-columns:1fr 1fr}.insight-card{grid-column:span 2}}
.sample-visual.uploaded{background-size:cover;background-position:center;border-radius:10px}.drop-area.dragging{border-color:var(--green);background:#eef8f0}.spinner{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:680px){.sidebar{width:100%;height:62px;bottom:auto;padding:0 14px;flex-direction:row;align-items:center;z-index:2;border-right:0;border-bottom:1px solid var(--line)}.workspace-label,.workspace,.sidebar-bottom,.nav-item:not(.active){display:none}.nav{margin:0 0 0 auto}.nav-item.active{font-size:0;background:transparent;padding:8px}.nav-item.active .nav-icon{font-size:20px}.main{margin-left:0;width:100%;padding-top:62px}.topbar{height:59px;padding:0 20px}.crumbs{font-size:11px}.page-content{padding:34px 20px 45px}.intro-row{display:block}.intro-row h1{font-size:31px}.primary-button{margin-top:22px}.stats-grid{gap:8px;margin:34px 0 42px}.stat-card{padding:14px 12px;min-height:125px}.stat-heading{font-size:8px}.stat-number{font-size:28px;margin-top:18px}.section-heading{align-items:flex-end}.section-heading h2,.result-header h2{font-size:19px}.analysis-layout{margin-top:16px}.upload-card,.how-card{padding:17px}.drop-area{height:260px;flex-direction:column;gap:9px}.sample-visual{width:115px;height:115px}.drop-copy{text-align:center;align-items:center}.results-section,.history-section{margin-top:47px}.results-content{grid-template-columns:1fr}.insight-card{grid-column:auto}.table-head{display:none}.history-row{grid-template-columns:1fr 1fr;padding:14px 15px;gap:9px}.history-row>span:first-child{grid-column:1 / 3}.history-row strong{grid-column:1}.history-row .status{grid-column:2;grid-row:2}.row-more{grid-column:2;grid-row:1;justify-self:end}footer{padding:0 20px 25px;display:block;line-height:2}footer span{display:block}}
 .login-screen{min-height:100vh;background:#f5f8f4;display:flex;flex-direction:column;padding:31px 5.5% 25px;position:fixed;inset:0;z-index:10;overflow:auto}.login-brand{display:flex;align-items:center;gap:9px;color:var(--ink);font:bold 20px var(--display);letter-spacing:-1px}.login-brand>span:last-child>span{font-weight:500;color:var(--green)}.login-layout{display:grid;grid-template-columns:1fr 430px;gap:10%;align-items:center;max-width:1080px;width:100%;margin:auto}.login-story{padding:20px 0}.login-story h1{font:600 clamp(38px,5vw,64px)/1.03 var(--display);letter-spacing:-3px;margin:18px 0;color:var(--ink)}.login-story h1 em{color:var(--green);font-style:normal}.login-story>p:not(.eyebrow){color:#75817a;line-height:1.65;max-width:390px;font-size:15px}.login-proof{display:flex;align-items:center;gap:13px;margin-top:38px}.proof-avatars{display:flex}.proof-avatars i{display:grid;place-items:center;width:31px;height:31px;margin-right:-7px;border:2px solid #f5f8f4;border-radius:50%;font:600 9px var(--mono);font-style:normal;background:#dfeee2;color:var(--green)}.proof-avatars i:nth-child(2){background:#e6e0d5;color:#6f604d}.proof-avatars i:nth-child(3){background:#dce9ed;color:#527a88}.login-proof strong,.login-proof small{display:block}.login-proof strong{font-size:11px}.login-proof small{color:#929d96;font-size:10px;margin-top:3px}.login-card{background:#fff;border:1px solid #e1e8e2;border-radius:13px;padding:34px 35px;box-shadow:0 22px 60px #23452d0d}.login-card-head h2{font:600 25px var(--display);letter-spacing:-.8px;margin:13px 0 5px}.login-card-head p{font-size:12px;color:#929d96;margin:0 0 28px}.login-card label{display:block;color:#4d5a52;font-size:11px;font-weight:600;margin:18px 0 7px}.field{height:43px;display:flex;align-items:center;gap:9px;border:1px solid #dfe6e0;border-radius:7px;padding:0 12px;color:#a4aea7;transition:.2s}.field:focus-within{border-color:#5cae75;box-shadow:0 0 0 3px #e7f5e9}.field input{border:0;outline:0;min-width:0;flex:1;font:12px var(--sans);color:var(--ink);background:transparent}.field input::placeholder{color:#b6beb9}.toggle-password{border:0;background:none;color:#a7b0aa;cursor:pointer;padding:2px;font-size:12px}.forgot-button{float:right;border:0;background:none;color:var(--green);font:500 10px var(--sans);cursor:pointer;padding:0}.login-options{display:flex;justify-content:space-between;align-items:center;margin:14px 0 18px;font-size:10px;color:#87928b}.remember{display:flex!important;align-items:center;gap:5px;margin:0!important;font-weight:400!important}.remember input{accent-color:var(--green);margin:0}.secure-login{color:#77a080}.login-error{min-height:16px;color:#bd654d;font-size:10px;margin:0 0 5px}.login-button,.demo-button{width:100%;height:43px;border-radius:7px;font:600 12px var(--sans);cursor:pointer}.login-button{border:0;color:#fff;background:var(--green);box-shadow:0 5px 13px #15734b26}.login-button span{float:right;font-size:17px;line-height:12px}.login-divider{display:flex;align-items:center;gap:10px;color:#b2bbb5;font:10px var(--mono);margin:21px 0}.login-divider:before,.login-divider:after{content:'';height:1px;background:#edf0ed;flex:1}.demo-button{border:1px solid #dfe6e0;background:#fff;color:#56635b}.demo-button span{float:right;color:var(--green);font-size:16px;line-height:11px}.signup-copy{text-align:center;color:#929d96;font-size:11px;margin:25px 0 0}.signup-copy a{color:var(--green);font-weight:600;text-decoration:none}.login-footer{display:flex;justify-content:space-between;color:#a1aaa4;font-size:10px;max-width:1080px;width:100%;margin:auto}.login-footer b{color:#d1d8d2;margin:0 4px}.login-screen.is-hidden{display:none}
@media(max-width:680px){.login-screen{padding:24px 20px 20px}.login-layout{display:block;margin:45px auto 35px}.login-story{padding:0;margin-bottom:34px}.login-story h1{font-size:40px;letter-spacing:-2px}.login-story>p:not(.eyebrow){font-size:13px}.login-proof{margin-top:22px}.login-card{padding:27px 21px}.login-footer{font-size:9px;display:block;line-height:2}.login-footer span{display:block}}
 .app-shell{display:none}.reference-app{min-height:100vh;background:#f5f7f5;color:#18201d;display:flex;flex-direction:column;align-items:center}.reference-top{height:34px;width:100%;max-width:430px;padding:14px 20px 0;display:flex;justify-content:space-between;font:600 10px var(--mono);color:#18201d}.reference-status{letter-spacing:3px;font-size:8px}.reference-main{width:100%;max-width:430px;flex:1;background:#fff;overflow:hidden}.ref-screen{display:none;min-height:calc(100vh - 102px);padding:26px 20px 30px}.ref-screen.active{display:block}.ref-home-head{display:flex;justify-content:space-between;align-items:flex-start;margin:22px 0 28px}.ref-kicker{font:500 9px var(--mono);color:#268950;letter-spacing:.12em;margin:0 0 9px}.ref-home-head h1{font:600 27px var(--display);letter-spacing:-1px;margin:0}.ref-home-head h1 span{font-size:22px}.ref-home-head p:not(.ref-kicker){font-size:12px;color:#858f89;margin:5px 0}.ref-icon,.ref-help{border:0;background:none;font-size:22px;color:#36413a}.quick-card{background:#116c45;border-radius:12px;padding:17px 16px;color:#fff;box-shadow:0 9px 20px #116c4526}.quick-card>span{font:500 10px var(--mono);letter-spacing:.06em}.quick-card>div{display:flex;justify-content:space-between;margin-top:15px}.quick-card strong{font:500 24px var(--display);text-align:center;min-width:70px}.quick-card small{font:400 9px var(--sans);display:block;margin-top:2px;color:#d3e8d8}.ref-action{width:100%;display:flex;align-items:center;text-align:left;border:0;border-radius:11px;padding:15px 16px;margin-top:18px;cursor:pointer}.new-check{background:#35a458;color:#fff;box-shadow:0 8px 17px #35a45825}.history-link{background:#fff;border:1px solid #e7ebe8;box-shadow:0 3px 9px #193a2710}.action-icon{font-size:23px;width:37px}.ref-action span:nth-child(2){display:flex;flex-direction:column;gap:4px}.ref-action b{font:600 13px var(--sans)}.ref-action small{font-size:10px;opacity:.85}.ref-action i{font-style:normal;font-size:20px;margin-left:auto}.ref-list-title{display:flex;justify-content:space-between;font:500 9px var(--mono);color:#87918b;letter-spacing:.05em;margin:29px 2px 10px}.ref-list-title button{border:0;background:none;color:#218b50;font:600 10px var(--sans)}.mini-history>div,.full-history>div{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf0ed}.rice-thumb{display:block;width:34px;height:34px;border-radius:8px;flex:none;background:radial-gradient(ellipse at 25% 35%,#f6e6bc 0 7%,transparent 8%),radial-gradient(ellipse at 60% 65%,#ebd3a0 0 9%,transparent 10%),radial-gradient(circle,#dfbf84 0 32%,#9e7546 33% 36%,#ead3a2 37% 66%,#725333 67% 70%,#d9b87e 71%);box-shadow:inset 0 0 0 1px #9b7749}.rice-thumb.dark{filter:brightness(.72)}.rice-thumb.brown{filter:hue-rotate(20deg) brightness(.85)}.mini-history span,.full-history span{display:flex;flex-direction:column;gap:5px;min-width:0}.mini-history b,.full-history b{font-size:10px;font-weight:500;color:#4f5a53}.mini-history small,.full-history small{font-size:9px;color:#8e9892;white-space:nowrap}.mini-history em,.full-history em{margin-left:auto;font:500 9px var(--sans);font-style:normal;border-radius:10px;padding:4px 6px;white-space:nowrap}.ok{background:#e8f7eb;color:#23894d}.warn{background:#fff2d9;color:#c9821f}.bad{background:#fde8e5;color:#c45e58}.ref-header{display:flex;justify-content:space-between;align-items:center;margin:4px 0 22px}.ref-header strong{font:600 12px var(--sans)}.back{border:0;background:none;font-size:27px;line-height:20px;font-weight:300;padding:0;color:#18201d}.stepper{display:flex;align-items:center;margin:8px 2px 26px}.stepper i{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#f4f5f4;color:#3c4841;font:500 10px var(--mono);font-style:normal}.stepper i.current{background:#2d9850;color:#fff}.stepper span{height:2px;background:#edf0ee;flex:1}.step-copy small{font-size:10px;color:#748079}.step-copy h2{font:600 19px var(--display);margin:7px 0 12px;letter-spacing:-.5px}.step-copy p{font-size:12px;line-height:1.5;color:#56635b;margin:0}.capture-art{height:198px;border-radius:12px;background:#47515a;margin:22px 0 23px;position:relative;display:grid;place-items:center;overflow:hidden}.tray{height:145px;width:205px;border-radius:14px;background:#1f2528;box-shadow:inset 0 0 0 5px #343b3e,0 8px 12px #1b222577;display:grid;place-items:center;position:relative}.rice-pile{display:block;width:108px;height:70px;border-radius:50%;background:radial-gradient(ellipse at 20% 30%,#ead3a4 0 5%,transparent 6%),radial-gradient(ellipse at 55% 60%,#f1ddaf 0 5%,transparent 6%),radial-gradient(ellipse at 72% 20%,#d7b47a 0 5%,transparent 6%),radial-gradient(ellipse at 40% 55%,#f2e1bd 0 5%,transparent 6%),radial-gradient(ellipse at 80% 72%,#e9d3a0 0 6%,transparent 7%),radial-gradient(ellipse,#ead2a0 0 50%,#9b7548 51% 54%,#ddbe85 55% 100%);transform:rotate(-5deg);box-shadow:0 9px 9px #11111159}.rice-pile.dense{width:160px;height:125px}.capture-art>b{position:absolute;color:#fff;font-size:38px;font-weight:300}.capture-art>b:nth-of-type(1){left:12px;top:4px}.capture-art>b:nth-of-type(2){right:12px;bottom:-8px}.tips{background:#f0faf1;border-radius:11px;padding:9px 13px;margin-bottom:22px}.tips p{font-size:10px;color:#289254;margin:8px 0}.tips p span{color:#4f6055;margin-left:5px}.green-button{display:block;border:0;background:#23944a;color:#fff;border-radius:7px;width:100%;height:39px;font:600 11px var(--sans);cursor:pointer}.photo-frame{height:300px;border-radius:12px;background:#47423c;display:grid;place-items:center;margin:21px 0 11px;overflow:hidden}.photo-frame .tray{width:225px;height:260px;border-radius:13px}.capture-tip{height:43px;border-radius:9px;background:#fafbfa;display:grid;place-items:center;color:#5d6962;font-size:10px;margin-bottom:15px}.capture-buttons,.result-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:9px}.outline-button{border:1px solid #dfe6e1;background:#fff;color:#2d3832;border-radius:7px;width:100%;height:39px;font:500 14px var(--sans);cursor:pointer}.capture-buttons small,.result-actions small{display:inline-block;font-size:9px;margin-left:6px;vertical-align:1px}.analysis-loader{height:290px;display:grid;place-items:center}.loader-circle{width:165px;height:165px;border:7px solid #dce1de;border-top-color:#24924c;border-right-color:#24924c;border-radius:50%;display:grid;place-items:center}.loader-circle span{font-size:39px;border:2px solid #18201d;width:45px;height:45px;border-radius:50%;display:grid;place-items:center}.sending-copy{text-align:center;color:#3e4c43;font-size:11px;line-height:1.45}.wait-note{background:#eff9f0;border-radius:10px;padding:13px;text-align:center;color:#52675a;font-size:10px;margin-top:36px}.approved-card{background:#eff9f0;border-radius:11px;text-align:center;padding:17px;margin-top:12px}.approved-card>div{display:grid;place-items:center;background:#309d50;color:#fff;width:35px;height:35px;border-radius:50%;margin:auto;font-size:20px}.approved-card h2{font:600 14px var(--display);color:#187a40;margin:9px 0 5px}.approved-card p{font-size:10px;line-height:1.5;color:#607366;margin:0}.result-title{font:600 11px var(--sans);margin:16px 2px 5px}.result-rows{border-top:1px solid #edf0ed}.result-rows p{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0ed;margin:0;padding:9px 2px;font-size:10px;color:#46534b}.result-rows b{font:500 10px var(--mono)}.result-rows em{font:500 8px var(--sans);font-style:normal;color:#2b9250;background:#e6f6e9;border-radius:9px;padding:3px 5px;margin-left:5px}.observation{background:#fafbfa;border-radius:9px;padding:10px;margin:12px 0}.observation>b{font-size:10px}.observation p{font-size:10px;color:#606d65;line-height:1.45;margin:6px 0 0}.result-actions{margin-top:13px}.search-box{background:#f7f8f7;border-radius:8px;color:#9ca59f;padding:10px 12px;font-size:10px;margin:22px 0 12px}.filters{display:flex;gap:7px;overflow:auto;margin-bottom:12px}.filters>*{white-space:nowrap;border-radius:15px;padding:7px 10px;background:#f5f6f5;color:#657169;font-size:9px}.filters b{background:#2e9850;color:#fff;font-weight:500}.full-history>div{cursor:pointer;padding:14px 0}.full-history em{font-size:8px}.detail-date{font-size:10px;color:#7d8880;display:flex;justify-content:space-between;margin:22px 2px 9px}.detail-date em{font-style:normal;border-radius:10px;padding:4px 7px;font-size:8px}.detail-photo{height:175px;border-radius:10px;background:#504a43;display:grid;place-items:center;overflow:hidden}.detail-photo .tray{width:290px;height:130px}.compact p{padding:7px 2px}.api-response{background:#f8f9f8;border-radius:9px;padding:10px;margin-top:12px}.api-response>b{font-size:10px}.api-response pre{white-space:pre-wrap;font:8px/1.5 var(--mono);color:#53625a;margin:8px 0 0}.reference-nav{width:100%;max-width:430px;height:68px;background:#fff;border-top:1px solid #edf0ed;display:grid;grid-template-columns:repeat(4,1fr);padding:9px 10px 4px}.reference-nav button{border:0;background:none;color:#7e8982;font-size:19px;cursor:pointer}.reference-nav button.active{color:#18834a}.reference-nav small{display:block;font-size:8px;margin-top:4px}.reference-nav button:nth-child(2){font-size:18px}
body .app-shell{display:none!important}
@media(max-width:680px){body .reference-app .ref-screen{padding:25px 22px 34px}body .reference-app .ref-home-head h1{font-size:30px}body .reference-app .ref-home-head p:not(.ref-kicker){font-size:14px}body .reference-app .ref-kicker{font-size:10px}body .reference-app .quick-card{padding:19px 17px}body .reference-app .quick-card>span{font-size:11px}body .reference-app .quick-card strong{font-size:27px}body .reference-app .quick-card small{font-size:10px}body .reference-app .ref-action{padding:17px 16px}body .reference-app .ref-action b{font-size:14px}body .reference-app .ref-action small{font-size:11px}body .reference-app .ref-list-title{font-size:10px}body .reference-app .ref-list-title button{font-size:11px}body .reference-app .mini-history b,body .reference-app .full-history b{font-size:11px}body .reference-app .mini-history small,body .reference-app .full-history small{font-size:10px}body .reference-app .mini-history em,body .reference-app .full-history em{font-size:10px;padding:5px 7px}body .reference-app .ref-header strong{font-size:14px}body .reference-app .step-copy small{font-size:11px}body .reference-app .step-copy h2{font-size:22px}body .reference-app .step-copy p{font-size:14px;line-height:1.55}body .reference-app .tips p{font-size:12px}body .reference-app .tips p span{font-size:12px}body .reference-app .green-button{height:46px;font-size:13px}body .reference-app .capture-tip{font-size:12px;height:48px}body .reference-app .capture-buttons small,body .reference-app .result-actions small{font-size:11px}body .reference-app .sending-copy{font-size:13px}body .reference-app .wait-note{font-size:12px}body .reference-app .approved-card h2{font-size:16px}body .reference-app .approved-card p{font-size:12px}body .reference-app .result-title{font-size:13px}body .reference-app .result-rows p{font-size:12px;padding:11px 2px}body .reference-app .result-rows b{font-size:11px}body .reference-app .result-rows em{font-size:9px}body .reference-app .observation>b,body .reference-app .api-response>b{font-size:12px}body .reference-app .observation p{font-size:12px}body .reference-app .api-response pre{font-size:9px}body .reference-app .search-box{font-size:12px;padding:12px}body .reference-app .filters>*{font-size:10px;padding:8px 11px}body .reference-app .detail-date{font-size:11px}body .reference-app .reference-nav button{font-size:21px}body .reference-app .reference-nav small{font-size:10px}}
 .api-breakdown{border:1px solid #edf0ed;border-radius:10px;padding:13px 12px;margin-top:13px;background:#fff}.api-breakdown-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.api-breakdown-head b{font-size:12px}.api-breakdown-head small{display:block;color:#87928b;font-size:9px;margin-top:4px}.peel-index{text-align:right;color:#208d4d;font:600 17px var(--display)}.peel-index small{color:#849087;font:400 8px var(--sans);display:block;margin-top:2px}.breakdown-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.breakdown-column>span{display:block;color:#7d8981;font:500 9px var(--mono);letter-spacing:.04em;margin-bottom:5px}.breakdown-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0f2f0;padding:6px 0;font-size:10px;color:#536057}.breakdown-row code{font:500 9px var(--mono);color:#278b4d;background:#eaf6ec;border-radius:4px;padding:2px 4px;margin-right:4px}.breakdown-row b{font:500 10px var(--mono);color:#37453c}.breakdown-total{display:flex;justify-content:space-between;border-top:1px solid #dfe8e1;margin-top:9px;padding-top:8px;color:#647168;font-size:10px}.breakdown-total b{font:600 10px var(--mono);color:#28372e}
 .report-intro h2{font:600 21px var(--display);letter-spacing:-.6px;margin:8px 0 6px}.report-intro>p:last-child{font-size:11px;color:#707d74;line-height:1.45;margin:0}.report-filters{background:#f7faf7;border:1px solid #e8eee9;border-radius:10px;padding:12px;margin-top:22px}.filter-field{margin-bottom:10px}.filter-field label{display:block;color:#6e7b72;font:500 9px var(--mono);margin-bottom:5px}.filter-field select{appearance:none;width:100%;border:1px solid #dce6de;border-radius:6px;background:#fff;color:#39463e;padding:10px 11px;font:11px var(--sans);outline:0;background-image:linear-gradient(45deg,transparent 50%,#789080 50%),linear-gradient(135deg,#789080 50%,transparent 50%);background-position:calc(100% - 13px) 14px,calc(100% - 9px) 14px;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.clear-filters{border:0;background:none;color:#258b4c;font:600 10px var(--sans);padding:4px 0;cursor:pointer}.report-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.report-cards>div{border:1px solid #e8ede9;border-radius:8px;padding:10px 8px;background:#fff}.report-cards span{display:block;color:#8c9790;font:500 8px var(--mono);line-height:1.3}.report-cards b{display:block;color:#1d2d24;font:600 20px var(--display);margin:8px 0 2px}.report-cards small{display:block;color:#8b968f;font-size:8px;line-height:1.3}.report-panel{border:1px solid #e8ede9;border-radius:10px;padding:13px 12px;margin-top:12px;background:#fff}.report-panel-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.report-panel h3{font:600 12px var(--display);margin:0}.report-panel-head small{font-size:8px;color:#9aa49e}.report-bars{display:grid;gap:9px}.report-bar-row{display:grid;grid-template-columns:95px 1fr 25px;align-items:center;gap:7px;font-size:9px;color:#59665d}.report-bar{height:7px;background:#eef2ee;border-radius:5px;overflow:hidden}.report-bar i{display:block;height:100%;border-radius:5px;background:#329a53}.report-bar-row code{font:500 8px var(--mono);color:#208c4b;background:#eaf6ec;padding:2px 3px;border-radius:3px;margin-right:3px}.report-bar-row b{font:500 9px var(--mono);text-align:right}.report-size-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.report-size-item{background:#f5faf5;border-radius:7px;padding:10px}.report-size-item span{display:block;color:#54645a;font-size:10px}.report-size-item code{font:500 9px var(--mono);color:#218b4c;margin-right:4px}.report-size-item b{display:block;font:600 18px var(--display);margin-top:6px;color:#1f3026}.report-size-item small{color:#839087;font-size:9px}.report-record{display:flex;align-items:center;gap:9px;border-top:1px solid #eff2ef;padding:10px 0}.report-record span{display:flex;flex-direction:column;gap:4px;min-width:0}.report-record b{font-size:10px;font-weight:500}.report-record small{font-size:9px;color:#8b958f}.report-record strong{margin-left:auto;font:500 10px var(--mono);color:#258c4c;white-space:nowrap}
@media(max-width:680px){body .reference-app .report-intro h2{font-size:23px}body .reference-app .report-intro>p:last-child{font-size:13px}body .reference-app .filter-field label{font-size:10px}body .reference-app .filter-field select{font-size:12px;padding:12px}body .reference-app .clear-filters{font-size:11px}body .reference-app .report-cards span{font-size:8px}body .reference-app .report-cards b{font-size:18px}body .reference-app .report-cards small{font-size:9px}body .reference-app .report-panel h3{font-size:13px}body .reference-app .report-bar-row{font-size:10px}body .reference-app .report-record b{font-size:11px}body .reference-app .report-record small{font-size:10px}}
 .custom-date-fields{display:grid;grid-template-columns:1fr 1fr;gap:5px 7px;margin-top:10px;padding-top:10px;border-top:1px solid #e8eee9}.custom-date-fields label{font:500 9px var(--mono);color:#6e7b72}.custom-date-fields input{width:100%;min-width:0;border:1px solid #dce6de;border-radius:6px;background:#fff;color:#39463e;padding:9px 7px;font:10px var(--sans);outline:0}.custom-date-fields input:focus{border-color:#4da66b;box-shadow:0 0 0 2px #e7f5e9}
 .custom-date-fields.is-hidden{display:none}
body .reference-app .reference-main{padding-bottom:78px;overflow-y:auto}body .reference-app .reference-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:8;box-shadow:0 -5px 18px #1d382512;border-radius:13px 13px 0 0}
body .reference-app .reference-top{display:none}body .reference-app .ref-screen{min-height:calc(100vh - 68px)}
 .verification-fields{background:#f5faf6;border:1px solid #dfece1;border-radius:10px;padding:12px;margin:18px 0 20px}.verification-fields label{display:block;color:#55645a;font:500 10px var(--mono);margin:8px 0 5px}.verification-fields label:first-child{margin-top:0}.verification-fields input{width:100%;height:38px;border:1px solid #d9e5db;border-radius:6px;background:#fff;padding:0 10px;color:#28372e;font:12px var(--sans);outline:0}.verification-fields input:focus{border-color:#43a366;box-shadow:0 0 0 2px #e7f5e9}.verification-fields input::placeholder{color:#a4afa7}.verification-error{display:block;color:#c36053;font-size:10px;margin-top:7px;min-height:12px}.verification-meta{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:4px 7px;background:#f5faf6;border:1px solid #e2ede3;border-radius:8px;padding:9px 10px;margin:0 0 14px;font-size:10px}.verification-meta b{font:500 8px var(--mono);color:#7b897f;text-transform:uppercase}.verification-meta span{font-weight:600;color:#304137;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .history-supplier-filter{background:#f7faf7;border:1px solid #e8eee9;border-radius:8px;padding:9px 10px;margin:10px 0 12px}.history-supplier-filter label{display:block;color:#6e7b72;font:500 9px var(--mono);margin-bottom:5px}.history-supplier-filter select{appearance:none;width:100%;border:1px solid #dce6de;border-radius:6px;background:#fff;color:#39463e;padding:10px;font:11px var(--sans);outline:0;background-image:linear-gradient(45deg,transparent 50%,#789080 50%),linear-gradient(135deg,#789080 50%,transparent 50%);background-position:calc(100% - 13px) 14px,calc(100% - 9px) 14px;background-size:4px 4px,4px 4px;background-repeat:no-repeat}
 .verification-hint{display:block;color:#7f8d83;font-size:9px;margin-top:8px}.verification-fields .verification-error{margin-top:4px}
 .supplier-tags{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0 3px}.supplier-tag{border:1px solid #cce2d0;border-radius:14px;background:#eaf7ec;color:#25844a;padding:6px 9px;font:500 10px var(--sans);cursor:pointer}.supplier-tag:hover{background:#d9f0dd;border-color:#9aca9f}
@media(max-width:680px){body .reference-app .ref-home-head{margin-bottom:30px}body .reference-app .ref-home-head h1{font-size:33px}body .reference-app .ref-home-head p:not(.ref-kicker){font-size:15px}body .reference-app .ref-kicker{font-size:11px}body .reference-app .quick-card>span{font-size:12px}body .reference-app .quick-card strong{font-size:29px}body .reference-app .quick-card small{font-size:11px}body .reference-app .ref-action b{font-size:16px}body .reference-app .ref-action small{font-size:12px}body .reference-app .action-icon{font-size:25px}body .reference-app .ref-list-title{font-size:11px;margin-top:32px}body .reference-app .ref-list-title button{font-size:12px}body .reference-app .mini-history>div{padding:14px 0;gap:11px}body .reference-app .mini-history b{font-size:12px}body .reference-app .mini-history small{font-size:11px}body .reference-app .rice-thumb{width:38px;height:38px}body .reference-app .reference-nav{height:74px;padding-top:10px}body .reference-app .reference-nav button{font-size:23px}body .reference-app .reference-nav small{font-size:11px}body .reference-app .verification-fields label{font-size:11px}body .reference-app .verification-fields input{font-size:13px;height:42px}body .reference-app .supplier-tag{font-size:11px;padding:7px 10px}}
body .reference-app .ref-home-head .ref-icon{display:none}body .reference-app .reference-nav{grid-template-columns:repeat(3,1fr)}body .reference-app .reference-nav button[data-go="prepare"]{display:none}
body .reference-app [data-screen="capture"] #photo-frame{height:300px;margin:21px 0 11px}body .reference-app [data-screen="capture"] #photo-frame .tray{width:225px;height:260px;border-radius:13px}
 .info-sheet-backdrop{position:fixed;inset:0;z-index:20;background:#18201d66;display:none;align-items:flex-end;justify-content:center}.info-sheet-backdrop.visible{display:flex}.info-sheet{width:100%;max-width:430px;background:#fff;border-radius:17px 17px 0 0;padding:25px 23px 30px;box-shadow:0 -10px 30px #18201d26;position:relative}.info-sheet-close{position:absolute;right:18px;top:16px;border:0;background:#f2f5f2;border-radius:50%;width:27px;height:27px;font-size:20px;line-height:20px;color:#526057;cursor:pointer}.info-sheet h2{font:600 22px var(--display);letter-spacing:-.6px;margin:10px 0 19px}.info-sheet p{display:flex;align-items:flex-start;gap:12px;border-top:1px solid #edf1ed;margin:0;padding:12px 0;color:#536159;font-size:12px;line-height:1.45}.info-sheet p b{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:50%;background:#e7f5e9;color:#218c4b;font:500 9px var(--mono)}.info-sheet p span{padding-top:3px}
body .reference-app .ref-header .ref-help{display:none}

/* Trust and analysis-state feedback */
.sandbox-banner{display:flex;align-items:flex-start;gap:10px;margin:18px auto 0;padding:11px 14px;width:min(100% - 40px, 760px);border:1px solid #ead9a8;border-radius:9px;background:#fff9e8;color:#6d5724;font-size:11px;line-height:1.4}
.sandbox-banner strong,.sandbox-banner small{display:block}
.sandbox-banner strong{font-weight:700}
.sandbox-banner small{margin-top:2px;color:#816d3f}
.sandbox-dot{width:8px;height:8px;flex:none;margin-top:4px;border-radius:50%;background:#d79422;box-shadow:0 0 0 3px #f8e8bd}
.capture-status{min-height:18px;margin:0 0 10px;color:#6f7e74;font-size:11px;text-align:center}
.capture-status.error{color:#b64f43}
.green-button:disabled,.outline-button:disabled,.primary-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
.reference-main{position:relative}
@media(max-width:680px){
  .sandbox-banner{width:calc(100% - 44px);margin-top:12px;font-size:10px}
  .capture-status{font-size:12px}
}

/* Priority 1 interaction states */
.ref-header .ref-help{display:block!important;cursor:pointer;min-width:32px;min-height:32px;border-radius:50%}
.ref-header .ref-help:hover,.ref-header .ref-help:focus-visible{background:#edf6ef;color:var(--green)}
.capture-tip{cursor:pointer}
.search-box{display:flex!important;align-items:center;gap:8px}
.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:inherit}
.search-box input::placeholder{color:#9aa49e}
.history-search-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.filters{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.filters button{border:1px solid transparent;border-radius:14px;background:transparent;color:#7d8a81;padding:7px 10px;font:500 10px var(--sans);cursor:pointer}
.filters button.active{background:#eaf6ec;color:#25834a;border-color:#cfe6d2}
.full-history>div[hidden]{display:none!important}
.history-result-count{min-height:15px;margin:11px 0 0;color:#89958d;font-size:10px}
.clear-history-filters{border:0;background:none;color:#258b4c;padding:4px 0;margin-top:5px;font:600 10px var(--sans);cursor:pointer}
.history-empty{margin:28px 0;color:#7b8880;font-size:12px;text-align:center}
.report-empty{margin:8px 0;color:#89958d;font-size:10px}
.auth-sheet-backdrop{position:fixed;inset:0;z-index:30;display:flex;align-items:flex-end;justify-content:center;background:#18201d66}
.auth-sheet{position:relative;width:min(100%,430px);padding:28px 23px 32px;border-radius:17px 17px 0 0;background:#fff;box-shadow:0 -10px 30px #18201d26}
.auth-sheet h2{margin:10px 0 5px;font:600 23px var(--display);letter-spacing:-.5px}
.auth-sheet>p{margin:0 0 18px;color:#718077;font-size:12px;line-height:1.45}
.auth-sheet label{display:block;margin:12px 0 5px;color:#536159;font:500 10px var(--mono)}
.auth-sheet input{width:100%;height:42px;border:1px solid #d9e5db;border-radius:6px;padding:0 10px;outline:0;color:#28372e;font:12px var(--sans)}
.auth-sheet input:focus{border-color:#43a366;box-shadow:0 0 0 2px #e7f5e9}
.auth-sheet .green-button{width:100%;margin-top:14px}
.auth-sheet-error{min-height:16px!important;margin:8px 0 0!important;color:#b64f43!important;font-size:11px!important}
.signup-button{border:0;background:none;padding:0;color:var(--green);font:inherit;text-decoration:underline;cursor:pointer}
.forgot-button{cursor:pointer}

/* Accessible visual system */
:root{--success-ink:#176b3d;--success-bg:#e5f4e8;--warning-ink:#7a5416;--warning-bg:#fff1cf;--danger-ink:#9d3f36;--danger-bg:#fbe7e4;--info-ink:#245d76;--info-bg:#e5f1f6}
:focus-visible{outline:3px solid #2d8d59;outline-offset:3px}
button,.history-row,.mini-history>div,.full-history>div,[role="button"]{ -webkit-tap-highlight-color:transparent }
.status.approved,.ok{color:var(--success-ink)!important;background:var(--success-bg)!important}
.status.review,.warn{color:var(--warning-ink)!important;background:var(--warning-bg)!important}
.status.rejected,.bad{color:var(--danger-ink)!important;background:var(--danger-bg)!important}
.approved-card{background:var(--info-bg)!important;color:var(--info-ink)!important}
.approved-card>div{background:#d4e9f1!important;color:var(--info-ink)!important}
.approved-card p{color:#456b7d!important}
.ref-kicker,.eyebrow,.mini-label,.table-head{color:#64766a}
.ref-kicker{font-weight:600}
.breakdown-note{margin:12px 0 0;padding-top:10px;border-top:1px solid #e5ece6;color:#5c6c62;font-size:10px;line-height:1.5}
.breakdown-note strong{display:block;margin-bottom:3px;color:#34493b;font-size:10px}
.ref-screen h2,.ref-screen h3{color:#17251d}
.tips p{color:#2c8050}
.tips p span{color:#516158}
.full-history>div,.mini-history>div{cursor:pointer}
.full-history>div:focus-visible,.mini-history>div:focus-visible{outline:3px solid #2d8d59;outline-offset:3px;border-radius:7px}
.clear-history-filters:focus-visible,.filters button:focus-visible{outline-offset:2px}
.capture-tip{border:0;background:#eef7ef;color:#287749;border-radius:7px;padding:10px 12px;font:500 11px var(--sans)}
.capture-tip:hover,.capture-tip:focus-visible{background:#dfeee2}
.ref-icon{cursor:pointer}
.nav-svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.action-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.status,.mini-history em,.full-history em,.detail-date em,.filters{display:none!important}
.reference-nav button small{font-weight:600}
@media(max-width:680px){
  .breakdown-note{font-size:11px}
  .ref-screen h2{line-height:1.15}
}
 .result-image-button{width:100%;height:42px;border:1px solid #cfe2d2;background:#f2faf3;color:#247f47;border-radius:7px;font:600 11px var(--sans);cursor:pointer;margin:13px 0 8px}.result-image-backdrop{position:fixed;inset:0;z-index:22;background:#18201d88;display:none;align-items:flex-end;justify-content:center}.result-image-backdrop.visible{display:flex}.result-image-modal{width:100%;max-width:430px;max-height:92vh;overflow:auto;background:#fff;border-radius:17px 17px 0 0;padding:24px 20px 30px;position:relative}.result-image-modal h2{font:600 22px var(--display);margin:9px 0 5px}.result-image-modal>p{font-size:11px;color:#718077;margin:0 0 14px}.result-image-modal canvas{width:100%;height:auto;display:block;border-radius:9px;background:#aeb4a8}.analysis-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;margin-top:14px;font-size:9px;color:#5a685e}.analysis-legend span{display:flex;align-items:center;gap:5px}.analysis-legend i{display:inline-block;width:10px;height:10px;border:1px solid #18201d;border-radius:3px}.legend-am{background:#f3cf24}.legend-bb{background:#4b8cf5}.legend-cc{background:#8f62d6}.legend-eb{background:#f18e38}.legend-gs{background:#65b75e}.legend-mc{background:#ee5959}.legend-rj{background:#e387bd}.legend-sd{background:#fafafa}
@media(max-width:680px){body .reference-app .verification-meta{font-size:12px;padding:11px 12px;gap:5px 8px}body .reference-app .verification-meta b{font-size:9px}body .reference-app .verification-meta span{font-size:12px}body .reference-app .detail-date{font-size:12px}body .reference-app .api-breakdown{padding:15px 13px}body .reference-app .api-breakdown-head b{font-size:14px}body .reference-app .api-breakdown-head small{font-size:10px}body .reference-app .peel-index{font-size:21px}body .reference-app .peel-index small{font-size:9px}body .reference-app .breakdown-column>span{font-size:10px}body .reference-app .breakdown-row{font-size:11px;padding:7px 0}body .reference-app .breakdown-row code{font-size:10px}body .reference-app .breakdown-row b{font-size:11px}body .reference-app .breakdown-total{font-size:11px}body .reference-app .breakdown-total b{font-size:11px}body .reference-app .observation>b{font-size:13px}body .reference-app .observation p{font-size:13px;line-height:1.5}}
@media(min-width:900px){body{background:#f1f5f2}body .reference-app{align-items:stretch;background:#f1f5f2}body .reference-app .reference-main{max-width:1180px;min-height:100vh;margin:0 auto;background:#fff;padding-bottom:100px;box-shadow:0 0 40px #1d38250a}body .reference-app .ref-screen{min-height:calc(100vh - 82px);padding:42px 58px 60px}body .reference-app .ref-screen[data-screen="home"]{max-width:860px;margin:auto}body .reference-app .ref-screen[data-screen="prepare"],body .reference-app .ref-screen[data-screen="capture"],body .reference-app .ref-screen[data-screen="sending"],body .reference-app .ref-screen[data-screen="result"],body .reference-app .ref-screen[data-screen="detail"]{max-width:760px;margin:auto}body .reference-app .ref-header{margin-bottom:30px}body .reference-app .ref-home-head{margin-top:14px}body .reference-app .ref-home-head h1{font-size:38px}body .reference-app .quick-card{padding:22px 24px}body .reference-app .quick-card strong{font-size:30px}body .reference-app .ref-action{padding:19px 20px}body .reference-app .mini-history>div{padding:16px 0}body .reference-app .reference-nav{max-width:1180px;height:78px;border-radius:14px 14px 0 0;box-shadow:0 -7px 24px #1d382514}body .reference-app .reference-nav button{font-size:23px}body .reference-app .reference-nav small{font-size:10px}body .reference-app .report-intro h2{font-size:30px}body .reference-app .report-intro>p:last-child{font-size:13px}body .reference-app .report-filters{display:grid;grid-template-columns:repeat(4,1fr);align-items:end;gap:14px;padding:18px}body .reference-app .report-filters .filter-field{margin:0}body .reference-app .report-filters .clear-filters{height:39px;text-align:left}body .reference-app .report-cards{gap:14px;margin-top:18px}body .reference-app .report-cards>div{padding:16px}body .reference-app .report-cards b{font-size:27px}body .reference-app .report-panel{display:inline-block;vertical-align:top;width:calc(50% - 9px);margin-top:18px;margin-right:14px;padding:18px}body .reference-app .report-panel:nth-of-type(3){width:100%;margin-right:0}body .reference-app .report-panel h3{font-size:15px}body .reference-app .report-bar-row{grid-template-columns:135px 1fr 35px;font-size:11px}body .reference-app .report-size-grid{grid-template-columns:repeat(4,1fr)}body .reference-app .report-record{padding:14px 0}body .reference-app .verification-fields{padding:16px}body .reference-app .verification-fields input{height:44px}body .reference-app .capture-art{height:300px}body .reference-app .result-image-modal,body .reference-app .info-sheet{border-radius:17px;margin-bottom:78px}body .reference-app .result-image-backdrop,body .reference-app .info-sheet-backdrop{align-items:center}}
@media(min-width:900px){body .reference-app .report-list{width:100%;margin-right:0}}
@media(min-width:900px){body .reference-app .reference-main{margin-left:250px;margin-right:0;max-width:none;width:calc(100% - 250px);box-shadow:none}body .reference-app .reference-nav{position:fixed!important;left:0!important;top:0!important;bottom:auto!important;transform:none!important;width:250px!important;max-width:none!important;height:100vh!important;border-radius:0!important;border-right:1px solid #e4ebe5;display:flex!important;flex-direction:column!important;align-items:stretch;padding:34px 18px!important;gap:5px;box-shadow:5px 0 20px #1d382508!important}body .reference-app .reference-nav:before{content:'✳  ricecheck';color:#18201d;font:700 18px var(--display);letter-spacing:-.7px;padding:0 14px 38px}body .reference-app .reference-nav button{display:flex!important;align-items:center;gap:13px;width:100%;height:50px;padding:0 14px;border-radius:8px;text-align:left;font-size:21px}body .reference-app .reference-nav button.active{background:#eaf6ec;color:#177b46}body .reference-app .reference-nav button small{display:block;margin:0;font-size:12px;color:inherit}body .reference-app .reference-nav button[data-go="prepare"]{display:none!important}}
@media(min-width:900px){body .reference-app .reference-nav .logout-nav{margin-top:auto;color:#7f8982;border-top:1px solid #edf1ed;border-radius:0;padding-top:18px;height:68px}body .reference-app .reference-nav .logout-nav:hover{color:#bd6658;background:#fff6f4}}
@media(max-width:899px){body .reference-app .reference-nav{grid-template-columns:repeat(4,1fr)}body .reference-app .reference-nav .logout-nav{display:flex!important}}
@media(max-width:899px){body .reference-app{width:100%;align-items:stretch}body .reference-app .reference-main{width:100%;max-width:none;margin:0}body .reference-app .reference-nav{width:100%;max-width:none;grid-template-columns:repeat(4,1fr)}body .reference-app .reference-nav button{min-width:0;padding-left:4px;padding-right:4px}body .reference-app .reference-nav button small{font-size:10px;white-space:nowrap}body .reference-app .reference-nav .logout-nav{color:#7f8982}}
@media(max-width:899px){body .reference-app .reference-nav{left:0;transform:none;width:100vw;max-width:none}body .reference-app .reference-nav .logout-nav{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin:0;padding:9px 4px;color:#7f8982}body .reference-app .reference-nav .logout-nav small{display:block;margin:0}}
body .login-screen .login-proof,body .login-screen .login-footer{display:none}