.chat-page{min-height:100vh;background:radial-gradient(circle at 18% 12%,rgba(13,158,143,.16),transparent 28%),linear-gradient(180deg,#fff 0,var(--ivory) 48%,var(--ivory2) 100%);color:var(--forest)}.chat-nav{height:56px;padding:0 clamp(18px,4vw,48px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(221,216,207,.75);background:rgba(255,253,248,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-nav a,.chat-nav button{font-family:var(--font-ibm-plex-sans),sans-serif;font-size:14px;color:var(--dim2);margin-left:18px}.chat-nav button{border:none;background:transparent;cursor:pointer;padding:0}.chat-nav button:disabled{opacity:.55;cursor:wait}.chat-nav .chat-brand{margin-left:0;font-family:var(--font-ibm-plex-mono),monospace;font-weight:700;color:var(--forest);letter-spacing:.12em;text-transform:uppercase}.chat-shell{max-width:1240px;margin:0 auto;padding:clamp(34px,6vw,74px) clamp(18px,4vw,48px) 56px;display:grid;grid-template-columns:minmax(0,.78fr) minmax(390px,1.22fr);grid-gap:42px;gap:42px;align-items:center}.chat-eyebrow{display:block;margin-bottom:12px;font-family:var(--font-ibm-plex-mono),monospace;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.chat-copy h1{max-width:560px;font-size:clamp(48px,6vw,82px);line-height:.96;letter-spacing:0}.chat-copy p{max-width:580px;margin-top:18px;color:var(--dim2);font-size:20px;line-height:1.58}.chat-proof{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.chat-proof span{padding:8px 12px;border:1px solid var(--bdl);border-radius:999px;background:white;font-family:var(--font-ibm-plex-sans),sans-serif;font-size:13px;font-weight:700;color:var(--dim2);text-transform:none;letter-spacing:0}.chat-panel{background:#fffdf8;border:1px solid var(--bdl);border-radius:18px;padding:22px;box-shadow:0 24px 70px rgba(9,21,9,.12),0 0 0 8px rgba(255,255,255,.62);position:relative;overflow:hidden}.chat-panel:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--teal2),var(--gold),#7ebfa0)}.lens-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.mode-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-bottom:16px}.lens-row button,.mode-row button,.starter-row button{border:1px solid var(--bdl);background:#fff;color:var(--dim2);border-radius:999px;padding:9px 12px;font-family:var(--font-ibm-plex-sans),sans-serif;font-size:13px;cursor:pointer}.mode-row button{border-radius:10px;padding:11px 12px;font-weight:700}.lens-row button.active,.mode-row button.active{background:var(--tpale);border-color:var(--teal2);color:var(--teal);font-weight:700}.message-list{min-height:360px;max-height:52vh;overflow:auto;padding:18px;border-radius:14px;background:#f7f3ea;border:1px solid rgba(221,216,207,.72)}.message{display:flex;margin-bottom:12px}.message div{max-width:82%;padding:15px 17px;border-radius:14px;font-family:var(--font-ibm-plex-sans),sans-serif;font-size:17px;line-height:1.58;white-space:pre-wrap}.message.user{justify-content:flex-end}.message.user div{background:var(--forest);color:var(--ivory);border-bottom-right-radius:4px}.message.assistant div{background:white;border:1px solid var(--bdl);color:var(--forest);border-bottom-left-radius:4px}.starter-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.barcode-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:10px;gap:10px;margin-bottom:12px}.scanner-fallback{padding:12px;margin-bottom:0;background:#fffdf8;border-top:1px solid var(--bdl)}.barcode-row input{border:1px solid var(--bdl);border-radius:12px;padding:12px 13px;background:white;color:var(--forest);font-family:var(--font-ibm-plex-sans),sans-serif;font-size:15px;outline:none}.barcode-row input:focus{border-color:var(--teal2)}.barcode-row button{border:1px solid var(--teal2);border-radius:12px;background:#fff;color:var(--teal);padding:0 16px;font-family:var(--font-ibm-plex-sans),sans-serif;font-weight:800;cursor:pointer;white-space:nowrap}.barcode-row button[type=submit]{background:var(--teal);color:#fff;border-color:var(--teal)}.barcode-row button:disabled{opacity:.45;cursor:not-allowed}.barcode-camera{margin-bottom:12px;border:1px solid var(--bdl);border-radius:14px;background:#fff;overflow:hidden}.scanner-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px;background:rgba(9,21,9,.72)}.scanner-modal .barcode-camera{width:min(760px,100%);max-height:calc(100vh - 36px);overflow:auto;margin:0;border-radius:18px}.scanner-modal-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--bdl);background:#fffdf8}.scanner-modal-top span{display:block;margin-bottom:4px;color:var(--teal);font-family:var(--font-ibm-plex-mono),monospace;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.scanner-modal-top h2{margin:0;font-family:var(--font-ibm-plex-sans),sans-serif;font-size:22px;line-height:1.1}.scanner-modal-top button{border:none;border-radius:10px;background:var(--forest);color:var(--ivory);padding:9px 13px;font-weight:800;cursor:pointer}.barcode-camera-box{position:relative;aspect-ratio:16/10;background:#08150b;overflow:hidden}.html5-reader{position:absolute;inset:0;z-index:1}.html5-reader video{object-fit:cover!important}.html5-reader video,.html5-reader>div{width:100%!important;height:100%!important}.html5-reader>div{border:0!important}.native-video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;display:none}.barcode-camera.native .html5-reader{display:none}.barcode-camera.native .native-video{display:block}.barcode-target{position:absolute;inset:28% 12%;z-index:2;border:3px solid #c4a24e;border-radius:12px;box-shadow:0 0 0 999px rgba(8,21,11,.18);pointer-events:none}.barcode-camera-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;color:var(--dim2);font-family:var(--font-ibm-plex-sans),sans-serif;font-size:13px}.barcode-camera-actions button{border:none;border-radius:10px;background:var(--forest);color:var(--ivory);padding:9px 13px;font-weight:800;cursor:pointer}.chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;grid-gap:10px;gap:10px}.chat-form textarea{min-height:62px;resize:vertical;border:2px solid var(--bdl);border-radius:12px;padding:13px 14px;font-family:var(--font-ibm-plex-sans),sans-serif;font-size:15px;outline:none}.chat-form textarea:focus{border-color:var(--teal2)}.chat-form button{border:none;border-radius:12px;background:var(--teal);color:#fff;padding:0 22px;font-family:var(--font-ibm-plex-sans),sans-serif;font-weight:800;cursor:pointer}.photo-input{display:none}.chat-form .photo-button,.chat-form .scan-link-button{background:#fff;color:var(--teal);border:1px solid var(--teal2)}.chat-form button:disabled{opacity:.45;cursor:not-allowed}.chat-error{color:#9A2E2E}.chat-error,.chat-gate{margin-top:10px;font-family:var(--font-ibm-plex-sans),sans-serif;font-size:14px}.chat-gate{display:flex;gap:10px;align-items:center;justify-content:space-between;border:1px solid var(--bdl);border-radius:12px;padding:10px 12px;background:#eef8f5;color:var(--forest);line-height:1.4}.chat-gate button{border:none;border-radius:10px;background:var(--teal);color:#fff;padding:9px 14px;font-family:var(--font-ibm-plex-sans),sans-serif;font-weight:800;cursor:pointer;white-space:nowrap}.chat-gate button:disabled{opacity:.55;cursor:not-allowed}.chat-disclaimer{margin-top:12px;color:var(--dim);font-family:var(--font-ibm-plex-sans),sans-serif;font-size:12px;line-height:1.5}@media (max-width:860px){.chat-shell{grid-template-columns:1fr;padding-top:28px}.chat-copy h1{max-width:none;font-size:42px;line-height:1.02}.chat-copy p{font-size:17px}.barcode-row,.chat-form{grid-template-columns:1fr 1fr}.barcode-row input{grid-column:1/-1}.barcode-row button{min-height:46px}.chat-form textarea{grid-column:1/-1}.chat-form button{min-height:46px}.chat-gate{align-items:stretch;flex-direction:column}.chat-gate button{width:100%;min-height:42px}}@media (max-width:680px){.chat-page{min-height:100dvh}.chat-nav{height:50px;padding:0 16px}.chat-nav>div{display:none}.chat-shell{display:flex;min-height:calc(100dvh - 50px);padding:10px 10px 12px;flex-direction:column}.chat-copy{display:block;margin-bottom:10px}.chat-copy h1{font-size:30px;line-height:1;max-width:360px}.chat-copy p{max-width:360px;margin-top:10px;font-size:15px;line-height:1.45}.chat-proof{margin-top:12px}.chat-proof span:first-child,.chat-proof span:nth-child(5){display:none}.chat-panel{display:flex;min-height:0;flex:1 1;flex-direction:column;padding:14px;border-radius:16px;box-shadow:none}.mode-row,.starter-row{display:none}.message-list{min-height:0;max-height:none;flex:1 1;padding:12px}.message div{max-width:92%;font-size:15px;line-height:1.5;padding:12px 13px}.barcode-row{grid-template-columns:1fr}.barcode-row input{grid-column:auto;width:100%}.barcode-row button{min-height:46px}.barcode-camera-box{aspect-ratio:4/3}.scanner-modal{align-items:stretch;padding:10px}.scanner-modal .barcode-camera{width:100%;max-height:calc(100vh - 20px)}.chat-form{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.chat-form textarea{display:block;grid-column:1/-1;min-height:76px;font-size:16px}.chat-form .photo-button,.chat-form .scan-link-button,.chat-form button[type=submit]{display:flex;min-height:46px;align-items:center;justify-content:center;padding:0 16px;border-radius:12px;font-size:15px}.chat-form .scan-link-button{grid-column:1}.chat-form .photo-button{grid-column:2}.chat-form button[type=submit]{grid-column:3}}