.demo-shell .lab-study{margin:0}.demo-shell .lab-study img{width:100%;height:auto;display:block}.demo-shell .lab-study figcaption{color:var(--muted);padding:.75rem 0;font-size:.7rem;line-height:1.6}.demo .lab-welcome-study{display:none}.demo .bench-stage:has(.lab-study){padding:0}.demo .bench-stage .lab-study img{aspect-ratio:1;object-fit:cover}.demo .bench-stage .lab-study figcaption{background:#fff;padding:1rem 1.2rem}.demo .lab-processing{margin:1.5rem 0}.lab-processing-head{color:var(--gold);align-items:center;gap:.6rem;font-size:.8rem;display:flex}.lab-processing-head>span:last-child{font-variant-numeric:tabular-nums;margin-left:auto}.lab-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.lab-processing[data-animate=true] .lab-status-dot{animation:1.6s ease-in-out infinite lab-status}.lab-processing[data-complete=true] .lab-status-dot{animation:none}.demo .lab-signal-map{background:linear-gradient(135deg,#fff,#fbf8ee);border-radius:4px;margin:.75rem 0}.lab-signal-map svg{width:100%;display:block;overflow:visible}.lab-signal-track{fill:none;stroke:#d9d0b7;stroke-width:1.2px}.lab-signal circle{fill:#fff;stroke:#d9d0b7;stroke-width:1px}.lab-signal text{fill:#796f58;font:10px var(--body)}.lab-signal.is-ready circle,.lab-signal.is-active circle{stroke:var(--gold);fill:#fcf5df}.lab-signal.is-active text,.lab-signal.is-ready text{fill:var(--gold)}.lab-signal-packet{fill:none;stroke:var(--gold);stroke-width:1.8px;stroke-dasharray:7 93;stroke-dashoffset:100px;opacity:0}.lab-processing[data-animate=true] .lab-signal:is(.is-ready,.is-active) .lab-signal-packet{opacity:.85;animation:2.7s linear infinite lab-transmit;animation-delay:calc(var(--signal) * -.4s)}.lab-processing[data-complete=true] .lab-signal-track{stroke:var(--gold);opacity:.6}.lab-chosen-node{fill:#fff;stroke:#bba46a;stroke-width:1px}.lab-node-label{fill:#766b51;font:11px var(--body)}.lab-node-title{fill:#3b321e;font:15px var(--display)}.lab-result-link{stroke:var(--gold);stroke-width:1px;fill:none}.lab-process-stages{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.lab-process-stages>li{border-bottom:1px solid var(--rule)}.lab-process-stages button{width:100%;min-height:54px;color:var(--warm);text-align:left;cursor:pointer;background:0 0;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.9rem .45rem;font-size:.9rem;transition:background .18s,color .18s;display:grid}.lab-process-stages button:hover,.lab-process-stages li[data-active=true] button{background:var(--lab-soft)}.lab-process-stages button small{color:var(--muted);font-size:.7rem}.lab-stage-number{color:#8c7950;font-variant-numeric:tabular-nums;font-size:.73rem}.lab-stage-number svg{fill:none;width:17px;height:17px;stroke:var(--gold);stroke-width:1.4px}.lab-stage-data{color:var(--muted);margin:-.35rem 0 .9rem 3rem;font-size:.76rem;line-height:1.6}.lab-stage-explanation{min-height:5.5rem;padding:1rem .5rem .5rem}.lab-stage-explanation p{color:var(--muted);margin:0;font-size:.84rem;line-height:1.7}.lab-process-outcome{color:var(--gold);margin:.5rem;font-size:.8rem;line-height:1.65}.lab-photo-processing{border-block:1px solid var(--rule);grid-template-columns:70px minmax(0,1fr);align-items:center;gap:1rem;margin:1rem 0 1.5rem;padding:1rem 0;display:grid}.lab-photo-reader svg{fill:none;width:70px;height:62px;stroke:var(--gold);stroke-width:1.25px}.lab-photo-reader rect{stroke:#c3b17f}.lab-photo-processing[data-animate=true] .lab-photo-beam{animation:1.6s ease-in-out infinite alternate lab-photo-sweep}.lab-photo-processing strong,.lab-inline-processing strong{color:var(--warm);font-size:.9rem;font-weight:500}.lab-photo-processing p{color:var(--gold);margin:.3rem 0;font-size:.84rem}.lab-photo-processing small{color:var(--muted);font-size:.77rem;line-height:1.6;display:block}.lab-photo-phases{gap:5px;margin-top:.65rem;display:flex}.lab-photo-phases i{background:var(--rule);width:27px;height:2px}.lab-photo-phases i[data-ready=true]{background:#bda261}.lab-photo-phases i[data-active=true]{background:var(--gold)}.lab-photo-processing[data-animate=true] .lab-photo-phases i[data-active=true]{animation:1.5s ease-in-out infinite lab-status}.lab-inline-processing{align-items:start;gap:1rem;margin:1.4rem 0;padding:1rem 0;display:flex}.lab-inline-processing p{color:var(--muted);margin:.4rem 0 0;font-size:.82rem;line-height:1.7}.lab-thinking-lines{flex-shrink:0;gap:5px;width:28px;margin-top:.35rem;display:grid}.lab-thinking-lines i{background:var(--gold);transform-origin:0;width:100%;height:2px}.lab-inline-processing[data-animate=true] .lab-thinking-lines i{animation:1.8s ease-in-out infinite lab-thinking}.lab-thinking-lines i:nth-child(2){animation-delay:-.4s}.lab-thinking-lines i:nth-child(3){animation-delay:-.8s}@keyframes lab-transmit{to{stroke-dashoffset:0}}@keyframes lab-status{50%{opacity:.35}}@keyframes lab-photo-sweep{to{transform:translateY(24px)}}@keyframes lab-thinking{50%{opacity:.4;transform:scaleX(.35)}}@media (max-width:1099px){.demo .lab-welcome-study{margin:1.25rem 0 1.5rem;display:block}.demo .lab-welcome-study img{object-fit:cover;object-position:center 50%;height:260px}}@media (max-width:680px){.demo .lab-welcome-study img{height:160px}.lab-signal-map{margin-inline:-.3rem}.lab-process-stages button{grid-template-columns:23px minmax(0,1fr) auto;gap:.5rem;font-size:.83rem}.lab-process-stages button small{font-size:.64rem}.lab-stage-data{margin-left:2.25rem}.lab-photo-processing{grid-template-columns:48px minmax(0,1fr);gap:.65rem}.lab-photo-reader svg{width:48px;height:52px}}@media (prefers-reduced-motion:reduce){.demo-shell .lab-signal-packet{stroke-dasharray:none;opacity:.35;animation:none!important}.demo-shell .lab-status-dot,.demo-shell .lab-photo-beam,.demo-shell .lab-thinking-lines i,.demo-shell .lab-photo-phases i{animation:none!important}}@media print{.lab-signal-packet{animation:none}}.scent-code{background:#fff;flex:none;position:relative}.scent-code-outline{width:100%;height:100%;display:block;position:absolute;inset:0}.scent-code-contour{fill:none;stroke:#223541;stroke-width:2.5px}.scent-code-echo{fill:none;stroke:#93a4af;stroke-width:1px}.scent-code-outline circle{fill:#223541}.scent-code-qr{background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.share-experience{--social-ink:#223541;--social-muted:#53636d;--social-rule:#d3dcdf;--social-paper:#f5f7f7;color:var(--social-ink);min-width:0;padding-bottom:1rem}.share-experience :is(button,input,textarea,select){font:inherit}.share-experience button{cursor:pointer}.share-experience button:disabled{cursor:default}.share-experience :is(button,a,input,textarea,select):focus-visible{outline:2px solid var(--social-ink);outline-offset:4px}.share-experience ::selection{color:#223541;background:#cbdadd}.share-experience input,.share-experience textarea{caret-color:var(--social-ink)}.share-experience h1{max-width:16ch}.share-experience .scent-card{border:1px solid var(--social-rule);color:var(--social-ink);background:#fff;border-radius:16px;padding:27px 28px 19px;overflow:hidden}.scent-card-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.scent-card-top .element-signature{width:auto}.scent-card-top>span{color:var(--social-muted);letter-spacing:.08em;font-size:.78rem}.share-experience .scent-card-name{color:var(--social-ink);font-family:var(--display,Georgia, serif);letter-spacing:-.025em;overflow-wrap:anywhere;margin:30px 0 9px;font-size:clamp(2.3rem,6vw,3.55rem);font-weight:400;line-height:1.1}.scent-card-description{color:var(--social-muted);margin:0;font-size:.84rem;line-height:1.55}.scent-card-graph{width:100%;max-width:420px;height:auto;margin:11px auto 6px;display:block;overflow:visible}.scent-graph-grid{fill:none;stroke:#7b8d9b;stroke-width:.65px}.scent-graph-profile{fill:#22354114;stroke:#223541;stroke-width:1.7px;transform-origin:210px 175px;animation:.65s ease-out scent-profile-arrive}.scent-graph-point{fill:#223541}.scent-graph-label{fill:#223541;font-family:var(--body,Arial, sans-serif);font-size:12.5px}.scent-graph-value{fill:#53636d;font-family:var(--body,Arial, sans-serif);font-size:10.5px}.scent-card-footer{border-top:1px solid var(--social-rule);grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:16px;padding-top:17px;display:grid}.share-experience .scent-card-signal h3{color:var(--social-ink);font-family:var(--body,Arial, sans-serif);margin:0 0 7px;font-size:.8rem;font-weight:400}.scent-card-signal p{color:var(--social-muted);max-width:31ch;margin:2px 0 0;font-size:.75rem;line-height:1.65}.scent-card-qr{color:var(--social-ink);text-align:center;text-decoration:none;display:block}.scent-card-qr .styled-qr{color:var(--social-ink);background:0 0}.scent-card-qr>a{color:var(--social-ink);justify-content:center;align-items:center;min-height:35px;font-size:.75rem;line-height:1.5;text-decoration:none;display:flex}.scent-card-qr>a:hover{text-underline-offset:4px;text-decoration:underline}.scent-card .scent-card-qr a:focus-visible{outline-color:var(--social-ink);border-radius:2px}.scent-card-caption{color:var(--social-muted);margin:21px 0 0;font-size:.65rem;line-height:1.5}.share-status{color:var(--social-muted);max-width:62ch;margin:14px 0 17px;font-size:.81rem;line-height:1.65}.share-card-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.share-experience :is(.social-primary,.social-secondary){border:1px solid var(--social-ink);text-align:center;border-radius:4px;justify-content:center;align-items:center;min-height:46px;padding:12px 19px;font-size:.86rem;line-height:1.35;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.share-experience .social-primary{background:var(--social-ink);color:#fff}.share-experience .social-primary:hover:not(:disabled){background:#3c5665;border-color:#3c5665}.share-experience .social-secondary{color:var(--social-ink);background:0 0}.share-experience .social-secondary:hover:not(:disabled){background:#e8eff1}.share-experience :is(.social-primary,.social-secondary):disabled{color:#667681;background:#e9eef0;border-color:#d3dcdf}.share-experience .social-text-button{color:var(--social-ink);text-align:left;text-underline-offset:4px;background:0 0;border:0;min-height:44px;padding:9px 3px;font-size:.82rem;line-height:1.5;-webkit-text-decoration:underline #96a5ae;text-decoration:underline #96a5ae}.share-experience .social-text-button:hover{text-decoration-color:currentColor}.social-notice{color:var(--social-ink);min-height:1.3em;margin:7px 0 0;font-size:.8rem;line-height:1.6}.social-copy-field{gap:8px;margin-top:15px;font-size:.85rem;display:grid}.share-experience .social-account-toggle{border:solid var(--social-rule);color:var(--social-ink);font-family:var(--display,Georgia, serif);text-align:left;background:0 0;border-width:1px 0;justify-content:space-between;align-items:center;gap:15px;width:100%;min-height:70px;margin-top:22px;padding:14px 0;font-size:clamp(1.25rem,4vw,1.6rem);line-height:1.3;display:flex}.social-account-toggle>span:last-child{font-family:var(--body,Arial, sans-serif);font-size:1.4rem}.social-account{padding-top:29px;animation:.2s ease-out social-account-arrive}.social-account [hidden]{display:none}.share-experience .social-account h2{font-family:var(--display,Georgia, serif);letter-spacing:-.025em;margin:0 0 26px;font-size:clamp(1.9rem,5vw,2.5rem);font-weight:400;line-height:1.15}.share-experience .social-account :is(h2,h3):focus{outline:none}.social-person{align-items:center;gap:13px;margin:0 0 22px;display:flex}.social-avatar{color:var(--social-ink);font-family:var(--display,Georgia, serif);background:#e1e9ec;border-radius:50%;flex:0 0 48px;justify-content:center;align-items:center;height:48px;font-size:1.15rem;display:inline-flex}.social-person>div{min-width:0}.social-person strong{overflow-wrap:anywhere;font-size:.96rem;font-weight:500}.social-person p{color:var(--social-muted);margin:3px 0 0;font-size:.76rem;line-height:1.6}.social-count{font-family:var(--display,Georgia, serif);text-align:right;margin-left:auto;padding-left:8px;font-size:1.85rem}.social-count small{color:var(--social-muted);font-family:var(--body,Arial, sans-serif);white-space:nowrap;font-size:.68rem;display:block}.social-local-label{color:var(--social-ink);margin:0 0 4px;font-size:.78rem;font-weight:500}.share-experience .social-hint{color:var(--social-muted);margin:4px 0 0;font-size:.8rem;line-height:1.7}.social-inline-link{color:var(--social-ink);text-underline-offset:4px;padding-block:11px;font-size:.84rem;line-height:1.6;-webkit-text-decoration:underline #96a5ae;text-decoration:underline #96a5ae;display:inline-block}.social-inline-link:hover{text-decoration-color:currentColor}.social-tabs{border-bottom:1px solid var(--social-rule);gap:25px;margin-top:23px;display:flex}.share-experience .social-tabs button{color:var(--social-muted);background:0 0;border:0;border-bottom:2px solid #0000;min-height:49px;padding:13px 0;font-size:.88rem}.share-experience .social-tabs button[aria-selected=true]{border-bottom-color:var(--social-ink);color:var(--social-ink)}.social-memory-panel,.social-friends-panel{padding-top:24px}.share-experience .social-account h3{font-family:var(--body,Arial, sans-serif);margin:0;font-size:.94rem;font-weight:500;line-height:1.5}.social-memory-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.share-experience :is(input,textarea,select){color:var(--social-ink);background:#fff;border:1px solid #9aaab3;border-radius:3px;min-height:44px;padding:11px 12px;font-size:.88rem;line-height:1.5}.share-experience :is(input,textarea){width:100%;min-width:0}.share-experience input:focus,.share-experience textarea:focus,.share-experience select:focus{border-color:var(--social-ink)}.share-experience textarea{resize:vertical}.share-experience textarea::placeholder{color:#5b6b75;opacity:1}.social-memory-toolbar select{max-width:55%;font-size:.75rem}.social-memory-empty{color:var(--social-muted);font-family:var(--display,Georgia, serif);max-width:35ch;margin:26px 0 31px;font-size:1.2rem;line-height:1.5}.social-memories,.social-friends{margin:14px 0 0;padding:0;list-style:none}.social-memories>li,.social-friends>li{border-bottom:1px solid var(--social-rule)}.share-experience .social-memory-row{color:var(--social-ink);text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto 12px;align-items:center;gap:15px;width:100%;min-height:78px;padding:14px 0;display:grid}.social-memory-row strong,.social-friend-row strong{overflow-wrap:anywhere;font-size:.93rem;font-weight:500;display:block}.social-memory-row small,.social-friend-row small{color:var(--social-muted);margin-top:4px;font-size:.75rem;line-height:1.5;display:block}.social-memory-row>span:nth-child(2){color:var(--social-muted);font-size:.73rem}.social-memory-row>span:last-child,.social-friend-row>span:last-child{font-size:1.2rem}.social-memory-detail{background:var(--social-paper);margin-bottom:14px;padding:18px}.social-memory-detail>p{overflow-wrap:anywhere;white-space:pre-wrap;margin:0 0 17px;font-size:.9rem;line-height:1.7}.social-family-bands{margin:8px 0 14px;padding:0;list-style:none}.social-family-bands li{grid-template-columns:64px minmax(0,1fr) 39px;align-items:center;gap:10px;min-height:28px;font-size:.74rem;display:grid}.social-family-bands li>span:last-child{color:var(--social-muted);text-align:right;font-size:.68rem}.social-family-track{background:#d6e0e4;height:4px;display:block}.social-family-track i{background:var(--social-ink);height:4px;display:block}.social-memory-form{border-top:1px solid var(--social-rule);margin-top:30px;padding-top:26px}.social-memory-form-heading{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.social-memory-form>label,.social-memory-save label{gap:8px;margin-top:20px;font-size:.8rem;display:grid}.social-memory-save{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;display:flex}.social-memory-save select{min-width:150px}.social-memory-save .social-primary{margin-bottom:0}.share-experience .social-friend-row{color:var(--social-ink);text-align:left;background:0 0;border:0;grid-template-columns:44px minmax(0,1fr) 12px;align-items:center;gap:13px;width:100%;min-height:88px;padding:16px 0;display:grid}.social-friend-row .social-avatar{flex-basis:44px;width:44px;height:44px}.social-friend-detail{padding:0 0 22px 57px}.social-friend-detail>p{color:var(--social-muted);margin:0 0 14px;font-size:.8rem}.social-friend-detail>p strong{color:var(--social-ink);font-family:var(--display,Georgia, serif);margin-right:5px;font-size:1.6rem;font-weight:400}.social-planned{border-top:1px solid var(--social-rule);margin-top:27px;padding-top:23px}.social-planned>p{color:var(--social-muted);margin:8px 0 2px;font-size:.82rem;line-height:1.7}.social-founder{border-top:1px solid var(--social-rule);margin-top:27px;padding-top:24px}.social-founder>.social-hint{margin-top:10px}.social-match{margin-top:20px}.social-match>p:first-child{flex-wrap:wrap;align-items:baseline;gap:10px;margin:0 0 7px;display:flex}.social-match>p:first-child strong{font-family:var(--display,Georgia, serif);font-size:2.4rem;font-weight:400;line-height:1.1}.social-match>p:first-child span{font-size:.76rem}.social-match>p:nth-child(2){margin:0;font-size:.88rem;line-height:1.7}.share-experience .social-scan{margin-top:12px}.social-scan-hint{padding-bottom:12px}@keyframes scent-profile-arrive{0%{transform:scale(.94)}}@keyframes social-account-arrive{0%{transform:translateY(5px)}}@media (max-width:440px){.share-experience .scent-card{border-radius:12px;padding:23px 20px 17px}.scent-card-name{margin-top:25px}.scent-card-description{font-size:.77rem}.scent-card-footer{grid-template-columns:minmax(0,1fr);gap:13px}.scent-card-qr{justify-self:center}.scent-card-signal p{max-width:42ch;font-size:.75rem;line-height:1.55}.scent-card-caption{font-size:.62rem}.share-card-actions{grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.share-card-actions>.social-text-button{grid-column:1/-1;justify-self:start}.share-experience .social-primary,.share-experience .social-secondary{padding-inline:12px;font-size:.8rem}.social-friend-detail{padding-left:0}.social-memory-detail{padding:16px 13px}.social-memory-toolbar{gap:8px}.social-memory-toolbar select{padding-inline:8px}.social-count{font-size:1.6rem}}@media (max-width:350px){.share-experience .scent-card{padding-inline:16px}.scent-card-footer{gap:2px}.social-person{gap:9px}.social-avatar{flex-basis:40px;height:40px}.social-memory-row{gap:8px}}@media (prefers-reduced-motion:reduce){.scent-graph-profile,.social-account{animation:none}.share-experience :is(button,a){transition:none}}.delivery-preview{color:#223541;min-width:0;padding-bottom:1rem}.delivery-preview h1{max-width:15ch}.delivery-preview .demo-lead{margin-bottom:1rem}.delivery-notice{color:#53636d;margin:0 0 1.5rem;font-size:.82rem;line-height:1.6}.delivery-product{background:#f5f7f7;border:1px solid #d3dcdf;border-radius:6px;grid-template-columns:minmax(0,153px) minmax(0,1fr);align-items:center;gap:1.2rem;margin-bottom:1.8rem;padding:1.25rem;display:grid}.delivery-product .element-signature{max-width:100%}.delivery-product h2{font-family:var(--display);margin:.35rem 0 .6rem;font-size:1.7rem;font-weight:400;line-height:1.15}.delivery-product p{color:#53636d;margin:0;font-size:.82rem;line-height:1.6}.delivery-product .delivery-volume{color:#223541;font-variant-numeric:tabular-nums;font-size:.9rem}.delivery-form-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.2rem;display:flex}.delivery-form-heading h2,.delivery-address-summary h2{font-family:var(--display);margin:0;font-size:1.6rem;font-weight:400;line-height:1.25}.delivery-preview button,.delivery-preview input,.delivery-preview select{font-family:var(--body)}.delivery-form-heading button{color:#223541;cursor:pointer;background:#fff;border:1px solid #7b8d9b;border-radius:4px;min-height:44px;padding:.6rem .85rem;font-size:.82rem}.delivery-example-note{color:#53636d;margin:.65rem 0 1.25rem;font-size:.79rem;line-height:1.6}.delivery-fields{gap:1rem;display:grid}.delivery-fields label{color:#223541;gap:.45rem;font-size:.84rem;line-height:1.5;display:grid}.delivery-fields :is(input,select){color:#223541;background:#fff;border:1px solid #7b8d9b;border-radius:4px;width:100%;min-width:0;min-height:48px;padding:.7rem .85rem;font-size:1rem;line-height:1.5}.delivery-fields input::placeholder{color:#657984}.delivery-region{color:#53636d;border-bottom:1px solid #d3dcdf;justify-content:space-between;align-items:center;gap:1rem;min-height:44px;margin:0;padding:.45rem 0;font-size:.84rem;line-height:1.5;display:flex}.delivery-region strong{color:#223541;font-weight:500}.delivery-gate{color:#53636d;margin:1.25rem 0 .6rem;font-size:.8rem;line-height:1.6}.delivery-submit{color:#fff;cursor:pointer;background:#223541;border:1px solid #223541;border-radius:4px;width:100%;min-height:54px;padding:.85rem 1.1rem;font-size:.94rem;line-height:1.4}.delivery-submit:disabled{color:#53636d;cursor:not-allowed;background:#eef2f5;border-color:#d3dcdf}.delivery-preview :is(button,a,input,select):focus-visible{outline-offset:4px;outline:2px solid #223541}.delivery-preview :is(button,a){transition:background .15s,border-color .15s,color .15s}.delivery-preview button:hover:not(:disabled){border-color:#223541}.delivery-submit:hover:not(:disabled){background:#142733;border-color:#142733}.delivery-estimate{background:#f5f7f7;border:1px solid #d3dcdf;border-radius:6px;gap:.5rem;margin-bottom:1.5rem;padding:1.25rem;display:grid}.delivery-estimate p{color:#53636d;margin:0;font-size:.82rem}.delivery-estimate strong{font-family:var(--display);font-size:1.65rem;font-weight:400;line-height:1.25}.delivery-estimate small{color:#53636d;font-size:.79rem;line-height:1.6}.delivery-address-summary{border-bottom:1px solid #d3dcdf;margin-bottom:1.4rem;padding-bottom:1.4rem}.delivery-address-summary address{color:#53636d;overflow-wrap:anywhere;gap:.2rem;margin-top:.8rem;font-size:.9rem;font-style:normal;line-height:1.6;display:grid}.delivery-final-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.delivery-final-actions :is(button,a){color:#223541;cursor:pointer;text-align:center;background:#fff;border:1px solid #7b8d9b;border-radius:4px;justify-content:center;align-items:center;min-height:48px;padding:.7rem;font-size:.87rem;line-height:1.5;text-decoration:none;display:flex}.delivery-final-actions :is(button,a):hover{background:#f5f7f7;border-color:#223541}@media (max-width:480px){.delivery-product{grid-template-columns:minmax(0,1fr);gap:.75rem;padding:1rem}.delivery-product h2{font-size:1.6rem}.delivery-final-actions{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.delivery-preview :is(button,a){transition:none}}.demo .demo-actions{background:linear-gradient(#08080600, var(--ink) 1.2rem)}.demo-readings{border-top:1px solid var(--rule);margin:0}.demo .demo-readings+.demo-facts{border-top:0}.demo-readings>.demo-label{margin:1.2rem 0 .2rem}.demo-gauge{border-bottom:1px solid var(--rule);padding:1rem 0 1.1rem}.demo-gauge p{margin:0}.demo-gauge-head{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.72rem;display:flex}.demo-gauge-value{font-family:var(--display);margin-top:.2rem;font-size:1.35rem;line-height:1.3}.demo-gauge-scale{--at:.5;margin-top:.4rem;padding-top:1.5rem;position:relative}.demo-gauge-here{color:var(--gold);left:clamp(2.6rem, calc(var(--at) * 100%), calc(100% - 2.6rem));letter-spacing:.06em;white-space:nowrap;font-size:.7rem;position:absolute;top:0;transform:translate(-50%)}.demo-gauge-pin{border-left:1px dashed var(--gold);height:calc(.45rem + 6px);left:calc(var(--at) * 100%);position:absolute;top:1.05rem}.demo-gauge-pin:after{background:var(--gold);border:2px solid var(--ink);box-sizing:content-box;content:"";width:8px;height:8px;position:absolute;top:100%;left:-6px}.demo-gauge-track,.demo-gauge-zones{gap:3px;display:grid}.demo-gauge-track span{background:#f1eadc24;height:6px;margin-top:4px}.demo-gauge-track span.is-on{background:#d8a4438c}.demo-gauge-zones span{border-left:1px solid var(--rule);color:var(--muted);margin-top:.45rem;padding:.1rem 0 0 .4rem;font-size:.74rem}.demo-gauge-zones span.is-on{border-color:var(--gold);color:var(--warm)}.demo-lean{gap:.35rem;max-width:26rem;margin-top:.8rem;display:grid}.demo-lean>div{grid-template-columns:5.5rem 1fr;align-items:center;display:grid}.demo-lean>div span{color:var(--muted);font-size:.8rem}.demo-lean>div i{--at:.5;background:linear-gradient(#f1eadc29,#f1eadc29) 50%/100% 1px no-repeat;height:12px;display:block;position:relative}.demo-lean>div i:after{background:var(--gold);content:"";height:8px;left:calc(var(--at) * (100% - 8px));width:8px;position:absolute;top:2px}.demo-lean small{color:var(--muted);justify-content:space-between;margin-left:5.5rem;font-size:.7rem;display:flex}.demo-bench{display:none}@media (min-width:1100px){.demo{grid-template-columns:10rem minmax(380px,560px) minmax(280px,500px);justify-content:center}.demo-rail{justify-self:start}.demo-bench{align-self:start;min-width:0;height:calc(100svh - 82px);max-height:860px;padding:calc(82px + 1.4rem) 0 2rem;display:block;position:sticky;top:82px}}.bench-plate{background:linear-gradient(170deg, #12110d, var(--carbon) 60%);border:1px solid var(--rule);flex-direction:column;height:100%;margin:0;animation:.6s cubic-bezier(.16,1,.3,1) both bench-in;display:flex;position:relative}@keyframes bench-in{0%{clip-path:inset(0 0 100%);opacity:.4}to{clip-path:inset(0);opacity:1}}.bench-plate .demo-frame-corners{--c:#d8a443b3}.bench-plate>figcaption{border-top:1px solid var(--rule);color:var(--muted);letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:.6rem;padding:.85rem 1.1rem;font-size:.72rem;display:flex}.bench-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.2rem;min-height:0;padding:clamp(1.4rem,2.6vw,2.6rem);display:flex}.bench-stage>.demo-gauge{border:0;align-self:stretch;padding:0}.bench-photo{object-fit:contain;flex:0 auto;width:auto;max-width:100%;height:auto;min-height:0;max-height:100%;display:block}.bench-lid{width:100%}.bench-mark{opacity:.9;width:min(220px,60%)}.bench-empty{color:var(--muted);font-family:var(--display);text-align:center;max-width:18rem;margin:0;font-size:1.25rem;line-height:1.4}.bench-tags{align-self:stretch}.bench-tags .demo-tags{gap:.55rem}.bench-tags .demo-tags li{letter-spacing:.06em;padding:.45rem .8rem;font-size:.92rem}.bench-smell{align-self:stretch}.bench-smell .demo-label:first-child{margin-top:0}.bench-vials{text-align:center;grid-template-columns:repeat(4,1fr);gap:.8rem;display:grid}.bench-vials small{color:var(--muted);font-size:.74rem;line-height:1.5;display:block}.bench-vials .is-set small:last-child{color:var(--warm)}.bench-vial{border:1px solid var(--rule);width:2.6rem;height:clamp(5rem,14vh,8rem);margin:0 auto .5rem;display:block;position:relative}.bench-vial i{--level:0;transform:scaleY(var(--level));transform-origin:bottom;background:linear-gradient(#d8a443d9,#d8a44373);transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;inset:3px}.bench-letters{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.bench-letters>div{border:1px solid var(--rule);justify-content:space-between;align-items:center;padding:.6rem .8rem;transition:border-color .2s,background .2s;display:flex}.bench-letters .demo-letter{font-size:1.9rem}.bench-letters .is-top{border-color:var(--gold)}.bench-letters .is-pick{background:#d8a4431a}.bench-dots{flex-direction:column-reverse;gap:3px;display:flex}.bench-dots i{background:#f1eadc24;width:14px;height:4px;display:block}.bench-dots i.on{background:var(--gold)}.bench-pipe{width:100%;height:auto;max-height:100%;overflow:visible}.bench-pipe text{fill:var(--muted);font-family:var(--display);font-size:17px;transition:fill .3s}.bench-pipe path{fill:none;stroke:#f1eadc29;stroke-width:1px}.bench-pipe rect{fill:var(--ink);stroke:var(--muted);stroke-width:1px;transition:fill .3s,stroke .3s}.bench-pipe g.is-on text{fill:var(--warm)}.bench-pipe g.is-on rect{fill:var(--gold);stroke:var(--gold)}.bench-pipe g.is-on path{stroke:var(--gold);stroke-dasharray:1;stroke-dashoffset:1px;animation:.9s cubic-bezier(.16,1,.3,1) forwards bench-draw}.bench-pipe g.is-skipped path{stroke-dasharray:.02 .02}@keyframes bench-draw{to{stroke-dashoffset:0}}.bench-pipe image{opacity:.35;transition:opacity .6s,filter .6s}.bench-pipe image.is-on{filter:drop-shadow(0 0 12px #d8a44373);opacity:1}.bench-evidence{flex:1;grid-auto-rows:minmax(0,1fr);align-self:stretch;gap:1rem;min-height:0;display:grid}.bench-evidence figure{flex-direction:column;gap:.5rem;min-height:0;margin:0;display:flex}.bench-evidence img{border:1px solid var(--rule);object-fit:contain;background:#050504;flex:1;width:100%;min-height:0}.bench-evidence figcaption{color:var(--muted);justify-content:space-between;align-items:center;gap:.6rem;font-size:.78rem;display:flex}@media (prefers-reduced-motion:reduce){.bench-plate,.bench-pipe g.is-on path{animation:none}.bench-pipe g.is-on path{stroke-dasharray:none}.bench-vial i,.bench-pipe image,.bench-pipe text,.bench-pipe rect{transition:none}}.demo-shell{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#fff;--carbon:#f5f7f9;--warm:#162c3a;--muted:#596b78;--gold:#223541;--rule:#dce4e9;--lab-control:#7b8d9b;--lab-soft:#edf2f6;--lab-accent-mid:#536f83;--lab-ease:cubic-bezier(.16,1,.3,1);background:var(--ink);color:var(--warm);min-height:100dvh}body:has(.demo-shell){background:#fff}html:has(.demo-shell){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scrollbar-color:#7a8b98 #f5f7f9;scrollbar-width:thin;background:#fff}html:has(.demo-shell)::-webkit-scrollbar{width:10px}html:has(.demo-shell)::-webkit-scrollbar-track{background:#f5f7f9}html:has(.demo-shell)::-webkit-scrollbar-thumb{background:#7a8b98;border:2px solid #f5f7f9;border-radius:6px}.demo-shell ::selection{color:var(--warm);background:#d5e4ef}.demo-shell :is(input,textarea){caret-color:var(--gold)}.demo-shell a{text-underline-offset:.22em}.demo-shell .site-header{border-color:var(--rule);color:var(--warm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5}.demo-shell .site-header .element-signature{color:var(--gold)}.demo-shell .language-options{background:#fff;box-shadow:0 10px 30px #22354114}.demo-shell .language-options button:hover{background:var(--lab-soft)}.demo-shell :is(button,a,input,textarea,select,summary):focus-visible{outline:2px solid var(--gold);outline-offset:4px}.demo-shell .demo{background:#fff;grid-template-columns:9rem minmax(0,580px) minmax(0,360px);justify-content:center;gap:0 clamp(1.8rem,4vw,3.8rem);min-height:100dvh;padding:82px clamp(1.25rem,3vw,3rem) 0}.demo .demo-column{min-height:calc(100dvh - 82px)}.demo .demo-rail{letter-spacing:0;justify-self:start;width:100%;padding-top:7.4rem;font-size:.82rem}.demo .demo-rail li{opacity:1;gap:.7rem;min-height:43px}.demo .demo-rail li span{color:#697b88;font-family:var(--body);justify-content:center;align-items:center;width:1.3rem;font-size:.7rem;display:inline-flex}.demo .demo-rail li.is-done{color:var(--muted)}.demo .demo-rail li.is-done span{color:var(--gold)}.demo .demo-rail li.is-current{border-left:1px solid var(--gold);color:var(--gold);margin-left:-.9rem;padding-left:.8rem;font-weight:700}.demo .demo-rail li.is-current span{color:var(--gold)}.demo .demo-bar{background:#fffffff7;gap:0 .8rem;padding:.85rem 0 1rem}.demo .demo-bar p{letter-spacing:0;font-size:.85rem}.demo .demo-count{letter-spacing:0;font-size:.78rem}.demo .demo-back{border-color:var(--lab-control);border-radius:50%}.demo .demo-back:disabled{opacity:.35}.demo .demo-progress{background:#e6edf2;height:3px}.demo .demo-screen{padding-top:1.8rem}.demo h1{color:var(--warm);text-wrap:balance;margin-bottom:1.1rem;font-size:clamp(2.15rem,4.4vw,3.45rem);font-weight:400;line-height:1.12}.demo .demo-lead{color:#465e6f;font-size:1rem;line-height:1.65}.demo .demo-wordmark{color:var(--gold);font-family:var(--display);letter-spacing:-.02em;flex-wrap:wrap;align-items:baseline;gap:.7rem;margin:0 0 1.6rem;font-size:1.55rem;display:flex}.demo-wordmark span{color:var(--muted);font-family:var(--body);letter-spacing:.025em;font-size:.72rem}.demo .demo-eyebrow,.demo .demo-label{letter-spacing:.015em;text-transform:none;font-size:.8rem;font-weight:400}.demo .demo-label{margin-top:1.8rem}.demo .demo-modes .demo-label{margin-top:1.2rem}.demo .demo-modes{gap:.7rem}.demo .demo-option{border-color:var(--lab-control);background:#fff;border-radius:6px;min-height:78px;padding:1rem 1.05rem}.demo .demo-option:has(input:checked){background:var(--lab-soft);border-color:var(--gold)}.demo .demo-option strong{color:var(--warm);font-family:var(--body);font-size:.95rem;font-weight:600}.demo .demo-option small{line-height:1.5}.demo .demo-context-note{background:var(--carbon);border:1px solid var(--rule);color:var(--muted);border-radius:4px;margin:1.1rem 0 1.6rem;padding:.8rem 1rem;font-size:.83rem;line-height:1.65}.demo .demo-measures{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem 1.6rem;padding-top:.3rem;display:grid}.demo .demo-measures li{border:0;grid-template-columns:1.2rem 1fr;gap:.35rem .6rem;padding:0}.demo .demo-measures span{font-family:var(--body);padding-top:.22rem;font-size:.7rem}.demo .demo-measures strong{font-family:var(--body);font-size:.9rem;font-weight:600}.demo .demo-measures p{font-size:.81rem}.demo .demo-field input{border-color:var(--lab-control);background:#fff;border-radius:4px}.demo .demo-field input::placeholder{color:#647887}.demo .demo-field input:focus{outline:2px solid var(--gold);outline-offset:2px}.demo .demo-checklist{border:0;gap:.65rem;display:grid}.demo .demo-checklist li{border:1px solid var(--rule);background:#fff;border-radius:5px;padding:.2rem 1rem}.demo .demo-checklist li:has(input:checked){background:var(--lab-soft);border-color:#7b92a3}.demo .demo-check-row{padding-block:.8rem;font-size:.92rem}.demo .demo-completion{color:var(--muted);align-items:center;gap:.5rem;margin:1rem 0;font-size:.8rem;display:flex}.demo .demo-completion.is-complete{color:var(--gold)}.demo .demo-steps{margin:1.1rem 0 1.8rem}.demo .demo-steps li{grid-template-columns:1.6rem 1fr;gap:.7rem;padding-block:.3rem}.demo .demo-steps>li>span{background:var(--lab-soft);font-family:var(--body);border:0;border-radius:50%;width:1.6rem;height:1.6rem;margin-top:.75rem;font-size:.7rem}.demo .demo-steps .demo-check{gap:.6rem;padding-block:.6rem;font-size:.9rem}.demo .demo-steps .demo-check input{flex-basis:18px;width:18px;height:18px}.demo .demo-steps>li>p{margin:.55rem 0;font-size:.9rem}.demo .demo-tutorial{background:var(--carbon);border:1px solid var(--rule);border-radius:6px;margin:1.4rem 0;overflow:hidden}.demo-tutorial summary{color:var(--gold);cursor:pointer;padding:.85rem 1rem;font-size:.88rem}.demo-tutorial summary span{color:var(--muted);margin:.3rem 0 0 1.1rem;font-size:.76rem;line-height:1.5;display:block}.demo-tutorial>div{border-top:1px solid var(--rule);padding:.8rem}.demo-tutorial video{background:#eef2f5;border-radius:3px;width:100%;display:block}.demo-tutorial p{color:var(--muted);margin:.65rem .2rem .1rem;font-size:.76rem;line-height:1.55}.demo .demo-board-reference{border-top:1px solid var(--rule);margin:1.5rem 0 0;padding-top:1.2rem}.demo-board-reference img{width:100%;max-width:370px;height:auto;margin-inline:auto;display:block}.demo-board-reference figcaption{color:var(--muted);gap:.3rem;margin-top:1rem;font-size:.78rem;line-height:1.55;display:grid}.demo-board-reference figcaption strong{color:var(--warm);font-weight:500}.demo .demo-frame{aspect-ratio:1543/1254;background:var(--carbon);border:1px solid var(--rule);border-radius:4px}.demo .demo-photo-empty{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;padding:1.5rem;display:flex}.demo .demo-photo-empty p{color:var(--muted);max-width:28ch;margin:0;font-size:.86rem;line-height:1.6}.demo .bench-photo.demo-photo-landscape{flex:none;width:100%;height:auto;max-height:none}.demo .demo-frame>svg{color:#fff}.demo .demo-frame-corners{--c:var(--gold)}.demo .demo-problem{color:#8a343b;background:#fbf6f6;border:1px solid #d8bfc0;border-radius:4px;padding:.6rem .8rem}.demo .demo-reading{background:var(--carbon);border:1px solid var(--rule);border-radius:4px;padding:1.1rem}.demo .demo-reading-head{color:var(--gold)}.demo .demo-badge{color:#566d7d;letter-spacing:.01em;text-transform:none;background:#fff;border-color:#cad8e1;font-size:.68rem}.demo .demo-ph dt{letter-spacing:0;text-transform:none}.demo .demo-scale span{background:#e5ecf1}.demo .demo-scale span.on{background:var(--gold)}.demo .demo-tags li{background:var(--lab-soft);color:#344f65;letter-spacing:0;overflow-wrap:anywhere;border-color:#c6d8e5;border-radius:3px;font-size:.8rem}.demo .demo-chips button{border-color:var(--lab-control);border-radius:5px;font-size:.95rem}.demo .demo-chips button[aria-pressed=true],.demo .demo-picks button[aria-pressed=true]{background:var(--lab-soft);color:var(--gold)}.demo .demo-segments{gap:4px}.demo .demo-segments button{border:1px solid var(--lab-control);background:#fff;border-radius:4px;font-size:.8rem}.demo .demo-segments button+button{border-left:1px solid var(--lab-control)}.demo .demo-segments button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#fff}.demo .demo-base{background:#fff;border-radius:6px;gap:1rem 1.1rem;padding:1.2rem}.demo .demo-base .demo-letter{grid-row:span 2;padding-top:.2rem}.demo-rating{border:0;min-width:0;margin:0;padding:0;display:grid}.demo-rating legend{width:100%;margin-bottom:.55rem;padding:0;font-size:.84rem}.demo-rating output{color:var(--gold);float:right;font-size:.82rem}.demo-rating>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;display:grid}.demo-rating button{border:1px solid var(--lab-control);color:var(--warm);cursor:pointer;background:#f6f9fb;border-radius:4px;min-width:44px;min-height:44px}.demo-rating button:hover{border-color:var(--gold)}.demo-rating button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#fff}.demo-rating small{color:var(--muted);justify-content:space-between;margin-top:.3rem;font-size:.69rem;line-height:1.5;display:flex}.demo .demo-picks button{border-color:var(--lab-control);border-radius:6px}.demo .demo-picks button[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--gold)}.demo .demo-ring-track{stroke:#e6edf2}.demo .demo-breath span{background:#f0f5f8;border-color:#a9bac7}.demo .demo-build p span:last-child{letter-spacing:0;text-transform:none}.demo .demo-build-bar{background:#e6edf2}.demo .demo-build li:not(.is-ready):not(.is-skipped) .demo-build-bar:after{background:linear-gradient(90deg,#0000,#7591a5,#0000)}.demo .demo-graph{background:var(--carbon);border-radius:6px;padding:1.2rem}.demo .demo-graph figcaption{letter-spacing:0;text-transform:none}.demo .demo-graph-track{fill:#e8eef3}.demo .demo-graph-bar{fill:#6b8192}.demo .demo-graph-bar.is-changed{fill:var(--gold)}.demo .demo-facts dt{letter-spacing:0;text-transform:none}.demo .demo-actions{background:linear-gradient(#fff0,#fff 1.2rem);gap:.55rem;padding-top:1.3rem}.demo .demo-note{padding:.2rem .3rem;font-size:.78rem;line-height:1.5}.demo .demo-primary,.demo .demo-secondary{font-family:var(--body);letter-spacing:0;border-radius:4px;font-size:.94rem;font-weight:500}.demo .demo-primary{color:#fff;min-height:54px}.demo .demo-primary:hover:not(:disabled):not([aria-disabled=true]){background:#142733;border-color:#142733}.demo .demo-primary:disabled,.demo .demo-primary[aria-disabled=true]{color:var(--muted);cursor:not-allowed;background:#eef2f5;border-color:#dce4e9}.demo .demo-secondary{border-color:var(--lab-control);color:var(--warm);background:#fff;min-height:47px}.demo .demo-secondary:hover:not(:disabled):not([aria-disabled=true]){background:var(--carbon);border-color:var(--gold)}.demo .demo-secondary:disabled,.demo .demo-secondary[aria-disabled=true]{border-color:var(--rule);color:var(--muted);cursor:not-allowed;opacity:1}.demo .demo-card{background:#f5f8fb;border-color:#c8d6df;border-radius:6px}.demo .demo-perfumer{border-left:0;padding-left:0}.demo .demo-label-art{color:var(--gold)}.demo .demo-emblem{filter:saturate(.25)}.demo .demo-emblem.is-working{animation:none}.demo .demo-gauge-head{letter-spacing:0;text-transform:none;font-size:.8rem}.demo .demo-gauge-track span{background:#e5ecf1}.demo .demo-gauge-track span.is-on{background:var(--lab-accent-mid)}.demo .demo-lean>div i{background:linear-gradient(#d2dfe8,#d2dfe8) 50%/100% 1px no-repeat}.demo .demo-bench{height:calc(100dvh - 82px);max-height:790px;padding:6.9rem 0 2rem}.demo .bench-plate{border:1px solid var(--rule);background:#f5f7f9;border-radius:6px;overflow:hidden}.demo .bench-plate>.demo-frame-corners{display:none}.demo .bench-plate>figcaption{letter-spacing:0;text-transform:none;padding:1rem;font-size:.76rem;line-height:1.5}.demo .bench-stage{padding:1.2rem}.demo .bench-mark{filter:saturate(.25);width:min(150px,50%)}.demo .bench-signature{color:var(--warm);font-size:clamp(2.2rem,3.5vw,3rem)}.demo .bench-tags .demo-tags li{letter-spacing:0;padding:.45rem .7rem;font-size:.87rem}.demo .bench-vial{background:#fff;border-color:#b9c9d4;border-radius:3px 3px 10px 10px;width:2.3rem;height:6rem}.demo .bench-vial i{background:linear-gradient(#b8c9d5,#8196a6)}.demo .bench-letters>div{background:#fff;border-radius:4px;padding:.65rem}.demo .bench-letters .is-pick{background:var(--lab-soft)}.demo .bench-dots i{background:#e6edf2}.demo .bench-dots i.on{background:var(--gold)}.demo .bench-pipe path{stroke:#c8d6df}.demo .bench-pipe g.is-on path{stroke:var(--gold)}.demo .bench-pipe image,.demo .bench-pipe image.is-on{filter:saturate(.25)}.demo .bench-evidence img{background:#fff}.demo .lab-signal-map{background:linear-gradient(135deg,#fff,#f2f6f9)}.demo .lab-signal-track,.demo .lab-signal circle{stroke:#c4d2dc}.demo .lab-signal text{fill:var(--muted)}.demo .lab-signal:is(.is-ready,.is-active) circle{fill:var(--lab-soft);stroke:var(--gold)}.demo .lab-signal:is(.is-ready,.is-active) text{fill:var(--gold)}.demo .lab-chosen-node{fill:#fff;stroke:#8197a7}.demo .lab-node-label{fill:var(--muted)}.demo .lab-node-title{fill:var(--warm)}.demo .lab-stage-number{color:#697e8e}.demo .lab-photo-reader rect{stroke:#8fa5b5}.demo .lab-photo-phases i[data-ready=true]{background:#708899}.demo .demo-mic[aria-pressed=true]{color:#9a3f40;border-color:#9a3f40}.demo .demo-vial-photo{--vial-height:180px;aspect-ratio:340/1387;height:var(--vial-height);isolation:isolate;flex:none;display:block;position:relative;overflow:hidden}.demo .demo-vial-photo--small{--vial-height:88px}.demo .demo-vial-photo>img{width:301.177%;max-width:none;height:110.743%;display:block;position:absolute;top:-5.3353%;left:-100.588%}.demo .demo-vial-photo-label{color:var(--warm);font-family:var(--display);font-size:1.65rem;font-weight:400;line-height:1;transition:color .15s;position:absolute;top:50.6%;left:50%;transform:translate(-50%,-50%)}.demo .demo-vial-photo.is-active .demo-vial-photo-label{color:var(--gold)}.demo .demo-vial-photo--small .demo-vial-photo-label{font-size:.92rem}.demo .demo-smell-sequence{gap:1.1rem;display:grid}.demo .demo-smell-current{border-block:1px solid var(--rule);grid-template-columns:minmax(0,1fr);align-items:start;gap:1.2rem;padding:1.3rem 0 1.4rem;display:grid}.demo .demo-smell-current>.demo-vial-photo{margin-inline:auto}.demo .demo-smell-response{min-width:0}.demo .demo-smell-response>.demo-label{color:var(--warm);margin:0 0 .9rem;font-size:.95rem;font-weight:600}.demo .demo-smell-current .demo-smell-response>.demo-label{text-align:center}.demo .demo-smell-response .demo-segments{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.demo .demo-smell-response .demo-segments button{text-align:center;min-height:54px;padding:.75rem .5rem;line-height:1.45}.demo .demo-smell-response .demo-rating+.demo-rating{margin-top:1.25rem}.demo .demo-smell-history{border-top:1px solid var(--rule);margin-block:1.1rem}.demo .demo-smell-history>.demo-label{color:var(--muted);margin:1.1rem 0 .45rem}.demo .demo-smell-history-item{border-bottom:1px solid var(--rule)}.demo .demo-smell-history-item>summary{color:var(--warm);cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;min-height:52px;padding:.65rem 0;font-size:.82rem;line-height:1.6;list-style:none;display:grid}.demo .demo-smell-history-item>summary::-webkit-details-marker{display:none}.demo .demo-smell-history-item>summary strong{text-align:right;font-size:.78rem;font-weight:400}.demo .demo-smell-edit{color:var(--gold);text-underline-offset:.2em;margin-left:.3rem;font-size:.76rem;text-decoration:underline}.demo .demo-smell-history-list{display:grid}.demo .demo-smell-history-row{border-bottom:1px solid var(--rule);grid-template-columns:44px minmax(0,1fr);align-items:start;gap:1rem;padding:1.2rem 0;display:grid}.demo .demo-smell-history-row>.demo-vial-photo{margin-inline:auto}.demo .demo-smell-history-row .demo-smell-response>.demo-label{margin-bottom:.7rem;font-size:.83rem}.demo .demo-smell-history-row .demo-rating legend{font-size:.79rem}.demo .demo-smell-gap{background:var(--carbon);border:1px solid var(--rule);border-radius:6px;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:1rem;padding:1.1rem;display:grid}.demo .demo-smell-timer{aspect-ratio:1;color:var(--gold);border:1px solid #a7bac8;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:72px;display:flex}.demo .demo-smell-timer strong{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:2.15rem;font-weight:400;line-height:1}.demo .demo-smell-timer span{color:var(--muted);margin-top:.2rem;font-size:.67rem}.demo .demo-smell-gap h2{font-family:var(--display);margin:0 0 .4rem;font-size:1.4rem;font-weight:400;line-height:1.2}.demo .demo-smell-gap p{color:var(--muted);margin:0;font-size:.86rem;line-height:1.55}.demo .demo-smell-gap small{color:var(--gold);margin-top:.6rem;font-size:.77rem;line-height:1.5;display:block}.demo .demo-typed-answer{gap:.6rem}.demo .demo-typed-answer textarea{border:1px solid var(--lab-control);color:var(--warm);font:inherit;resize:vertical;background:#fff;border-radius:4px;width:100%;min-height:150px;padding:.85rem 1rem;font-size:1rem;line-height:1.65}.demo .demo-typed-answer textarea::placeholder{color:#647887}.demo .demo-typed-answer small{color:var(--muted);font-size:.78rem;line-height:1.6}.demo .demo-photo-landscape{aspect-ratio:1543/1254;height:auto;position:relative}.demo .demo-photo-landscape>img{object-fit:contain;width:100%;height:100%;position:absolute;top:0;left:0}.demo .demo-photo-landscape>img.is-portrait-original{width:81.27%;height:123.05%;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.demo .demo-screen{animation:lab-screen-arrive .26s var(--lab-ease) both}.demo .bench-plate,.demo .demo-tags li{animation:none}.demo .demo-reading{animation:lab-reading-arrive .24s var(--lab-ease) both}.demo .demo-completion.is-complete{animation:lab-completion-confirm .22s var(--lab-ease)}.demo .demo-rail li.is-done svg{animation:lab-tick-arrive .18s var(--lab-ease) both}.demo :is(.demo-primary,.demo-secondary,.demo-back,.demo-chips button,.demo-segments button,.demo-picks button,.demo-rating button){transition:background .15s ease,border-color .15s ease,color .15s ease,transform .12s var(--lab-ease),box-shadow .15s ease}.demo .demo-primary:not(:disabled):not([aria-disabled=true]){animation:.22s ease-out lab-action-unlock}.demo :is(.demo-option,.demo-checklist li){transition:background .2s,border-color .2s}.demo .demo-check input:checked{animation:lab-checkbox-confirm .2s var(--lab-ease)}.demo .demo-tutorial[open]>div{animation:lab-reading-arrive .24s var(--lab-ease)}.demo :is(.demo-rating output,.demo-count,.demo-ring-time,.demo-ph dd,.demo-match,.demo-gauge-head){font-variant-numeric:tabular-nums}.demo .bench-vial{transition:border-color .2s}.demo .bench-vial i{transition:transform .3s var(--lab-ease),background .2s ease}.demo .bench-vial i:before{content:"";opacity:.85;background:#e7eff5;height:2px;position:absolute;top:0;left:0;right:0}.demo .bench-vials .is-set .bench-vial{border-color:#607e94;box-shadow:inset 0 0 0 2px #fff}.demo .bench-letters>div{transition:border-color .2s,background .2s,box-shadow .2s}.demo .bench-letters .is-pick{box-shadow:inset 0 0 0 1px var(--gold)}.demo .bench-dots i{transition:background .2s}@media (hover:hover){.demo .demo-primary:hover:not(:disabled):not([aria-disabled=true]){box-shadow:0 3px 10px #22354124}.demo .demo-option:hover{border-color:var(--gold)}}.demo :is(.demo-primary,.demo-secondary,.demo-back,.demo-chips button,.demo-segments button,.demo-picks button,.demo-rating button):active:not(:disabled):not([aria-disabled=true]){box-shadow:none;transition-duration:80ms;transform:translateY(1px)}@keyframes lab-screen-arrive{0%{opacity:.92;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes lab-reading-arrive{0%{opacity:.85;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes lab-completion-confirm{0%{opacity:.8}to{opacity:1}}@keyframes lab-tick-arrive{0%{transform:scale(.85)}to{transform:scale(1)}}@keyframes lab-checkbox-confirm{0%{transform:scale(.92)}to{transform:scale(1)}}@keyframes lab-action-unlock{0%{filter:brightness(.88)}to{filter:brightness()}}@media (max-width:1099px){.demo-shell .demo{grid-template-columns:8rem minmax(0,620px)}.demo .demo-bench{display:none}}@media (min-width:600px){.demo .demo-smell-current{grid-template-columns:64px minmax(0,1fr);gap:1.5rem}.demo .demo-smell-current .demo-smell-response>.demo-label{text-align:left}}@media (max-width:800px){.demo-shell .demo{grid-template-columns:minmax(0,1fr)}.demo .demo-column{grid-column:1;width:100%;max-width:620px;margin-inline:auto}.demo .demo-rail{display:none}}@media (max-width:680px){.demo-shell .demo{padding:76px 1.15rem 0}.demo .demo-column{min-height:calc(100dvh - 76px)}.demo .demo-bar{top:76px}.demo .demo-screen{padding-top:1.3rem}.demo h1{font-size:clamp(2.1rem,8.7vw,2.65rem)}.demo .demo-wordmark{margin-bottom:1.2rem}.demo .demo-measures{gap:1.1rem}.demo .demo-measures li{display:block}.demo .demo-measures span{display:none}.demo .demo-measures p{margin-top:.3rem}.demo .demo-base{grid-template-columns:2.3rem 1fr;gap:1rem .8rem;padding:1rem .8rem}.demo-rating>div{gap:.25rem}.demo-rating button{min-height:44px}.demo .demo-final button{min-height:140px}}@media (max-width:360px){.demo .demo-base{grid-template-columns:minmax(0,1fr)}.demo .demo-base .demo-letter{grid-row:auto}.demo .demo-smell-history-row{grid-template-columns:minmax(0,1fr)}.demo .demo-smell-gap{grid-template-columns:60px minmax(0,1fr);gap:.75rem;padding:.9rem}.demo .demo-smell-timer{width:60px}}.demo .demo-screen:has(.demo-smell-sequence){padding-top:1.1rem}.demo .demo-screen:has(.demo-smell-sequence)>h1{margin-bottom:.65rem}.demo .demo-screen:has(.demo-smell-sequence)>.demo-lead{margin:0;font-size:.95rem;line-height:1.55}.demo .demo-screen:has(.demo-smell-sequence)>.demo-context-note{margin:.6rem 0;padding:.55rem .75rem;font-size:.8rem;line-height:1.5}.demo .demo-screen:has(.demo-smell-sequence)>.demo-tutorial{margin:.6rem 0}.demo .demo-screen:has(.demo-smell-sequence) .demo-tutorial>summary{min-height:44px;padding:.65rem .75rem}.demo .demo-screen:has(.demo-smell-sequence) .demo-tutorial:not([open])>summary span{display:none}.demo .demo-screen:has(.demo-smell-sequence)>.demo-completion{margin:.6rem 0}.demo .demo-smell-sequence{gap:.55rem}.demo .demo-smell-sequence>.demo-label{margin:0;line-height:1.3}.demo .demo-smell-current{grid-template-columns:44px minmax(0,1fr);gap:.75rem;padding:.8rem 0 .9rem}.demo .demo-smell-current>.demo-vial-photo{--vial-height:140px}.demo .demo-smell-current .demo-vial-photo-label{font-size:1.3rem}.demo .demo-smell-current .demo-smell-response>.demo-label{text-align:left;margin-bottom:.6rem;font-size:.85rem}.demo .demo-smell-current .demo-rating legend{margin-bottom:.4rem}.demo .demo-smell-current .demo-rating+.demo-rating{margin-top:.8rem}.demo .demo-smell-current .demo-rating small{margin-top:.2rem}.demo .demo-smell-sequence .demo-smell-history{margin-block:.5rem}.demo .demo-vial-picks button{gap:.35rem;min-height:154px;padding:.8rem .6rem}.demo .demo-vial-picks .demo-pick-label{color:var(--warm);font-size:.85rem;line-height:1.4}.demo .demo-final.demo-vial-picks button{min-height:172px}@media (min-width:600px){.demo .demo-smell-current{grid-template-columns:64px minmax(0,1fr);gap:1.1rem;padding-block:1rem}.demo .demo-smell-current>.demo-vial-photo{--vial-height:180px}.demo .demo-smell-current .demo-vial-photo-label{font-size:1.65rem}}@media (max-width:360px){.demo .demo-smell-current{gap:.6rem}.demo .demo-smell-current .demo-rating>div{gap:.075rem}.demo .demo-smell-current .demo-rating button{padding-inline:0}}@media (prefers-reduced-motion:reduce){.demo-shell *,.demo-shell :before,.demo-shell :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.demo :is(.demo-primary,.demo-secondary,.demo-back,.demo-chips button,.demo-segments button,.demo-picks button,.demo-rating button):active{transform:none}.demo .demo-graph-bar{transform:scaleX(1)}}