.mkc{
--mkc-grad:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 62%, #ff8ab3));--mkc-shadow:0 18px 50px rgba(0,0,0,.38), 0 2px 8px rgba(0,0,0,.18);position:fixed;right:22px;bottom:22px;z-index:85;font-family:var(--sans, system-ui, sans-serif);font-size:14px;color:var(--text);-webkit-tap-highlight-color:transparent}.mkc *,.mkc *::before,.mkc *::after{
box-sizing:border-box}.mkc button{
font-family:inherit}.mkc-fab{
position:relative;display:block;margin-left:auto;width:60px;height:60px;border-radius:50%;border:0;cursor:pointer;color:var(--on-accent);background:var(--mkc-grad);box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 45%,transparent),0 2px 6px rgba(0,0,0,.25);transition:transform .35s cubic-bezier(.3,1.6,.5,1),box-shadow .25s;animation:mkcIn .7s cubic-bezier(.2,1.3,.4,1) .15s backwards}.mkc-fab:hover{
transform:scale(1.09) rotate(-6deg)}.mkc-fab:active{
transform:scale(.93)}.mkc-fab:focus-visible{
outline:3px solid color-mix(in srgb,var(--accent) 55%,#fff);outline-offset:3px}.mkc-ring{
position:absolute;inset:-9px;border-radius:50%;background:color-mix(in srgb,var(--accent) 22%,transparent);z-index:-1;animation:mkcRing 2.8s ease-out infinite;pointer-events:none}.mkc-ring.r2{
inset:-20px;background:color-mix(in srgb,var(--accent) 12%,transparent);animation-delay:1.1s}.mkc.is-open .mkc-ring{
animation:none;opacity:0}.mkc-ic{
position:absolute;inset:0;display:grid;place-items:center;transition:transform .45s cubic-bezier(.3,1.5,.5,1),opacity .25s}.mkc-ic.ic-x{
transform:rotate(-90deg) scale(.4);opacity:0}.mkc.is-open .ic-chat{
transform:rotate(90deg) scale(.4);opacity:0}.mkc.is-open .ic-x{
transform:none;opacity:1}.mkc-badge{
position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#ff4d4f;color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;border:2.5px solid var(--bg);animation:mkcBadge .5s cubic-bezier(.3,1.8,.5,1) both}.mkc-badge[hidden]{
display:none}.mkc-fab.wiggle .ic-chat svg{
animation:mkcWiggle .8s ease}@keyframes mkcIn{
from{
opacity:0;transform:scale(.2) translateY(30px)}to{
opacity:1;transform:none}}@keyframes mkcRing{
0%{
transform:scale(.72);opacity:.9}70%,100%{
transform:scale(1.28);opacity:0}}@keyframes mkcBadge{
from{
transform:scale(0)}to{
transform:scale(1)}}@keyframes mkcWiggle{
0%,100%{
transform:rotate(0)}20%{
transform:rotate(-14deg)}40%{
transform:rotate(12deg)}60%{
transform:rotate(-8deg)}80%{
transform:rotate(5deg)}}.mkc-greet{
position:absolute;right:74px;bottom:6px;width:max-content;max-width:min(260px,calc(100vw - 120px));padding:11px 34px 11px 14px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:16px 16px 4px 16px;box-shadow:var(--mkc-shadow);font-size:13px;line-height:1.45;cursor:pointer;transform-origin:100% 100%;animation:mkcGreet .45s cubic-bezier(.2,1.4,.4,1) both}.mkc-greet[hidden]{
display:none}.mkc-greet b{
display:block;font-size:12px;color:var(--accent);margin-bottom:2px}.mkc-greet span{
display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.mkc-greet button{
position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;border:0;background:transparent;color:var(--text-faint);cursor:pointer;font-size:15px;line-height:1}.mkc-greet button:hover{
background:var(--panel-2);color:var(--text)}.mkc-greet.out{
animation:mkcGreetOut .25s ease both}@keyframes mkcGreet{
from{
opacity:0;transform:translateX(14px) scale(.8)}to{
opacity:1;transform:none}}@keyframes mkcGreetOut{
to{
opacity:0;transform:translateX(10px) scale(.9)}}.mkc.is-open .mkc-greet{
display:none}.mkc-panel{
position:absolute;right:0;bottom:76px;width:380px;height:min(620px,calc(100vh - 120px));display:flex;flex-direction:column;overflow:hidden;background:var(--panel);border:1px solid var(--border);border-radius:22px;box-shadow:var(--mkc-shadow);transform-origin:100% 100%;transform:scale(.55) translateY(40px);opacity:0;visibility:hidden;pointer-events:none;transition:transform .42s cubic-bezier(.2,1.15,.35,1),opacity .22s ease,visibility 0s linear .42s}.mkc.is-open .mkc-panel{
transform:none;opacity:1;visibility:visible;pointer-events:auto;transition:transform .42s cubic-bezier(.2,1.15,.35,1),opacity .22s ease,visibility 0s}.mkc-head{
position:relative;display:flex;align-items:center;gap:12px;padding:15px 14px 15px 16px;color:var(--on-accent);background:var(--mkc-grad);overflow:hidden;flex-shrink:0}.mkc-head::before,.mkc-head::after{
content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.14);pointer-events:none}.mkc-head::before{
width:150px;height:150px;right:-40px;top:-70px;animation:mkcDrift 7s ease-in-out infinite}.mkc-head::after{
width:90px;height:90px;right:70px;bottom:-60px;animation:mkcDrift 9s ease-in-out infinite reverse}@keyframes mkcDrift{
0%,100%{
transform:translate(0,0)}50%{
transform:translate(-14px,10px)}}.mkc-av{
position:relative;flex-shrink:0;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.28);display:grid;place-items:center;font-weight:800;font-size:18px;border:2px solid rgba(255,255,255,.55);z-index:1}.mkc-av img{
width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.mkc-av i{
position:absolute;right:-2px;bottom:-2px;width:13px;height:13px;border-radius:50%;background:#9aa3ad;border:2.5px solid var(--accent)}.mkc-av i.on{
background:#3ecf72;animation:mkcOnline 2.2s infinite}@keyframes mkcOnline{
0%{
box-shadow:0 0 0 0 rgba(62,207,114,.7)}70%{
box-shadow:0 0 0 7px rgba(62,207,114,0)}100%{
box-shadow:0 0 0 0 rgba(62,207,114,0)}}.mkc-title{
flex:1;min-width:0;z-index:1;line-height:1.25}.mkc-title b{
display:block;font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mkc-title span{
display:block;font-size:12px;opacity:.88;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mkc-hb{
z-index:1;width:32px;height:32px;border-radius:50%;border:0;background:rgba(255,255,255,.18);color:inherit;cursor:pointer;display:grid;place-items:center;transition:background .15s,transform .2s}.mkc-hb:hover{
background:rgba(255,255,255,.32);transform:scale(1.08)}.mkc-hb.x{
display:none}.mkc-bar{
display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;color:var(--text-dim);background:var(--panel-2);border-bottom:1px solid var(--border-soft);flex-shrink:0;animation:mkcDown .3s ease both}.mkc-bar[hidden]{
display:none}.mkc-bar .dot{
width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0;animation:mkcOnline 2.2s infinite}.mkc-bar span{
flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mkc-bar button{
border:0;background:none;color:var(--accent);font-weight:700;font-size:12.5px;cursor:pointer;padding:2px 0}.mkc-bar button:hover{
text-decoration:underline}@keyframes mkcDown{
from{
opacity:0;transform:translateY(-8px)}to{
opacity:1;transform:none}}.mkc-views{
position:relative;flex:1;min-height:0;overflow:hidden;background:var(--bg)}.mkc-view{
position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateX(34px);pointer-events:none;transition:transform .38s cubic-bezier(.2,.9,.3,1),opacity .25s,visibility 0s linear .38s}.mkc-view.active{
opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:transform .38s cubic-bezier(.2,.9,.3,1),opacity .25s,visibility 0s}.mkc-view.gone{
transform:translateX(-34px)}.v-welcome{
align-items:center;justify-content:center;text-align:center;padding:26px 26px 30px;gap:0;background:radial-gradient(120% 80% at 50% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%),var(--bg)}.mkc-hero{
position:relative;width:112px;height:112px;margin-bottom:20px}.mkc-hero .core{
position:absolute;inset:14px;border-radius:30px;background:var(--mkc-grad);color:var(--on-accent);display:grid;place-items:center;box-shadow:0 16px 36px color-mix(in srgb,var(--accent) 40%,transparent);animation:mkcFloat 4s ease-in-out infinite}.mkc-hero .o{
position:absolute;border-radius:50%;background:var(--accent);opacity:.85}.mkc-hero .o1{
width:14px;height:14px;top:6px;right:10px;animation:mkcOrbit 3.2s ease-in-out infinite}.mkc-hero .o2{
width:9px;height:9px;bottom:12px;left:4px;opacity:.5;animation:mkcOrbit 4.1s ease-in-out infinite reverse}.mkc-hero .o3{
width:18px;height:18px;bottom:2px;right:2px;opacity:.28;animation:mkcOrbit 5s ease-in-out infinite}@keyframes mkcFloat{
0%,100%{
transform:translateY(0) rotate(-4deg)}50%{
transform:translateY(-8px) rotate(4deg)}}@keyframes mkcOrbit{
0%,100%{
transform:translate(0,0) scale(1)}50%{
transform:translate(-8px,10px) scale(1.25)}}.v-welcome h3{
font-size:19px;font-weight:800;margin-bottom:8px;letter-spacing:-.2px}.v-welcome p{
font-size:13.5px;line-height:1.65;color:var(--text-dim);max-width:270px;margin-bottom:22px}.mkc-cta{
display:flex;flex-direction:column;gap:10px;width:100%;max-width:270px}.mkc-btn{
position:relative;height:46px;border-radius:14px;border:1.5px solid var(--border);background:var(--panel);color:var(--text);font-size:14.5px;font-weight:700;cursor:pointer;overflow:hidden;transition:transform .18s cubic-bezier(.3,1.5,.5,1),box-shadow .2s,border-color .2s,background .2s}.mkc-btn:hover{
transform:translateY(-2px);border-color:var(--accent);background:var(--accent-soft)}.mkc-btn:active{
transform:scale(.97)}.mkc-btn.primary{
border:0;color:var(--on-accent);background:var(--mkc-grad);box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 38%,transparent)}.mkc-btn.primary:hover{
box-shadow:0 14px 30px color-mix(in srgb,var(--accent) 50%,transparent);background:var(--mkc-grad)}.mkc-btn:disabled{
opacity:.7;cursor:progress;transform:none}.mkc-btn .sp{
display:none;width:18px;height:18px;border-radius:50%;border:2.5px solid color-mix(in srgb,currentColor 30%,transparent);border-top-color:currentColor;animation:mkcSpin .7s linear infinite;margin:auto}.mkc-btn.loading .t{
display:none}.mkc-btn.loading .sp{
display:block}@keyframes mkcSpin{
to{
transform:rotate(360deg)}}.mkc-note{
margin-top:16px;font-size:11.5px;color:var(--text-faint)}.v-form{
padding:16px 22px 22px;overflow-y:auto}.mkc-back{
align-self:flex-start;display:inline-flex;align-items:center;gap:4px;border:0;background:none;color:var(--text-dim);font-size:13px;font-weight:600;cursor:pointer;padding:6px 8px 6px 0;margin-bottom:6px}.mkc-back:hover{
color:var(--accent)}.v-form h3{
font-size:20px;font-weight:800;letter-spacing:-.2px;margin-bottom:4px}.v-form .sub{
font-size:13px;color:var(--text-dim);margin-bottom:18px;line-height:1.55}.mkc-form{
display:flex;flex-direction:column;gap:14px}.mkc-f{
position:relative}.mkc-f input{
width:100%;height:50px;padding:20px 44px 6px 14px;border-radius:13px;border:1.5px solid var(--border);background:var(--panel);color:var(--text);font:inherit;font-size:14.5px;outline:0;transition:border-color .18s,box-shadow .18s}.mkc-f label{
position:absolute;left:15px;top:15px;font-size:14px;color:var(--text-faint);pointer-events:none;transform-origin:0 0;transition:transform .18s ease,color .18s}.mkc-f input:focus{
border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.mkc-f input:focus+label,.mkc-f input:not(:placeholder-shown)+label{
transform:translateY(-10px) scale(.76);color:var(--accent)}.mkc-f.bad input{
border-color:#ff4d4f;box-shadow:0 0 0 4px rgba(255,77,79,.14);animation:mkcShake .4s}.mkc-f.bad label{
color:#ff4d4f}.mkc-eye{
position:absolute;right:6px;top:7px;width:36px;height:36px;border-radius:10px;border:0;background:none;color:var(--text-faint);cursor:pointer;display:grid;place-items:center}.mkc-eye:hover{
color:var(--text);background:var(--panel-2)}.mkc-f.only-reg{
overflow:hidden;max-height:60px;transition:max-height .35s ease,opacity .25s,margin .35s}.mkc-form[data-mode=login] .only-reg{
max-height:0;opacity:0;margin-top:-14px;pointer-events:none}.mkc-err{
min-height:0;font-size:12.5px;color:#ff6b6d;line-height:1.5;background:rgba(255,77,79,.1);border:1px solid rgba(255,77,79,.28);border-radius:11px;padding:9px 12px;animation:mkcShake .4s}.mkc-err[hidden]{
display:none}.mkc-switch{
margin-top:14px;text-align:center;font-size:13px;color:var(--text-dim)}.mkc-switch button{
border:0;background:none;color:var(--accent);font-weight:700;cursor:pointer;font-size:13px}.mkc-switch button:hover{
text-decoration:underline}@keyframes mkcShake{
0%,100%{
transform:translateX(0)}20%{
transform:translateX(-6px)}40%{
transform:translateX(6px)}60%{
transform:translateX(-4px)}80%{
transform:translateX(3px)}}.mkc-msgs{
flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 14px 8px;display:flex;flex-direction:column;gap:5px;background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--text) 6%,transparent) 1px,transparent 0);background-size:22px 22px}.mkc-sys{
align-self:center;max-width:90%;text-align:center;font-size:11.5px;color:var(--text-faint);margin:6px 0;animation:mkcPop .4s ease both}.mkc-day{
align-self:center;margin:10px 0 6px;padding:3px 12px;border-radius:999px;background:var(--panel);border:1px solid var(--border-soft);color:var(--text-dim);font-size:11px;font-weight:600}.mkc-b{
position:relative;max-width:82%;padding:9px 13px 5px;border-radius:18px;font-size:14px;line-height:1.5;overflow-wrap:anywhere;word-break:break-word;animation:mkcPop .34s cubic-bezier(.2,.9,.3,1.25) both;transform-origin:var(--o, 0 100%)}.mkc-b.still{
animation:none}.mkc-b.in{
align-self:flex-start;background:var(--panel);border:1px solid var(--border);border-bottom-left-radius:6px;--o:0 100%}.mkc-b.out{
align-self:flex-end;color:var(--on-accent);background:var(--mkc-grad);border-bottom-right-radius:6px;--o:100% 100%;box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 26%,transparent)}.mkc-b.out.pending{
opacity:.7}.mkc-b.out.failed{
background:#e5484d;color:#fff;cursor:pointer;box-shadow:none}.mkc-b a{
color:inherit;text-decoration:underline;text-underline-offset:2px}.mkc-txt{
white-space:pre-wrap}.mkc-meta{
display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:1px;font-size:10.5px;opacity:.72;line-height:1}.mkc-tick{
display:inline-flex;align-items:center;min-height:12px}.mkc-b.out .mkc-tick.read{
color:#fff;opacity:1;filter:drop-shadow(0 0 3px rgba(255,255,255,.7))}@keyframes mkcPop{
from{
opacity:0;transform:translateY(10px) scale(.88)}to{
opacity:1;transform:none}}.mkc-typing{
display:flex;align-items:center;gap:5px;padding:13px 15px;align-self:flex-start;background:var(--panel);border:1px solid var(--border);border-radius:18px;border-bottom-left-radius:6px;animation:mkcPop .25s ease both}.mkc-typing.leaving{
opacity:0;transform:scale(.85);transition:opacity .18s,transform .18s}.mkc-typing i{
width:7px;height:7px;border-radius:50%;background:var(--text-faint);animation:mkcBounce 1.2s infinite ease-in-out}.mkc-typing i:nth-child(2){
animation-delay:.16s}.mkc-typing i:nth-child(3){
animation-delay:.32s}@keyframes mkcBounce{
0%,60%,100%{
transform:translateY(0);opacity:.45}30%{
transform:translateY(-5px);opacity:1}}.mkc-pill{
position:absolute;left:50%;bottom:92px;transform:translateX(-50%);z-index:3;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;border:0;cursor:pointer;background:var(--accent);color:var(--on-accent);font-size:12px;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.35);animation:mkcPop .25s ease both}.mkc-pill[hidden]{
display:none}.mkc-off{
flex-shrink:0;padding:7px 14px;font-size:11.5px;line-height:1.5;color:var(--text-dim);background:color-mix(in srgb,var(--accent) 9%,var(--panel));border-top:1px solid var(--border-soft);text-align:center;animation:mkcDown .3s ease both}.mkc-off[hidden]{
display:none}.mkc-toast{
flex-shrink:0;margin:0 12px 6px;padding:8px 12px;border-radius:11px;font-size:12.5px;color:#ff8a8c;background:rgba(255,77,79,.12);border:1px solid rgba(255,77,79,.3);animation:mkcPop .25s ease both}.mkc-toast[hidden]{
display:none}.mkc-compose{
flex-shrink:0;display:flex;align-items:flex-end;gap:9px;padding:10px 12px 12px;background:var(--panel);border-top:1px solid var(--border-soft)}.mkc-compose textarea{
overflow-y:hidden;scrollbar-width:thin;flex:1;min-width:0;resize:none;max-height:120px;padding:11px 15px;border-radius:20px;border:1.5px solid var(--border);background:var(--panel-2);color:var(--text);font:inherit;font-size:14px;line-height:1.4;outline:0;transition:border-color .15s,box-shadow .15s}.mkc-compose textarea:focus{
border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.mkc-send{
flex-shrink:0;width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;color:var(--on-accent);background:var(--mkc-grad);box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 38%,transparent);transition:transform .2s cubic-bezier(.3,1.6,.5,1),opacity .15s,filter .15s}.mkc-send:hover:not(:disabled){
transform:scale(1.1) rotate(-10deg)}.mkc-send:active:not(:disabled){
transform:scale(.9)}.mkc-send:disabled{
opacity:.38;cursor:default;filter:grayscale(.7);box-shadow:none}.mkc-send.fly svg{
animation:mkcFly .45s ease}@keyframes mkcFly{
0%{
transform:none;opacity:1}45%{
transform:translate(18px,-18px) scale(.7);opacity:0}55%{
transform:translate(-14px,14px) scale(.7);opacity:0}100%{
transform:none;opacity:1}}@media(max-width:720px){
.mkc{
right:16px;bottom:calc(94px + env(safe-area-inset-bottom,0px))}.mkc-fab{
width:56px;height:56px}}@media(max-width:520px){
.mkc-panel{
position:fixed;inset:0;width:100%;height:100%;height:100dvh;border-radius:0;border:0;transform-origin:50% 100%;transform:translateY(100%)}.mkc.is-open .mkc-panel{
transform:none}.mkc.is-open .mkc-fab{
opacity:0;pointer-events:none;transform:scale(.5)}.mkc-hb.x{
display:grid}.mkc-head{
padding-top:calc(15px + env(safe-area-inset-top,0px))}.mkc-compose{
padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.mkc-b{
max-width:86%}}body.mkc-lock{
overflow:hidden}.mkc-f input::-ms-reveal,.mkc-f input::-ms-clear{
display:none!important}.mkc-f input::-webkit-credentials-auto-fill-button,.mkc-f input::-webkit-contacts-auto-fill-button{
visibility:hidden;display:none!important;pointer-events:none}.mkc-btn.google{
display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1f2328;border-color:#dadce0}.mkc-btn.google:hover{
background:#f7f8fa;border-color:#4285f4;box-shadow:0 8px 20px rgba(66,133,244,.22)}.mkc-btn.google svg{
flex-shrink:0}.mkc-or{
display:flex;align-items:center;gap:10px;color:var(--text-faint);font-size:11.5px;margin:2px 0}.mkc-or::before,.mkc-or::after{
content:"";flex:1;height:1px;background:var(--border)}.v-welcome .mkc-err{
margin-top:14px;max-width:270px;width:100%;text-align:left}.mkc-fab{
animation:mkcIn .7s cubic-bezier(.2,1.3,.4,1) .15s backwards,mkcBob 3.2s ease-in-out 1s infinite,mkcGlow 2.4s ease-in-out infinite}.mkc.is-open .mkc-fab{
animation:mkcIn .7s cubic-bezier(.2,1.3,.4,1) .15s backwards}.mkc-fab .ic-chat svg{
animation:mkcIcon 5s ease-in-out 2s infinite}.mkc-orbit{
position:absolute;inset:-6px;border-radius:50%;pointer-events:none;animation:mkcSpin 4.5s linear infinite}.mkc-orbit i{
position:absolute;top:0;left:50%;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:#fff;box-shadow:0 0 10px 3px color-mix(in srgb,var(--accent) 70%,#fff)}.mkc.is-open .mkc-orbit{
display:none}.mkc-fab::after{
content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);background-size:250% 100%;background-position:160% 0;animation:mkcShine 3.6s ease-in-out 1.5s infinite;pointer-events:none}@keyframes mkcBob{
0%,100%{
translate:0 0}50%{
translate:0 -7px}}@keyframes mkcGlow{
0%,100%{
box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 40%,transparent),0 2px 6px rgba(0,0,0,.25)}50%{
box-shadow:0 14px 42px color-mix(in srgb,var(--accent) 75%,transparent),0 2px 6px rgba(0,0,0,.25)}}@keyframes mkcIcon{
0%,70%,100%{
transform:rotate(0) scale(1)}76%{
transform:rotate(-16deg) scale(1.12)}82%{
transform:rotate(14deg) scale(1.12)}88%{
transform:rotate(-8deg)}94%{
transform:rotate(4deg)}}@keyframes mkcShine{
0%,55%{
background-position:160% 0}100%{
background-position:-60% 0}}.mkc-hero{
flex-shrink:0}.v-welcome{
overflow-y:auto;justify-content:flex-start;padding-top:max(22px,4vh)}@media(min-height:760px){
.v-welcome{
justify-content:center}}.mkc.embed{
z-index:2147483000;font-size:14px;line-height:1.4}.mkc.embed *{
font-family:inherit}@media(max-width:720px){
.mkc.embed{
bottom:calc(16px + env(safe-area-inset-bottom,0px))}}.mkc.embed{
bottom:var(--mkc-bottom, calc(55vh - 30px))}@media(max-width:720px){
.mkc.embed{
bottom:calc(var(--mkc-bottom, calc(55vh - 30px)) + env(safe-area-inset-bottom,0px))}}@media(min-width:721px){
.mkc.embed .mkc-panel{
position:fixed;right:22px;bottom:22px;height:min(620px,calc(100vh - 44px))}}.mkc.embed{
pointer-events:auto;z-index:2147483647}.mkc-attach{
flex-shrink:0;width:38px;height:38px;border-radius:50%;border:0;background:transparent;color:var(--text-dim);display:grid;place-items:center;cursor:pointer;transition:transform .18s,color .15s}.mkc-attach:hover{
color:var(--accent);transform:rotate(-12deg) scale(1.08)}.mkc-prev{
display:flex;align-items:center;gap:10px;margin:0 12px;padding:6px 8px;border:1px dashed var(--border);border-radius:12px;background:var(--panel-2);font-size:12px;color:var(--text-dim);animation:mkcPop .22s ease both}.mkc-prev[hidden]{
display:none}.mkc-prev img{
width:42px;height:42px;object-fit:cover;border-radius:8px}.mkc-prev span{
flex:1}.mkc-prev-x{
border:0;background:var(--panel);color:var(--text-dim);width:26px;height:26px;border-radius:50%;cursor:pointer}.mkc-img{
display:block;max-width:100%;max-height:240px;border-radius:12px;margin:2px 0 4px;cursor:zoom-in;object-fit:cover;background:var(--panel-2)}.mkc-auto{
display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;opacity:.75;margin-bottom:3px}.mkc-lb{
position:absolute;inset:0;z-index:20;background:rgba(0,0,0,.85);display:grid;place-items:center;cursor:zoom-out;padding:14px;animation:mkcFadeIn .18s ease both}.mkc-lb.out{
opacity:0;transition:opacity .18s}.mkc-lb img{
max-width:100%;max-height:100%;border-radius:10px;animation:mkcPop .25s ease both}@keyframes mkcFadeIn{
from{
opacity:0}to{
opacity:1}}@keyframes mkcFade{
from{
opacity:0}to{
opacity:1}}.mkc.calm .mkc-fab{
animation:mkcFade .6s ease .1s backwards}.mkc.calm .mkc-ring{
display:none}.mkc-fab{
touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.mkc.dragging .mkc-fab{
cursor:grabbing;transition:none;animation-play-state:paused;transform:scale(1.08)}.mkc.dragging .mkc-panel{
transition:none}.mkc.at-left .mkc-greet{
right:auto;left:74px;transform-origin:0 100%;border-radius:16px 16px 16px 4px}.mkc.at-left .mkc-greet:not(.out){
animation-name:mkcGreetL}.mkc.at-top .mkc-greet{
bottom:auto;top:6px}@keyframes mkcGreetL{
from{
opacity:0;transform:translateX(-14px) scale(.8)}to{
opacity:1;transform:none}}@media(max-width:520px){
.mkc.is-open .mkc-fab{
cursor:default}}.mkc:not(.is-open) .mkc-panel,.mkc:not(.is-open) .mkc-panel *{
pointer-events:none!important}.mkc:not(.is-open) .mkc-panel *,.mkc:not(.is-open) .mkc-panel *::before,.mkc:not(.is-open) .mkc-panel *::after{
animation-play-state:paused!important}.mkc.calm .mkc-ring{
display:block}.mkc.calm .mkc-fab{
animation:mkcFade .6s ease .1s backwards,mkcGlow 2.4s ease-in-out infinite}.mkc.calm.is-open .mkc-fab{
animation:mkcFade .6s ease backwards}.mkc.calm .mkc-fab:hover{
transform:scale(1.06)}.mkc.calm .mkc-fab:active{
transform:scale(.95)}.mkc input,.mkc textarea{
-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default}.mkc-txt,.mkc-txt *{
-webkit-user-select:text;user-select:text}.mkc-fab,.mkc-fab *{
-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media(pointer:coarse){
.mkc-f input,.mkc-compose textarea{
font-size:16px}}@media(max-width:520px){
.mkc-panel{
top:var(--mkc-vt, 0px);bottom:auto;height:var(--mkc-vh, 100dvh)}}.v-welcome,.v-form{
scrollbar-width:none;-ms-overflow-style:none}.v-welcome::-webkit-scrollbar,.v-form::-webkit-scrollbar{
display:none;width:0;height:0}@media(min-width:521px){
.mkc-panel{
transition:transform .42s cubic-bezier(.2,1.15,.35,1),opacity .22s ease,height .28s ease,visibility 0s linear .42s}.mkc.is-open .mkc-panel{
transition:transform .42s cubic-bezier(.2,1.15,.35,1),opacity .22s ease,height .28s ease,visibility 0s}.mkc.dragging .mkc-panel{
transition:none!important}}@media(min-width:521px){
.v-welcome{
padding-top:24px;padding-bottom:24px}.v-form{
padding-bottom:22px}}@media(min-width:521px)and (max-height:720px){
.mkc-hero{
width:76px;height:76px;margin-bottom:8px}.mkc-hero .core{
inset:8px;border-radius:22px}.mkc-hero .core svg{
width:30px;height:30px}.v-welcome{
padding-top:14px;padding-bottom:16px}.v-welcome h3{
font-size:17px;margin:0 0 4px}.v-welcome p{
margin:0 0 12px;line-height:1.5}.mkc-cta{
gap:8px}.mkc-btn{
height:42px}.mkc-note{
margin-top:10px}}@media(min-width:521px)and (max-height:600px){
.mkc-hero{
display:none}}.mkc-by{
display:inline-flex;align-items:center;font-size:10.5px;font-weight:750;letter-spacing:.2px;margin-bottom:3px;padding:1px 8px;border-radius:999px;background:rgba(217,138,27,.18);color:#c47a12}