.bp-guide-launch{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:8000;padding:12px 18px;background:var(--accent);color:#fff;border:0;border-radius:28px;box-shadow:0 4px 20px #0002;font-weight:700}.bp-guide-launch span{display:block;font-size:10px;font-weight:400}.bp-guide-open{overflow:hidden}#bp-guide-dialog{position:fixed;inset:auto 20px 20px auto;margin:0;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:0;border:1px solid #d7e1ce;border-radius:16px;background:var(--paper);color:var(--ink);box-shadow:0 20px 60px #0003}#bp-guide-dialog[open]{display:flex;flex-direction:column}#bp-guide-dialog::backdrop{background:#0005}.bp-guide-heading{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #d7e1ce}.bp-guide-heading h2{font-size:20px;margin:0}.bp-guide-heading span{font-size:11px;color:#526654}.bp-guide-close{border:0;background:transparent;color:var(--ink);font-size:28px;min-width:44px;min-height:44px}.bp-guide-note{font-size:11px;color:#526654;padding:12px 20px;margin:0;line-height:1.6}.bp-guide-log{overflow:auto;max-height:230px;min-height:110px;padding:4px 20px 16px;overscroll-behavior:contain}.bp-guide-message{font-size:13px;background:var(--soft);padding:12px;border-radius:10px;margin-top:10px;overflow-wrap:anywhere}.bp-guide-message>span{font-size:10px;color:#526654}.bp-guide-message p{white-space:pre-wrap;margin:4px 0;line-height:1.7}.bp-guide-message.is-user{margin-left:32px;background:var(--paper);border:1px solid #d7e1ce}.bp-guide-message a{display:inline-block;margin-top:8px;font-weight:700}.bp-guide-questions{padding:0 20px 12px;display:flex;flex-wrap:wrap;gap:6px;max-height:130px;overflow:auto}.bp-guide-questions button{font-size:12px;background:var(--paper);color:var(--accent);border:1px solid #d7e1ce;border-radius:18px;padding:8px 10px;min-height:40px;text-align:left}.bp-guide-form{padding:12px 20px 20px;border-top:1px solid #d7e1ce}.bp-guide-form label{font-size:10px;display:block;margin-bottom:6px}.bp-guide-form>div{display:flex;gap:8px}.bp-guide-form input{min-width:0;flex:1;font-size:14px}.bp-guide-form button{flex-shrink:0;border:0;border-radius:6px;background:var(--accent);color:#fff;padding:10px;font-size:12px}@media(max-width:759px){#bp-guide-dialog{inset:auto 12px max(12px,env(safe-area-inset-bottom));width:calc(100vw - 24px);max-height:calc(100dvh - 64px)}.bp-guide-launch{right:16px;bottom:max(16px,env(safe-area-inset-bottom));font-size:13px;padding:10px 16px}.bp-guide-log{max-height:28dvh}.bp-guide-form input{font-size:16px}}

.bp-guide-heading-actions{display:flex;align-items:center;gap:4px}.bp-guide-sound{font-size:11px;padding:6px 8px;min-height:44px;border:0;background:transparent;color:#526654;white-space:nowrap}.bp-guide-typing{font-size:11px;color:#526654;margin:0;padding:0 20px 10px}.bp-guide-message.is-incoming{animation:bp-guide-arrive .28s ease-out both}@keyframes bp-guide-arrive{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:translateX(0)}}@media(prefers-reduced-motion:reduce){.bp-guide-message.is-incoming{animation:none}}

/* INUGOEの犬が相談ボタンからのぞく、静かな案内役。 */
.bp-guide-launch{min-width:190px;min-height:68px;padding:13px 22px;border-radius:22px;isolation:isolate;box-shadow:0 5px 22px #0003}
.bp-guide-launch .bp-guide-launch-title{font-size:18px;font-weight:700;line-height:1.5}
.bp-guide-launch .bp-guide-launch-hint{font-size:11px;font-weight:400;line-height:1.5;margin-top:2px}
.bp-guide-mascot{position:absolute;width:104px;height:98px;object-fit:contain;right:14px;bottom:calc(100% - 12px);pointer-events:auto;cursor:pointer;filter:drop-shadow(0 2px 2px #0002);z-index:1}
.bp-guide-launch:hover{filter:brightness(1.05)}
@media(max-width:759px){.bp-guide-launch{min-width:156px;min-height:58px;padding:10px 16px;border-radius:19px}.bp-guide-launch .bp-guide-launch-title{font-size:16px}.bp-guide-launch .bp-guide-launch-hint{font-size:10px}.bp-guide-mascot{width:78px;height:74px;right:12px;bottom:calc(100% - 10px)}}


.bp-guide-launch{border-radius:8px;z-index:8000;cursor:pointer;line-height:1.5}.bp-guide-launch .bp-guide-mascot{width:106px;height:142px;right:15px;bottom:calc(100% - 8px);object-position:center bottom;transform-origin:50% 100%}.bp-guide-widget[data-motion="1"] .bp-guide-mascot{animation:bp-guide-breathe 4s ease-in-out infinite}body.bp-guide-open .bp-guide-mascot,body.bp-menu-open .bp-guide-mascot{animation-play-state:paused}body.bp-menu-open .bp-guide-widget{visibility:hidden}.bp-guide-message a{color:#176b5a;text-underline-offset:3px}.bp-guide-questions button{cursor:pointer}.bp-guide-heading h2{line-height:1.4}.bp-guide-form input{min-height:44px;border-radius:6px}.bp-guide-form button{cursor:pointer;min-height:44px}.bp-guide-log{flex:1;min-height:90px}.bp-guide-sound{cursor:pointer}.site-footer{padding-bottom:130px}@keyframes bp-guide-breathe{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3px) rotate(1deg)}}@media(max-width:759px){.bp-guide-launch{min-width:136px;min-height:54px;border-radius:8px;right:12px}.bp-guide-launch .bp-guide-launch-title{font-size:15px}.bp-guide-launch .bp-guide-mascot{width:74px;height:98px;right:12px}.bp-guide-launch .bp-guide-launch-hint{font-size:9px}.bp-guide-heading{padding:12px 14px}.bp-guide-heading h2{font-size:18px}.bp-guide-heading-actions{gap:0}.bp-guide-form,.bp-guide-questions{padding-left:14px;padding-right:14px}.bp-guide-log{padding-left:14px;padding-right:14px}.bp-guide-form button{padding:8px}.bp-guide-form label{line-height:1.6}.site-footer{padding-bottom:120px}}@media(prefers-reduced-motion:reduce){.bp-guide-mascot{animation:none!important}}
/* 各コマを独立した面で表示し、前足を基準に位置を揃える。 */
.bp-guide-launch .bp-guide-mascot-sprite{width:120px;height:120px;right:12px;bottom:calc(100% - 8px);background-size:0 0;background-repeat:no-repeat;animation:none!important;transform:none;overflow:hidden;filter:drop-shadow(0 2px 2px #0002)}
.bp-guide-mascot-sprite::after{content:none}
.bp-guide-mascot-sprite::before{content:"";position:absolute;inset:0;background-image:inherit;background-size:200% 200%;background-repeat:no-repeat;background-position:0 0;clip-path:inset(4% 0 0 0);pointer-events:none}
.bp-guide-mascot-sprite[data-frame="1"]::before{background-position:100% 0;transform:translateX(13%)}
.bp-guide-mascot-sprite[data-frame="2"]::before{background-position:0 100%;transform:translateY(6%)}
.bp-guide-mascot-sprite[data-frame="3"]::before{background-position:100% 100%;transform:translate(13%,6%)}
@media(max-width:759px){.bp-guide-launch .bp-guide-mascot-sprite{width:88px;height:88px;right:10px;bottom:calc(100% - 7px)}}

/* サイトの緑から区別できる、白文字が読みやすいオレンジ。 */
.bp-guide-launch{background:#b94b0b;color:#fff;box-shadow:0 5px 22px #b94b0b40}.bp-guide-launch:hover{background:#a54008;filter:none}