@import url("./bojim-fonts.css");
/* Bojim motion, rebuilt from observed Mistral geometry. No remote assets. */
:root{--bm-yellow:#ddc3a2;--bm-amber:#c9a681;--bm-orange:#a7805e;--bm-red:#806047;--bm-paper:#fbfbf8;--bm-ink:#19191d;--bm-line:rgb(25 25 29 / .09);--bm-muted:#f0efeb;--bm-ease:cubic-bezier(.76,0,.24,1)}
[data-bm-theme="dark"]{--bm-paper:#19191d;--bm-ink:#f8f7f4;--bm-line:rgb(255 255 255 / .1);--bm-muted:#242428}
.bm-scene{position:relative;isolation:isolate;overflow:hidden;contain:paint;color:var(--bm-ink);background:var(--bm-paper)}
.bm-hero{min-height:640px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--bm-line)}
.bm-hero-content{position:relative;z-index:3;text-align:center;max-width:900px;padding:100px 30px 170px}
.bm-hero-content h1{font-size:clamp(48px,6.8vw,94px);line-height:1.04;letter-spacing:-.01em;font-weight:500;margin:22px 0}
.bm-hero-content p{max-width:490px;margin:24px auto;color:color-mix(in srgb,var(--bm-ink) 65%,transparent);font-size:17px;line-height:1.6}
.bm-hero-content .bm-kicker{font:11px/1.5 var(--bm-font-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--bm-orange)}
.bm-geometry{--bm-cell:120px;position:absolute;inset:0;z-index:0;pointer-events:none}
.bm-guide{position:absolute;top:0;bottom:0;width:1px;background:var(--bm-line)}
.bm-guide:nth-child(1){left:var(--bm-cell)}.bm-guide:nth-child(2){right:var(--bm-cell)}
.bm-orbit{position:absolute;width:650px;height:650px;border:1px solid var(--bm-line);border-radius:50%;top:-435px;left:-280px}
.bm-tile{position:absolute;bottom:0;width:var(--bm-cell);height:var(--bm-cell);transform-origin:center;background:var(--bm-yellow);animation-play-state:paused!important}
.is-running .bm-tile{animation-play-state:running!important}
.bm-tile--a{left:0;bottom:calc(var(--bm-cell)*2);animation:bm-left-top 9s var(--bm-ease) .35s infinite alternate}
.bm-tile--b{left:0;bottom:var(--bm-cell);background:var(--bm-amber);animation:bm-left-bottom 9s var(--bm-ease) .35s infinite alternate}
.bm-tile--c{left:var(--bm-cell);background:var(--bm-orange);animation:bm-center-left 9s var(--bm-ease) .35s infinite alternate}
.bm-tile--d{left:calc(var(--bm-cell)*2);width:calc(var(--bm-cell)/2);height:calc(var(--bm-cell)/2);animation:bm-small 9s var(--bm-ease) .35s infinite alternate}
.bm-tile--e{right:var(--bm-cell);background:var(--bm-red);animation:bm-center-right 9s var(--bm-ease) .35s infinite alternate}
.bm-tile--f{right:0;bottom:calc(var(--bm-cell)*2);background:var(--bm-orange);transform:rotate(45deg) scale(.7);animation:bm-right-diamond 9s var(--bm-ease) .35s infinite alternate}
.bm-tile--g{right:0;bottom:var(--bm-cell);animation:bm-right-mid 9s var(--bm-ease) .35s infinite alternate}
.bm-tile--h{right:0;background:var(--bm-amber);animation:bm-right-bottom 9s var(--bm-ease) .35s infinite alternate}
.bm-pixel-mark{display:inline-block;color:var(--bm-orange);font:bold 45px/.8 var(--bm-font-mono);letter-spacing:-.12em;user-select:none}
.bm-dot{position:absolute;width:4px;height:4px;background:var(--bm-ink);opacity:.35}.bm-dot--l{left:calc(var(--bm-cell) - 2px);top:30%}.bm-dot--r{right:calc(var(--bm-cell) - 2px);bottom:var(--bm-cell)}
.bm-hero-link{display:inline-flex;align-items:center;gap:14px;padding:12px 18px;border:1px solid var(--bm-line);border-radius:8px;background:var(--bm-ink);color:var(--bm-paper);text-decoration:none;font-size:14px}
.bm-arrow{display:inline-block;transition:transform .3s cubic-bezier(.16,1,.3,1)}
@media(hover:hover){.bm-hero-link:hover .bm-arrow{transform:translateX(4px)}.bm-hover-icon:hover svg{transform:rotate(-12deg)}}
.bm-login-stage{min-height:100svh;display:grid;place-items:center;background:var(--bm-paper);overflow:hidden;isolation:isolate;color:var(--bm-ink);position:relative}
.bm-login-frame{position:relative;width:480px;max-width:100%;isolation:isolate}
.bm-login-art{position:absolute;inset:0;pointer-events:none;z-index:-1;--bm-cell:240px}
.bm-login-art:before,.bm-login-art:after{content:"";position:absolute;top:50%;height:100vh;width:1px;background:var(--bm-line);transform:translateY(-50%);z-index:3}
.bm-login-art:before{left:0}.bm-login-art:after{right:0}
.bm-login-line{position:absolute;width:100vw;height:1px;background:var(--bm-line);left:50%;transform:translateX(-50%);z-index:3}.bm-login-line--top{top:0}.bm-login-line--bottom{bottom:0}
.bm-login-square{position:absolute;width:var(--bm-cell);height:var(--bm-cell);background:var(--bm-muted);opacity:0;z-index:0}
.bm-login-square i{display:block;position:absolute;inset:0;background:var(--bm-orange);transform:scaleX(0);transform-origin:left}
.bm-login-square--top{top:calc(-1 * var(--bm-cell));left:0}.bm-login-square--left{top:0;right:100%}.bm-login-square--right{top:0;left:100%}.bm-login-square--bottom{top:100%;left:var(--bm-cell)}
.bm-login-card{position:relative;z-index:2;background:color-mix(in srgb,var(--bm-paper) 97%,white);padding:48px 48px 64px;min-height:490px}
.bm-login-card h1{font-size:32px;line-height:1.25;letter-spacing:normal;font-weight:500;margin:30px 0 10px}.bm-login-card p{font-size:14px;color:color-mix(in srgb,var(--bm-ink) 64%,transparent);line-height:1.5}
.bm-login-card form{display:grid;gap:12px;margin-top:48px}.bm-login-card label{font-size:14px;font-weight:500}.bm-login-card input{width:100%;height:48px;border:1px solid var(--bm-line);border-radius:6px;background:var(--bm-paper);color:var(--bm-ink);padding:0 12px;font:inherit;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}
.bm-login-card input:focus{border-color:var(--bm-ink);outline:3px solid color-mix(in srgb,var(--bm-ink) 12%,transparent);outline-offset:1px}
.bm-login-card .bm-login-submit{min-height:44px;border:0;border-radius:6px;background:var(--bm-ink);color:var(--bm-paper);font:inherit;font-size:14px;font-weight:500;line-height:1.3;cursor:pointer;padding:12px;transition:transform 75ms ease-out,opacity 75ms ease-out}
.bm-login-card .bm-login-submit:active{transform:scale(.97)}
.bm-login-caption{font:12px/1.5 var(--bm-font-mono);text-align:center;position:relative;z-index:4;padding:30px;color:color-mix(in srgb,var(--bm-ink) 50%,transparent)}
[data-bm-reveal]{transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}
.bm-reveal-ready:not(.bm-revealed){opacity:0;transform:translateY(22px)}
@keyframes bm-left-top{0%,58%{transform:translate(0,0)}65%,100%{transform:translate(0,var(--bm-cell))}}
@keyframes bm-left-bottom{0%,14%{transform:translateX(0)}22%,100%{transform:translateX(calc(-1 * var(--bm-cell)))}}
@keyframes bm-center-left{0%,14%{transform:translate(0,0) rotate(45deg) scale(.7)}6%,14%{transform:translate(0,0) rotate(0) scale(1)}22%,100%{transform:translate(calc(-1 * var(--bm-cell)),0)}}
@keyframes bm-small{0%,24%{transform:translateX(0)}32%,100%{transform:translateX(calc(-1 * var(--bm-cell)))}}
@keyframes bm-center-right{0%{transform:scaleY(1)}8%,100%{transform:scaleY(0)}}
@keyframes bm-right-diamond{0%,36%{transform:translateY(0) rotate(45deg) scale(.7)}44%,100%{transform:translateY(var(--bm-cell)) rotate(0) scale(1)}}
@keyframes bm-right-mid{0%,36%{transform:translate(0,0)}44%,50%{transform:translate(0,var(--bm-cell))}58%,100%{transform:translate(var(--bm-cell),var(--bm-cell))}}
@keyframes bm-right-bottom{0%,36%{transform:translateY(0)}44%,100%{transform:translateY(var(--bm-cell))}}
@media(max-width:1023px){.bm-geometry{--bm-cell:60px}.bm-hero{min-height:560px}.bm-hero-content{padding:80px 25px 145px}.bm-hero-content h1{max-width:650px}.bm-tile--f{display:none}}
@media(max-width:639px){.bm-login-art{display:none}.bm-login-stage{place-items:start stretch}.bm-login-frame{width:100%;min-height:100svh}.bm-login-card{padding:40px 28px;min-height:calc(100svh - 110px);box-sizing:border-box}.bm-login-caption{padding:24px}.bm-hero{min-height:580px}.bm-hero-content{padding:80px 24px 150px}.bm-hero-content h1{font-size:48px}.bm-hero-content p{font-size:15px}.bm-hero-content .bm-kicker{font-size:10px}.bm-orbit{width:350px;height:350px;top:-220px;left:-150px}}
@media(prefers-reduced-motion:reduce){.bm-scene *,.bm-login-stage *,[data-bm-reveal]{animation:none!important;transition:none!important;scroll-behavior:auto!important}.bm-reveal-ready:not(.bm-revealed){opacity:1;transform:none}.bm-login-square{opacity:.35}}
.bm-monkey-logo{display:inline-block!important;position:relative;width:48px!important;height:48px!important;flex:0 0 auto!important;vertical-align:middle;line-height:0!important;letter-spacing:normal!important;overflow:hidden;isolation:isolate}
.bm-monkey-logo canvas,.bm-monkey-logo img{display:block;width:100%!important;height:100%!important;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;position:absolute;inset:0;transition:none!important;animation:none!important;transform:none!important;filter:none!important}
.bm-monkey-logo[data-logo-ready] img{visibility:hidden}
.bm-monkey-logo--login{width:96px!important;height:96px!important}
.bm-monkey-logo--hero{display:block!important;width:144px!important;height:144px!important;margin:0 auto 22px}
.bm-login-brand{display:inline-flex;align-items:center;text-decoration:none}
.bm-brand-b{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 auto;line-height:0}
.bm-brand-b img{display:block;width:32px!important;height:32px!important;object-fit:contain;image-rendering:pixelated}
.bm-pixel-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}
.bm-pixel-icon canvas{display:block;width:32px;height:32px;image-rendering:pixelated;image-rendering:crisp-edges;transition:none!important;filter:none!important}
.bm-tile>.bm-pixel-icon{position:absolute;inset:0;pointer-events:none}
.bm-tile>.bm-pixel-icon canvas{width:64px;height:64px}
.card-icon.bm-pixel-icon{width:64px;height:64px}
.card-icon.bm-pixel-icon canvas{width:64px;height:64px}
/* The native chat panels and controls retain their existing appearance. */
.bm-chat-surface{position:relative;isolation:isolate}
.bm-chat-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;--bm-chat-cell:160px;--bm-chat-tile:#e7e4de;--bm-chat-tile-alt:#eeece7;--bm-chat-trail:#d8c9b7;--bm-chat-line:rgb(80 65 50 / .05);background:var(--bg-primary,#faf9f6)}
.dark .bm-chat-backdrop{--bm-chat-tile:#242327;--bm-chat-tile-alt:#29272a;--bm-chat-trail:#3b322c;--bm-chat-line:rgb(214 187 154 / .045);background:#19191d}
.bm-chat-tile-frame{position:absolute;left:50%;top:96px;bottom:96px;width:calc(var(--bm-chat-cell)*2);transform:translateX(-50%);isolation:isolate}
.bm-chat-art{--bm-cell:var(--bm-chat-cell);display:block!important;z-index:0}
.bm-chat-art:before,.bm-chat-art:after,.bm-chat-art .bm-login-line{background:var(--bm-chat-line)}
html[data-bojim-motion][data-bojim-motion][data-bojim-motion] .bm-chat-surface #messages,
html[data-bojim-motion][data-bojim-motion][data-bojim-motion] .bm-chat-surface #composerWrap{position:relative;background:transparent!important}
html[data-bojim-motion][data-bojim-motion][data-bojim-motion] .bm-chat-surface .empty-state{background:transparent!important}
@media(max-width:1023px){.bm-tile>.bm-pixel-icon canvas{width:32px;height:32px}}
@media(max-width:639px){.bm-chat-backdrop{--bm-chat-cell:96px}.bm-chat-tile-frame{top:64px;bottom:144px}.bm-chat-art .bm-login-square--left,.bm-chat-art .bm-login-square--right{display:none}}
.bm-hero-content:has(.bm-monkey-logo){padding-top:44px}
@media(max-width:639px){.bm-monkey-logo--hero{width:96px!important;height:96px!important;margin-bottom:18px}}
