.sh-cff{background:#FFFFFF; border:1px solid #E5DDD5; border-radius:16px; margin:28px 0; overflow:hidden; overflow:clip; color:#2D2A26; box-shadow:0 20px 50px -28px rgba(45,42,38,0.4);}
.sh-cff *{box-sizing:border-box;}
.sh-cff button{touch-action:manipulation;}
.sh-cff button:active{transform:scale(0.985);}
.sh-cff-head{background:linear-gradient(135deg,#26231F 0%,#2D2A26 55%,#3A342C 100%); padding:32px 30px 26px; position:relative; overflow:hidden;}
.sh-cff-head::after{content:""; position:absolute; top:-70px; right:-40px; width:200px; height:200px; border-radius:50%; background:radial-gradient(circle,rgba(201,167,125,0.2),rgba(201,167,125,0) 70%);}
#sh-cff .sh-cff-eyebrow{font-size:11px; letter-spacing:2.2px; text-transform:uppercase; color:#C9A77D; margin:0 0 5px;}
#sh-cff .sh-cff-head .sh-cff-band-title{margin:0 0 4px; color:#FFFFFF; font-size:clamp(26px,3vw,40px); line-height:1.18; font-weight:700; letter-spacing:0.2px;}
.sh-cff-uline{display:block; width:56px; height:3px; border-radius:2px; margin:8px 0 10px; background:linear-gradient(110deg,#C9A77D 25%,#F0DCB4 50%,#C9A77D 75%); background-size:200% 100%; animation:shCffSheen 2.8s linear infinite;}
#sh-cff .sh-cff-lede{margin:0; color:#B5AEA4; font-size:13.5px; line-height:1.55; max-width:560px;}
#sh-cff .sh-cff-lede strong{color:#E5DDD5;}
.sh-cff-grid{display:grid; grid-template-columns:minmax(0,0.95fr) minmax(0,1.05fr); gap:22px; padding:20px 24px 6px;}
.sh-cff-field{margin:0 0 14px;}
.sh-cff-field > label{display:block; font-size:13px; font-weight:600; margin:0 0 6px;}
.sh-cff-lightlabel{font-weight:400; color:#8A7F72;}
.sh-cff-hint{display:block; font-size:12px; color:#8A7F72; margin-top:5px; line-height:1.45;}
.sh-cff-hint a{color:#5A5045;}
.sh-cff input[type="number"], .sh-cff select{width:100%; background:#FBF9F6; border:1px solid #E5DDD5; border-radius:9px; padding:11px 12px; font-size:16px; color:#2D2A26; transition:border-color .2s, box-shadow .2s;}
.sh-cff input[type="number"]:focus, .sh-cff select:focus{outline:none; border-color:#C9A77D; box-shadow:0 0 0 3px rgba(201,167,125,0.25); background:#FFFFFF;}
.sh-cff-presets{display:grid; grid-template-columns:repeat(4,auto) 1fr; gap:6px; margin-top:7px;}
.sh-cff-presets button{background:#FFFFFF; border:1px solid #E5DDD5; border-radius:999px; font-size:11px; font-weight:700; color:#5A5045; padding:5px 11px; cursor:pointer; transition:all .2s; white-space:nowrap;}
.sh-cff-presets button:hover{border-color:#C9A77D;}
.sh-cff-cards{display:grid; grid-template-columns:repeat(3,1fr); gap:7px;}
.sh-cff-cards button{background:#FBF9F6; border:1px solid #E5DDD5; border-radius:10px; padding:10px 6px; cursor:pointer; text-align:center; transition:all .2s; color:#2D2A26;}
.sh-cff-cards button:hover{border-color:#C9A77D; transform:translateY(-1px);}
.sh-cff-cards button.sh-cff-sel{background:#FAF6E8; border-color:#C9A77D; box-shadow:inset 0 0 0 1px #C9A77D, 0 6px 14px -10px rgba(201,167,125,.9);}
.sh-cff-cards .sh-cff-ct{display:block; font-size:12.5px; font-weight:600; line-height:1.25; color:#2D2A26;}
.sh-cff-cards .sh-cff-cs{display:block; font-size:10.5px; color:#8A7F72; margin-top:2px; line-height:1.3;}
#sh-cff .sh-cff-snapbtn{background:rgba(201,167,125,.16); border:1px solid #C9A77D; color:#8A6F4D; border-radius:999px; font-size:10.5px; font-weight:700; padding:3px 10px; cursor:pointer; margin-left:6px; transition:all .2s;}
#sh-cff .sh-cff-snapbtn:hover{background:rgba(201,167,125,.3);}
.sh-cff input[type="range"]{width:100%; -webkit-appearance:none; appearance:none; height:8px; border-radius:4px; background:linear-gradient(90deg,#E8D5DA 0%,#E5DDD5 25%,#EFE3B8 45%,#C9A77D 65%,#8A6F4D 100%); outline:none; margin:8px 0 2px;}
.sh-cff input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none; appearance:none; width:26px; height:26px; border-radius:50%; background:#2D2A26; border:3px solid #C9A77D; cursor:grab; box-shadow:0 4px 10px -3px rgba(45,42,38,.6);}
.sh-cff input[type="range"]::-moz-range-thumb{width:22px; height:22px; border-radius:50%; background:#2D2A26; border:3px solid #C9A77D; cursor:grab;}
.sh-cff-zones{display:flex; font-size:10.5px; color:#8A7F72; margin-top:2px;}
.sh-cff-stage-wrap{align-self:start;}
.sh-cff-rl{font-size:11px; letter-spacing:1.2px; text-transform:uppercase; color:#8A7F72; margin:0 0 8px;}
.sh-cff-stage-wrap svg{display:block; width:100%; height:auto; background:linear-gradient(180deg,#F7F2EA,#F2EBDF); border:1px solid #EFE3B8; border-radius:12px;}
.sh-cff-gauge{margin-top:10px;}
.sh-cff-gauge-track{position:relative; display:flex; height:10px; border-radius:5px; overflow:hidden;}
.sh-cff-gz1{background:#E8D5DA;}
.sh-cff-gz2{background:#EFE3B8;}
.sh-cff-gz3{background:#C9A77D;}
.sh-cff-gz4{background:#8A6F4D;}
.sh-cff-gmark{position:absolute; top:-3px; width:4px; height:16px; border-radius:2px; background:#2D2A26; box-shadow:0 0 0 2px #FFFFFF; transition:left .35s cubic-bezier(.22,.9,.35,1.2);}
.sh-cff-gverdict{font-size:12.5px; color:#5A5045; margin:8px 0 0; line-height:1.5; font-variant-numeric:tabular-nums;}
.sh-cff-gverdict strong{color:#2D2A26;}
.sh-cff-out{padding:8px 24px 22px;}
.sh-cff-stats{display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:0 0 12px;}
.sh-cff-stat{background:#FBF9F6; border:1px solid #E5DDD5; border-radius:12px; padding:13px 12px; transition:transform .2s;}
.sh-cff-stat:hover{transform:translateY(-2px);}
.sh-cff-stat .sh-cff-k{font-size:10px; letter-spacing:1.1px; text-transform:uppercase; color:#8A7F72; margin:0 0 5px;}
.sh-cff-stat .sh-cff-v{font-size:22px; font-weight:800; margin:0; line-height:1.1; font-variant-numeric:tabular-nums; color:#2D2A26;}
.sh-cff-stat .sh-cff-s{font-size:11px; color:#8A7F72; margin:4px 0 0; line-height:1.4;}
.sh-cff-stat-hero{background:linear-gradient(135deg,#26231F,#2D2A26 60%,#37312A); border-color:#2D2A26;}
.sh-cff-stat-hero .sh-cff-k{color:#C9A77D;}
.sh-cff-stat-hero .sh-cff-v{color:#FFFFFF;}
.sh-cff-stat-hero .sh-cff-s{color:#B5AEA4;}
.sh-cff-notes{display:grid; gap:8px; margin:0 0 12px;}
.sh-cff-note-card{display:grid; grid-template-columns:auto 1fr; gap:10px; align-items:start; background:#FBF9F6; border:1px solid #E5DDD5; border-radius:10px; padding:10px 13px;}
.sh-cff-note-card.sh-cff-warn{background:#F7EFF1; border-color:#EBD8DD;}
.sh-cff-note-card .sh-cff-ni{color:#C9A77D; font-size:14px; line-height:1.5;}
.sh-cff-note-card.sh-cff-warn .sh-cff-ni{color:#B85C5C;}
.sh-cff-note-card p{margin:0; font-size:12.5px; color:#5A5045; line-height:1.55;}
.sh-cff-fork{display:grid; grid-template-columns:minmax(0,1fr); gap:10px; margin:0 0 12px;}
.sh-cff-reco{display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; background:#FAF6E8; border:1px dashed #C9A77D; border-radius:12px; padding:12px 15px;}
.sh-cff-reco img{width:56px; height:56px; object-fit:cover; border-radius:8px; display:block;}
.sh-cff-reco .sh-cff-rt{font-size:10.5px; letter-spacing:1px; text-transform:uppercase; color:#8A6F4D; margin:0 0 2px; font-weight:700;}
.sh-cff-reco .sh-cff-rn{font-size:14px; font-weight:700; margin:0;}
.sh-cff-reco .sh-cff-rw{font-size:12px; color:#5A5045; margin:2px 0 0; line-height:1.45;}
.sh-cff-reco a{font-size:13px; font-weight:600; color:#FFFFFF; background:#2D2A26; text-decoration:none; border-radius:8px; padding:10px 15px; white-space:nowrap; transition:all .2s;}
.sh-cff-reco a:hover{background:#443F39; color:#FFFFFF;}
.sh-cff-links{display:flex; flex-wrap:wrap; gap:8px; align-items:center;}
.sh-cff-links a{flex:1 1 auto; text-align:center; font-size:12.5px; font-weight:600; color:#2D2A26; text-decoration:none; border:1px solid #E5DDD5; border-radius:9px; padding:10px 12px; transition:all .2s; background:#FFFFFF;}
.sh-cff-links a:hover{border-color:#C9A77D;}
#sh-cff .sh-cff-links button{flex:0 0 auto; background:rgba(201,167,125,.14); border:1px solid #C9A77D; color:#8A6F4D; border-radius:9px; font-size:12px; font-weight:700; padding:10px 14px; cursor:pointer; transition:all .2s;}
#sh-cff .sh-cff-links button:hover{background:rgba(201,167,125,.28);}
.sh-cff-foot{margin:12px 0 0; font-size:11px; color:#8A7F72; text-align:center; line-height:1.5;}
.sh-cff-foot a{color:#8A7F72;}
.sh-cff-toast{position:fixed; left:50%; bottom:26px; transform:translateX(-50%) translateY(20px); background:#2D2A26; color:#FFFFFF; font-size:13px; padding:12px 20px; border-radius:999px; opacity:0; pointer-events:none; transition:all .35s; z-index:99; box-shadow:0 14px 34px -12px rgba(0,0,0,.5); max-width:88vw; text-align:center;}
.sh-cff-toast.sh-cff-show{opacity:1; transform:translateX(-50%) translateY(0);}
.sh-cff-paused .sh-cff-uline{animation-play-state:paused;}
@keyframes shCffSheen{to{background-position:-200% 0;}}
@media (max-width: 760px){
  .sh-cff{width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); border-radius:0; border-left:none; border-right:none;}
  .sh-cff-grid{grid-template-columns:minmax(0,1fr); padding:16px 16px 4px;}
  .sh-cff-out{padding:6px 16px 18px;}
  .sh-cff-head{padding:18px 16px 16px;}
  .sh-cff-cards{grid-template-columns:repeat(2,1fr);}
  .sh-cff-stats{grid-template-columns:1fr;}
  .sh-cff-reco{grid-template-columns:auto 1fr;}
  .sh-cff-reco a{grid-column:1 / -1; text-align:center;}
  .sh-cff-links a{flex:1 1 100%;}
  #sh-cff .sh-cff-links button{flex:1 1 100%;}
}
@media (prefers-reduced-motion: reduce){
  .sh-cff *, .sh-cff *::after{animation:none !important; transition:none !important;}
}