/* MYTEMPO — AI chat panel (opened from the round chat button at the bottom right).
   Uses the page's own color tokens (--bg, --fg, --line, --sub, --surf), so it follows the light / dark theme. */
.mt-chat{position:fixed;right:clamp(14px,2vw,28px);bottom:calc(clamp(14px,2vw,28px) + 76px);z-index:46;width:min(400px,calc(100vw - 28px));height:min(600px,calc(100svh - 140px));display:flex;flex-direction:column;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:6px;box-shadow:0 30px 60px rgba(0,0,0,.22);overflow:hidden;font-family:var(--jp);font-feature-settings:'palt' 1;clip-path:circle(0% at 100% 100%);pointer-events:none;transition:clip-path .7s cubic-bezier(.7,0,.2,1)}
.mt-chat[data-open]{clip-path:circle(150% at 100% 100%);pointer-events:auto}
.mt-chat-head{flex:none;display:flex;align-items:center;gap:12px;padding:16px 16px 14px 20px;border-bottom:1px solid var(--line)}
.mt-chat-mark{font-size:20px;display:grid;grid-template-columns:.46em .46em;gap:.08em}
.mt-chat-mark span{width:.46em;height:.46em;background:var(--fg)}
.mt-chat-mark span:nth-child(1){border-radius:50% 50% 0 0}
.mt-chat-mark span:nth-child(2){border-radius:0 50% 50% 0}
.mt-chat-mark span:nth-child(3){border-radius:50% 0 0 50%}
.mt-chat-mark span:nth-child(4){background:none}
.mt-chat-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.mt-chat-en{font-family:'Bricolage Grotesque',sans-serif;font-stretch:96%;font-weight:500;font-size:17px;letter-spacing:-0.02em;line-height:1.1}
.mt-chat-ja{font-size:11.5px;letter-spacing:.06em;color:var(--sub)}
.mt-chat-close{flex:none;width:36px;height:36px;border:1px solid var(--line3);border-radius:50%;background:transparent;color:var(--fg);cursor:pointer;position:relative;transition:background .3s,color .3s}
.mt-chat-close:hover{background:var(--fg);color:var(--bg)}
.mt-chat-close::before,.mt-chat-close::after{content:'';position:absolute;left:50%;top:50%;width:13px;height:1px;background:currentColor;translate:-50% -50%;rotate:45deg}
.mt-chat-close::after{rotate:-45deg}
.mt-chat-log{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 20px 8px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin}
.mt-chat-msg{max-width:86%;padding:12px 16px;font-size:13.5px;line-height:1.85;letter-spacing:.04em;white-space:pre-wrap;overflow-wrap:anywhere}
.mt-chat-msg[data-role="assistant"]{align-self:flex-start;background:var(--surf);border-radius:16px 16px 16px 4px}
.mt-chat-msg[data-role="user"]{align-self:flex-end;background:var(--fg);color:var(--bg);border-radius:16px 16px 4px 16px}
.mt-chat-msg[data-note]{color:var(--sub)}
.mt-chat-typing{display:flex;gap:4px;padding:6px 2px}
.mt-chat-typing span{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.35}
.mt-chat-chips{display:flex;flex-wrap:wrap;gap:8px;padding-top:2px}
.mt-chat-chip{display:flex;align-items:center;gap:8px;cursor:pointer;border:1px solid var(--line3);background:transparent;color:var(--fg);border-radius:999px 0 0 999px;padding:8px 14px 8px 12px;font:inherit;font-size:12.5px;font-weight:500;letter-spacing:.04em;transition:background .4s,color .4s,border-color .4s,border-radius .6s cubic-bezier(.7,0,.2,1)}
.mt-chat-chip::before{content:'';width:8px;height:8px;border-radius:50% 0 0 50%;background:currentColor;opacity:.35}
.mt-chat-chip:hover{background:var(--fg);color:var(--bg);border-color:var(--fg);border-radius:0 999px 999px 0}
.mt-chat-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;margin:2px 0 4px 4px;font-family:'Bricolage Grotesque',var(--jp),sans-serif;font-stretch:96%;font-size:13px;border-bottom:1px solid currentColor;padding-bottom:4px;transition:gap .4s}
.mt-chat-cta:hover{gap:16px}
.mt-chat-form{flex:none;display:flex;align-items:flex-end;gap:10px;margin:8px 16px 0 20px;padding:6px 0 10px;border-bottom:1px solid var(--line3);transition:border-color .3s}
.mt-chat-form:focus-within{border-bottom-color:var(--fg)}
.mt-chat-input{flex:1;min-width:0;border:0;background:transparent;color:var(--fg);font:inherit;font-size:16px;line-height:1.6;letter-spacing:.04em;padding:6px 0;resize:none;outline:none;max-height:6.4em}
.mt-chat-input::placeholder{color:var(--sub)}
.mt-chat-send{flex:none;width:40px;height:40px;border:0;border-radius:50%;background:var(--fg);color:var(--bg);cursor:pointer;display:grid;place-items:center;transition:opacity .3s,scale .4s cubic-bezier(.34,1.56,.64,1)}
.mt-chat-send:hover{scale:1.06}
.mt-chat-send:disabled{opacity:.35;cursor:default;scale:1}
.mt-chat-send .mt-chat-mark{font-size:15px}
.mt-chat-send .mt-chat-mark span{background:currentColor}
.mt-chat-send .mt-chat-mark span:nth-child(4){background:none}
.mt-chat-foot{flex:none;margin:0;padding:10px 20px 14px;font-size:11px;line-height:1.7;letter-spacing:.04em;color:var(--sub)}
.mt-chat-foot a{border-bottom:1px solid currentColor}
.mt-chat-ts{flex:none;padding:0 20px 8px}
@media (max-width:767px){
  .mt-chat{right:12px;left:12px;bottom:76px;width:auto;height:min(560px,calc(100svh - 100px))}
}
@media (prefers-reduced-motion:reduce){.mt-chat{transition:none}}