/* Savana Scent Concierge · shared type, quiet contrast, one scroll surface. */
.sf-dialog,.sf-launch{font-family:"Helvetica Now Display","Helvetica Neue",Helvetica,Arial,sans-serif;color:#181818;-webkit-font-smoothing:antialiased}
.sf-dialog{--sf-border:#e6e4df;--sf-muted:#6b6b66;width:min(760px,calc(100vw - 48px));max-width:760px;height:min(820px,calc(100dvh - 56px));max-height:calc(100dvh - 56px);overflow:hidden;border:1px solid #e6e4df;border-radius:20px;background:#fff;box-shadow:0 28px 100px #0003}
.sf-dialog[open]{display:flex;flex-direction:column}
.sf-dialog::backdrop{background:#16161377;backdrop-filter:blur(7px)}
.sf-head{position:relative;flex-shrink:0;padding:24px 32px 20px;background:#fff;border-color:var(--sf-border)}
.sf-head>div{gap:22px}.sf-wordmark{display:flex;line-height:1;letter-spacing:0}.sf-wordmark img{display:block;width:116px;height:40px;object-fit:contain}.sf-kicker{padding-left:22px;font-size:9px;font-weight:400;letter-spacing:2.5px;color:#77756e;border-color:#d8d5cd}
.sf-close{width:40px;height:40px;min-height:40px;background:#fff;border-color:#e4e2db;color:#363630;transition:background .18s,border-color .18s}.sf-close svg{width:19px;height:19px}.sf-close:hover{background:#f3f2ee;border-color:#c5c2b9}
.sf-tabs{flex-shrink:0;gap:0;margin:0;padding:0 32px;background:#fff;border-radius:0;border-bottom:1px solid var(--sf-border)}
.sf-tabs button{position:relative;padding:16px 12px;border-radius:0;font-size:13px;font-weight:400;color:#777;background:transparent;box-shadow:none}
.sf-tabs button.active{background:transparent;box-shadow:none;color:#111;font-weight:500}.sf-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:16%;right:16%;height:2px;background:#222}.sf-tabs button:hover{color:#111}.sf-tabs span{color:#a4936e}
.sf-body{flex:1 1 auto;min-height:0;padding:28px 32px 30px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c9c5b9 transparent;scrollbar-gutter:stable}
.sf-body::-webkit-scrollbar,.sf-compose textarea::-webkit-scrollbar{width:5px}.sf-body::-webkit-scrollbar-track,.sf-compose textarea::-webkit-scrollbar-track{background:transparent}.sf-body::-webkit-scrollbar-thumb,.sf-compose textarea::-webkit-scrollbar-thumb{background:#c9c5b9;border-radius:10px}.sf-body::-webkit-scrollbar-thumb:hover{background:#9c9788}.sf-body::-webkit-scrollbar-button{display:none;width:0;height:0}
.sf-dialog h2,.sf-product h3,.sf-chat-intro h2{font-family:"Helvetica Now Display","Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-1.1px;font-weight:400}
.sf-dialog h2{font-size:32px;line-height:1.18;margin:0 0 12px}.sf-dialog h2:focus{outline:none}.sf-lede{font-size:14px;line-height:1.7;color:var(--sf-muted);max-width:560px;margin-bottom:24px}.sf-label{font-size:9px;letter-spacing:2px;color:#88795d;margin-bottom:14px}.sf-step-top{font-size:10px;color:#807d74}.sf-progress{margin-bottom:28px}.sf-progress .on{background:#30302b}
.sf-option{min-height:56px;padding:16px 18px;border-radius:10px;background:#fff;border-color:#e5e2da;font-size:14px}.sf-option:hover{background:#f8f7f3;border-color:#b9b3a5}.sf-option.selected{background:#f3f1e9;border-color:#b5ac96}.sf-option-num{color:#8f8878}.sf-bottom{font-size:11px;line-height:1.6}.sf-avoid{font-size:13px;line-height:1.6}.sf-avoid input{background:#fff;border-radius:8px;min-height:46px}
.sf-chat-intro{margin-bottom:22px}.sf-chat-intro h2{font-size:30px}.sf-chat-intro .sf-lede{font-size:13px;max-width:500px;margin-bottom:0}
.sf-messages{gap:18px}.sf-message{max-width:92%;padding:17px 20px;border-radius:14px;border:1px solid #e8e5dc;background:#f8f7f3;scroll-margin-top:20px}.sf-message.user{background:#eeeae1;border-color:#e5dfd1;border-bottom-right-radius:4px}.sf-message.assistant{border-bottom-left-radius:4px;background:#f8f7f4;scroll-margin-top:20px}.sf-message>span{font-size:10px;letter-spacing:1px;font-weight:500;color:#77705f;margin-bottom:8px}.sf-message p{font-size:14px;line-height:1.8;font-weight:400;color:#33332e}.sf-examples{gap:9px;margin:0 0 4px}.sf-examples button{font-size:12px;padding:10px 14px;background:#fff;transition:background .18s}.sf-examples button:hover{background:#f4f1e9}
.sf-products{gap:0}.sf-product{grid-template-columns:132px minmax(0,1fr);gap:24px;padding:24px 0;border-color:var(--sf-border)}.sf-product:first-child{margin-top:22px}.sf-product-image{min-height:168px;background:#f4f3ef;border-radius:10px}.sf-product img{height:166px}.sf-product-rank{font-size:9px;letter-spacing:1.7px;color:#8b7957}.sf-product h3{font-size:28px;line-height:1.25;margin:8px 0 5px}.sf-character{font-size:12px;line-height:1.6;color:#77736a;margin-bottom:9px}.sf-reason{font-size:13px;line-height:1.75;color:#65635b;margin-bottom:12px}.sf-product strong{font-size:14px;font-weight:500;color:#222;font-variant-numeric:tabular-nums}.sf-card-actions{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;margin-top:14px}.sf-product-link{font-size:12px;line-height:1.6;margin:0;text-decoration:none;border-bottom:1px solid #aaa596;padding:4px 0}.sf-product-link:hover{border-color:#222}.sf-card-actions .sf-text-btn{background:#20211d;color:#fff;text-decoration:none;border:1px solid #20211d;padding:9px 13px;border-radius:6px;font-size:11px;line-height:1.5}.sf-card-actions .sf-text-btn:hover{background:#45463e}
.sf-primary{border-radius:7px;background:#20211d;border-color:#20211d;font-size:13px;min-height:46px}.sf-primary:hover{background:#414239}.sf-text-btn{font-size:12px}.sf-result-actions{gap:20px;margin-top:15px}.sf-privacy{font-size:10px;line-height:1.65;color:#858177}.sf-foot{flex-shrink:0;background:#faf9f6;border-color:var(--sf-border);padding:11px 24px;font-size:10px;color:#868177}.sf-dock{flex-shrink:0;padding:15px 32px 14px;background:#fff;border-top:1px solid var(--sf-border);box-shadow:0 -8px 24px #fff9}.sf-dock[hidden]{display:none}
.sf-compose{margin:0;padding:10px 11px 10px 13px;border-radius:12px;border:1px solid #d8d5cc;box-shadow:none;align-items:center;background:#fff;gap:10px;transition:border-color .15s,box-shadow .15s}.sf-compose:focus-within{outline:none;border-color:#a49b84;box-shadow:0 0 0 3px #a49b8418}.sf-compose textarea{font-family:inherit;font-size:14px;line-height:1.65;min-height:44px;max-height:100px;resize:none;padding:3px 1px;color:#292923;scrollbar-width:thin;scrollbar-color:#c9c5b9 transparent}.sf-compose textarea::placeholder{color:#969084}.sf-compose button{width:40px;height:40px;min-height:40px;display:grid;place-items:center;background:#20211d;border:0;border-radius:50%}.sf-compose button svg{width:20px;height:20px}.sf-compose button:disabled{background:#eeece6;color:#aaa598;opacity:1;cursor:default}.sf-dock .sf-privacy{margin:9px 2px 0;font-size:9px;line-height:1.55;max-width:100%}.sf-chat-status{display:flex;align-items:center;gap:10px;font-size:12px;padding:15px 0;color:#80765f}.sf-chat-status:before{content:"";height:6px;width:6px;border-radius:50%;background:#ad9b74;animation:sfPulse 1.3s infinite}
body:has(.sf-dialog[open]){overflow:hidden}.sf-launch{background:#fff;border-color:#ddd9ce;box-shadow:0 4px 24px #00000014;font-size:13px;font-weight:400}.sf-launch:hover{background:#f5f3ed}
@media(max-width:600px){.sf-dialog{width:calc(100vw - 20px);height:calc(100dvh - 28px);max-height:calc(100dvh - 28px);border-radius:16px}.sf-head{padding:18px 20px 16px}.sf-wordmark img{width:100px;height:34px}.sf-head>div{gap:14px}.sf-kicker{padding-left:14px;font-size:8px;letter-spacing:1.6px}.sf-close{width:36px;height:36px;min-height:36px}.sf-tabs{padding:0 20px}.sf-tabs button{padding:14px 8px;font-size:12px}.sf-body{padding:24px 20px}.sf-dialog h2{font-size:28px;letter-spacing:-.8px}.sf-chat-intro h2{font-size:27px}.sf-lede{font-size:13px}.sf-message{max-width:96%;padding:14px 16px}.sf-message p{font-size:13px;line-height:1.75}.sf-product{grid-template-columns:92px minmax(0,1fr);gap:16px;padding:22px 0}.sf-product-image{min-height:140px;align-self:start}.sf-product img{height:140px}.sf-product h3{font-size:25px;letter-spacing:-.6px}.sf-reason{font-size:12px}.sf-character{font-size:11px}.sf-product-rank{font-size:8px}.sf-card-actions{gap:10px;margin-top:12px}.sf-card-actions .sf-text-btn{font-size:10px;padding:8px 10px}.sf-product-link{font-size:11px}.sf-dock{padding:12px 16px max(12px,env(safe-area-inset-bottom))}.sf-compose textarea{font-size:16px;min-height:42px}.sf-dock .sf-privacy{font-size:9px}.sf-foot{padding:9px 16px;font-size:9px}.sf-option{font-size:13px}.sf-result-actions{gap:8px}.sf-launch{font-size:12px}}
@media(max-height:600px){.sf-dialog{height:calc(100dvh - 20px);max-height:calc(100dvh - 20px)}.sf-head{padding-top:12px;padding-bottom:12px}.sf-foot{display:none}.sf-dock .sf-privacy{display:none}}
@media(prefers-reduced-motion:reduce){.sf-chat-status:before{animation:none}.sf-compose,.sf-close,.sf-examples button{transition:none}}
.sf-wordmark{position:relative;width:116px;height:40px;overflow:hidden;flex-shrink:0}.sf-wordmark img{position:absolute;width:152px;height:152px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain}
@media(max-width:600px){.sf-wordmark{width:100px;height:34px}.sf-wordmark img{width:132px;height:132px}}
@supports selector(::-webkit-scrollbar){.sf-body,.sf-compose textarea{scrollbar-width:auto;scrollbar-color:auto}.sf-body::-webkit-scrollbar-button:single-button{display:none;width:0;height:0}}
.sf-kicker{display:none}
.sf-wordmark{width:152px;height:48px}.sf-wordmark img{width:152px;height:152px}
@media(max-width:600px){.sf-wordmark{width:132px;height:44px}.sf-wordmark img{width:132px;height:132px}}
.sf-icon{display:inline-block;width:16px;height:16px;flex-shrink:0;vertical-align:middle;pointer-events:none}.sf-launch>.sf-icon{width:20px;height:20px}.sf-tabs button .sf-icon{width:14px;height:14px;margin-left:7px;color:#8c8069}.sf-option>.sf-icon{margin-left:auto;color:#837b69}.sf-primary,.sf-text-btn,.sf-product-link,.sf-examples button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.sf-thinking>.sf-icon{width:46px;height:46px;color:#918365;margin-bottom:16px}.sf-card-actions .sf-icon{width:13px;height:13px}