/* Kohaku web "try it with your business" bar, shared by every template */
.kw{position:relative;z-index:60;display:flex;align-items:center;gap:14px;padding:8px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));background:#f4efe9;color:#2b2623;font:500 13px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;border-bottom:1px solid #ddd3c8}
.kw a{color:inherit;text-decoration:none}
.kw-t{display:flex;align-items:center;gap:8px;white-space:nowrap}
.kw-t i{width:22px;height:18px;background:#2b2623;-webkit-mask:url(../../assets/fox.png) center/contain no-repeat;mask:url(../../assets/fox.png) center/contain no-repeat}
.kw-t b{font-weight:600}
.kw-tool{display:flex;align-items:center;gap:10px;margin-left:auto}
.kw-in{position:relative}
.kw-in input{width:230px;height:36px;padding:0 12px 0 32px;border:1px solid #d3c7ba;border-radius:8px;background:#fbf8f4;color:#2b2623;font:500 16px system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s}
.kw-in input:focus{border-color:#c4705f;box-shadow:0 0 0 3px rgba(196,112,95,.18)}
.kw-in::before{content:"✎";position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#c4705f;font-size:14px;pointer-events:none}
.kw-sw{display:flex;gap:6px}
.kw-sw button{width:24px;height:24px;border-radius:50%;border:2px solid #fbf8f4;box-shadow:0 0 0 1px #d3c7ba;cursor:pointer;padding:0;transition:transform .2s,box-shadow .2s}
.kw-sw button[aria-pressed="true"]{box-shadow:0 0 0 2px #2b2623;transform:scale(1.1)}
.kw-copy{height:36px;padding:0 12px;border:0;border-radius:8px;background:#2b2623;color:#f4efe9;font:600 13px system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;cursor:pointer;white-space:nowrap;transition:background-color .2s}
.kw-copy:hover{background:#c4705f}
.kw-back{font-weight:600;border-bottom:1px solid #c4705f;white-space:nowrap}
.kw-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.kw-hi{animation:kwHi .7s ease-out}
@keyframes kwHi{0%{background-color:rgba(196,112,95,.35)}100%{background-color:transparent}}
@media (max-width:760px){
  .kw{flex-wrap:wrap;gap:8px 10px}
  .kw-back{margin-left:auto}
  .kw-tool{order:3;width:100%;margin:0}
  .kw-in{flex:1;min-width:0}
  .kw-in input{width:100%}
  .kw-sw{gap:4px}
  .kw-sw button{width:26px;height:26px}
}
@media (max-width:370px){.kw-copy{padding:0 9px}.kw-sw button{width:22px;height:22px}}
@media (prefers-reduced-motion:reduce){.kw-hi{animation:none}}