/* Bayan Write Experience v1.5.0 — Language Editing Motion
   Public, presentation-only interaction for Bayan editing examples. */
.route-home .bh-editor.bayan-editing-demo{position:relative;isolation:isolate}
.route-home .bayan-issue{position:relative;display:inline;cursor:pointer;text-decoration-line:underline;text-decoration-style:wavy;text-decoration-thickness:1.6px;text-underline-offset:5px;text-decoration-color:var(--bh-violet);border-radius:4px;transition:background-color .24s ease,color .24s ease,text-decoration-color .24s ease}
.route-home .bayan-issue[data-bayan-kind="spelling"]{text-decoration-color:#d3a52a}
.route-home .bayan-issue[data-bayan-kind="analysis"]{text-decoration-color:#24ae9f}
.route-home .bayan-issue:hover,.route-home .bayan-issue:focus-visible,.route-home .bayan-issue.is-active{background:rgba(121,126,246,.09);outline:none}
.route-home .bayan-issue[data-bayan-kind="spelling"].is-active{background:rgba(234,191,75,.14)}
.route-home .bayan-issue[data-bayan-kind="analysis"].is-active{background:rgba(45,212,191,.12)}
.route-home .bayan-issue.is-resolved{background:transparent!important;text-decoration:none;cursor:default}
.route-home .bayan-issue.is-reviewed{text-decoration-style:dotted;text-decoration-thickness:1px;opacity:.92}

.route-home button.bh-tool{display:flex;width:100%;align-items:flex-start;gap:10px;border:0;background:transparent;text-align:inherit;cursor:pointer;font-family:inherit}
.route-home button.bh-tool:hover,.route-home button.bh-tool:focus-visible{background:#fff;outline:none;transform:translateX(-2px)}
html[dir=ltr] .route-home button.bh-tool:hover,html[dir=ltr] .route-home button.bh-tool:focus-visible{transform:translateX(2px)}
.route-home button.bh-tool.active{background:var(--bh-violet-soft)}
.route-home .bh-tool-dot{flex:0 0 9px;width:9px;height:9px;margin-top:6px;border-radius:50%;background:var(--bh-violet);box-shadow:0 0 0 4px rgba(121,126,246,.10)}
.route-home .bh-tool[data-bayan-kind="spelling"] .bh-tool-dot{background:#d3a52a;box-shadow:0 0 0 4px rgba(234,191,75,.13)}
.route-home .bh-tool[data-bayan-kind="analysis"] .bh-tool-dot{background:#24ae9f;box-shadow:0 0 0 4px rgba(45,212,191,.12)}
.route-home .bh-tool-copy{display:block;line-height:1.5}
.route-home .bh-tool-copy small{display:block;margin-top:2px;color:#7c776f;font-size:11px;font-weight:400;line-height:1.45}
.route-home .bh-demo-play{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:8px 10px;border:1px solid var(--bh-line);border-radius:9px;background:rgba(255,255,255,.62);color:#4a4741;font:inherit;font-size:12px;cursor:pointer;transition:background .2s ease,transform .2s ease}
.route-home .bh-demo-play:hover{background:#fff;transform:translateY(-1px)}
.route-home .bh-demo-play i{width:6px;height:6px;border-radius:50%;background:var(--bh-violet);box-shadow:0 0 0 4px rgba(121,126,246,.08)}

.route-home .bayan-edit-orbit{position:absolute;z-index:22;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 30% 28%,#fff 0 11%,#9296ff 25%,var(--bh-violet) 55%,#5d62da 100%);box-shadow:0 0 0 7px rgba(121,126,246,.10),0 8px 22px rgba(88,93,210,.28);opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.35)}
.route-home .bayan-edit-orbit.is-visible{animation:bayanOrbitIn .5s cubic-bezier(.2,.78,.2,1) forwards}
@keyframes bayanOrbitIn{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}

.route-home .bayan-ink-sweep{position:absolute;z-index:21;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--bh-violet),#eabf4b,#2dd4bf,transparent);box-shadow:0 0 12px rgba(121,126,246,.34);opacity:0;pointer-events:none;transform:scaleX(.18);transform-origin:right center}
.route-home .bayan-ink-sweep.is-running{animation:bayanInkSweep .72s ease-out}
@keyframes bayanInkSweep{0%{opacity:0;transform:scaleX(.18)}28%{opacity:1}100%{opacity:0;transform:scaleX(1)}}

.route-home .bayan-edit-card{position:absolute;z-index:30;width:min(390px,calc(100% - 36px));padding:16px;border-radius:18px;background:#17181d;color:#fff;box-shadow:0 24px 55px rgba(17,18,22,.25);opacity:0;visibility:hidden;transform:translateY(10px) scale(.975);transition:opacity .25s ease,transform .28s cubic-bezier(.2,.75,.2,1),visibility 0s linear .28s}
.route-home .bayan-edit-card.is-visible{opacity:1;visibility:visible;transform:translateY(0) scale(1);transition-delay:0s}
.route-home .bayan-edit-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.route-home .bayan-edit-kind{display:flex;align-items:center;gap:8px;color:#c9cbff;font-size:11px;font-weight:700}
.route-home .bayan-edit-kind:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--bh-violet)}
.route-home .bayan-edit-card[data-kind="spelling"] .bayan-edit-kind{color:#f5d983}.route-home .bayan-edit-card[data-kind="spelling"] .bayan-edit-kind:before{background:#eabf4b}
.route-home .bayan-edit-card[data-kind="analysis"] .bayan-edit-kind{color:#9cecdf}.route-home .bayan-edit-card[data-kind="analysis"] .bayan-edit-kind:before{background:#2dd4bf}
.route-home .bayan-edit-close{border:0;background:transparent;color:#a8a9ae;font:inherit;font-size:18px;line-height:1;cursor:pointer;padding:2px 4px}
.route-home .bayan-edit-copy{margin:10px 0 0;color:#f1f1f3;font-size:14px;line-height:1.8}
.route-home .bayan-edit-change{margin-top:12px;padding:11px 12px;border-radius:11px;background:#22242b;font-family:var(--ui);font-size:13px;line-height:1.55;text-align:left;direction:ltr}
.route-home .bayan-edit-old{text-decoration:line-through;color:#d9a39d}
.route-home .bayan-edit-new{display:block;margin-top:4px;color:#b8f6ec;font-weight:700}
.route-home .bayan-edit-card[data-kind="analysis"] .bayan-edit-change{display:none}
.route-home .bayan-edit-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}
.route-home .bayan-edit-actions button{border:0;border-radius:9px;padding:8px 12px;font:inherit;font-size:12px;cursor:pointer}
.route-home .bayan-edit-apply{background:var(--bh-violet);color:#fff}.route-home .bayan-edit-card[data-kind="analysis"] .bayan-edit-apply{background:#247d73}
.route-home .bayan-edit-more{background:#2b2d34;color:#f0f0f2}
.route-home .bayan-edit-status{position:absolute;z-index:31;inset-inline-start:50%;bottom:18px;transform:translateX(-50%) translateY(5px);max-width:calc(100% - 40px);padding:8px 12px;border-radius:999px;background:rgba(23,24,29,.94);color:#fff;font-size:11px;line-height:1.4;opacity:0;pointer-events:none;transition:.25s ease;white-space:nowrap}
.route-home .bayan-edit-status.is-visible{opacity:1;transform:translateX(-50%) translateY(0)}
.route-home .bayan-editing-demo.is-accepting .bayan-issue.is-active{animation:bayanTextSettle .65s cubic-bezier(.2,.78,.2,1)}
@keyframes bayanTextSettle{0%{background:transparent}35%{background:rgba(121,126,246,.17)}100%{background:transparent}}

@media(max-width:900px){
  .route-home .bayan-edit-card{width:min(360px,calc(100% - 24px));font-size:13px}
  .route-home .bayan-edit-status{white-space:normal;text-align:center}
}
@media(max-width:640px){
  .route-home .bayan-edit-card{position:fixed;inset-inline:12px!important;left:12px!important;right:12px!important;top:auto!important;bottom:14px;width:auto;max-height:44vh;overflow:auto}
  .route-home .bayan-edit-orbit,.route-home .bayan-ink-sweep{display:none}
}
@media(prefers-reduced-motion:reduce){
  .route-home .bayan-edit-orbit.is-visible,.route-home .bayan-ink-sweep.is-running,.route-home .bayan-editing-demo.is-accepting .bayan-issue.is-active{animation:none!important}
  .route-home .bayan-edit-card,.route-home .bayan-edit-status,.route-home .bayan-issue,.route-home button.bh-tool{transition:none!important}
}

/* v1.5.0 correctness, explanation depth and accessibility refinements. */
.route-home .bayan-issue.is-previewing{background:rgba(121,126,246,.07);text-decoration-thickness:2px;animation:bayanReviewBreath .9s ease both}
.route-home .bayan-issue[data-bayan-kind="spelling"].is-previewing{background:rgba(234,191,75,.11)}
.route-home .bayan-issue[data-bayan-kind="analysis"].is-previewing{background:rgba(45,212,191,.10)}
@keyframes bayanReviewBreath{0%{box-shadow:0 0 0 0 rgba(121,126,246,0)}45%{box-shadow:0 0 0 7px rgba(121,126,246,.07)}100%{box-shadow:0 0 0 0 rgba(121,126,246,0)}}
.route-home .bayan-edit-card{width:min(410px,calc(100% - 36px))}
.route-home .bayan-edit-rule{margin-top:12px;padding:11px 12px;border-inline-start:2px solid var(--bh-violet);border-radius:8px;background:#20222a;color:#dfe1e8;font-size:12px;line-height:1.75;animation:bayanRuleOpen .3s cubic-bezier(.2,.75,.2,1)}
.route-home .bayan-edit-card[data-kind="spelling"] .bayan-edit-rule{border-inline-start-color:#eabf4b}
.route-home .bayan-edit-card[data-kind="analysis"] .bayan-edit-rule{border-inline-start-color:#2dd4bf}
@keyframes bayanRuleOpen{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.route-home .bayan-edit-card[data-kind="analysis"] .bayan-edit-apply{background:#247d73}
.route-home .bayan-edit-card[data-kind="analysis"] .bayan-edit-more{border:1px solid rgba(156,236,223,.18)}
@media(prefers-reduced-motion:reduce){.route-home .bayan-issue.is-previewing,.route-home .bayan-edit-rule{animation:none!important}}