.boxy-dialog{border-radius:1.3rem;gap:.8rem;width:calc(100% - 1.5rem);max-width:440px;max-height:calc(100dvh - 1.5rem);padding:1.5rem;overflow-y:auto}.boxy-heading{align-items:center;gap:.7rem;padding-right:1rem;display:flex}.boxy-heading h2{font-size:1.3rem}.boxy-heading p{color:#626a65;margin-top:.2rem;font-size:.75rem}.boxy-mark{color:#28563e;background:#eaf2ed;border-radius:12px;place-items:center;width:45px;height:45px;display:grid}.boxy-questions{gap:.35rem;display:grid}.boxy-questions button{text-align:left;border:1px solid #dce5de;border-radius:.6rem;justify-content:space-between;align-items:center;gap:.6rem;min-height:40px;padding:.55rem .7rem;font-size:.75rem;display:flex}.boxy-questions button:hover{background:#edf4ef}.boxy-questions svg{flex-shrink:0}.boxy-log{overscroll-behavior:contain;max-height:280px;font-size:.85rem;line-height:1.65;overflow-y:auto}.boxy-log:empty{display:none}.boxy-exchange{margin-top:.9rem}.boxy-question{overflow-wrap:anywhere;background:#e9f2ec;border-radius:.75rem .75rem 0;margin-left:1.7rem;padding:.65rem .8rem}.boxy-answer{padding:.8rem .15rem .3rem}.boxy-product{margin-top:.6rem}.boxy-links{flex-wrap:wrap;gap:.5rem;margin-top:.65rem;display:flex}.boxy-links a{color:#1e5439;border:1px solid #c8d7cd;border-radius:.5rem;align-items:center;gap:.4rem;min-height:40px;padding:.4rem .65rem;font-size:.75rem;display:inline-flex}.boxy-links a:hover{background:#edf4ef}.boxy-form{border:1px solid #aebbaf;border-radius:.7rem;display:flex;overflow:hidden}.boxy-form:focus-within{outline-offset:2px;outline:2px solid #61876e}.boxy-form input{background:#fff;outline:none;flex:1;min-width:0;padding:.7rem;font-size:.85rem}.boxy-form button{color:#fff;background:#172e24;flex-shrink:0;place-items:center;width:48px;display:grid}.boxy-form button:disabled{opacity:.4}.boxy-input-note{color:#626a65;font-size:.65rem}.boxy-scope{color:#626a65;border-top:1px solid #e0e5e1;padding-top:.65rem;font-size:.7rem;line-height:1.6}@media (width<=640px){.boxy-dialog{padding:1.15rem}.boxy-log{max-height:32dvh}}.boxy-dialog{flex-direction:column;display:flex;overflow:hidden}.boxy-heading,.boxy-questions,.boxy-form,.boxy-input-note,.boxy-scope{flex-shrink:0}.boxy-log{flex:auto;min-height:0}.boxy-companion{right:max(20px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));z-index:40;color:#172e24;pointer-events:none;width:216px;max-width:calc(100vw - 24px);position:fixed}.boxy-companion[data-travelling=true]{transition:left 2.6s cubic-bezier(.45,0,.25,1)}.boxy-companion[data-dragging=true]{transition:none}.boxy-dock{z-index:2;color:#fff;pointer-events:auto;background:#172e24;border:1px solid #ffffff80;border-radius:999px;width:max-content;max-width:100%;min-height:48px;margin-inline:auto;display:flex;position:relative;box-shadow:0 4px 18px #0002}.boxy-launcher{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:999px 0 0 999px;min-height:48px;padding:11px 8px 11px 20px;font-size:13px;font-weight:600}.boxy-grip{cursor:grab;touch-action:none;color:#b8cdc0;border-radius:0 999px 999px 0;place-items:center;width:44px;min-height:48px;display:grid}.boxy-launcher:hover,.boxy-grip:hover{background:#244c39}.boxy-companion button:focus-visible{outline-offset:3px;outline:3px solid #82baa1}.boxy-reveal{visibility:hidden;height:0;transition:height 0s .75s,visibility 0s .75s}.boxy-reveal-inner{height:248px;position:relative}.boxy-companion[data-visible=true] .boxy-reveal{visibility:visible;height:248px;transition:none}.boxy-speech{pointer-events:auto;opacity:0;background:#fff;border:1px solid #dce5de;border-radius:17px 17px 17px 4px;padding:12px 15px;font-size:13px;line-height:1.55;transition:opacity .18s,transform .18s;position:absolute;top:0;left:0;right:0;transform:translateY(7px);box-shadow:0 4px 20px #172e2414}.boxy-speech strong,.boxy-speech span{display:block}.boxy-speech strong{margin-bottom:2px;font-size:14px}.boxy-companion[data-visible=true] .boxy-speech{opacity:1;transition-delay:1.4s;transform:translateY(0)}.boxy-stage{width:100%;height:156px;position:absolute;bottom:0}.boxy-climb-mask{position:absolute;inset:14px 0 0;overflow:hidden}.boxy-character{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto;width:120px;height:140px;transition:transform .7s cubic-bezier(.6,0,.7,.5);position:absolute;bottom:-2px;left:calc(50% - 60px);transform:translateY(112%)rotate(4deg)}.boxy-character>span{display:block}.boxy-companion[data-visible=true] .boxy-character{animation:1.6s both boxy-climb;transform:translateY(0)rotate(0)}.boxy-companion[data-dragging=true] button{cursor:grabbing}.boxy-mascot{filter:drop-shadow(0 3px 3px #0001);width:120px;height:140px}.boxy-mark{background:0 0;flex-shrink:0;width:55px;height:64px}.boxy-mark .boxy-mascot{width:55px;height:64px}.boxy-minimize{z-index:3;opacity:0;pointer-events:auto;background:#fff;border:1px solid #dce5de;border-radius:50%;place-items:center;width:44px;height:44px;transition:opacity .15s;display:grid;position:absolute;top:0;right:18px;box-shadow:0 3px 12px #172e2414}.boxy-companion[data-visible=true] .boxy-minimize{opacity:1}.boxy-minimize:hover{background:#eaf2ed}.boxy-paw{opacity:0;background:#dfbc8c;border:2px solid #59452e;border-radius:50%;width:18px;height:12px;position:absolute;bottom:-3px}.boxy-paw-left{left:62px}.boxy-paw-right{right:62px}.boxy-companion[data-visible=true] .boxy-paw{animation:1.6s both boxy-grip-rim}.boxy-character-wave{transform-origin:50% 95%;animation:1.1s 1.7s both boxy-wave}@keyframes boxy-climb{0%{transform:translateY(112%)rotate(4deg)}24%{transform:translateY(58%)rotate(-5deg)}43%{transform:translateY(58%)rotate(-5deg)}65%{transform:translateY(25%)rotate(5deg)}84%{transform:translateY(-5%)rotate(-2deg)}to{transform:translateY(0)rotate(0)}}@keyframes boxy-grip-rim{0%,19%,88%,to{opacity:0}25%,70%{opacity:1}}@keyframes boxy-wave{0%,to{transform:rotate(0)}25%{transform:rotate(-7deg)}65%{transform:rotate(6deg)}}@media (width<=640px){.boxy-companion{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom))}.boxy-reveal-inner,.boxy-companion[data-visible=true] .boxy-reveal{height:230px}.boxy-stage{height:138px}.boxy-character{width:106px;height:124px;left:calc(50% - 53px)}.boxy-character .boxy-mascot{width:106px;height:124px}}@media (prefers-reduced-motion:reduce){.boxy-companion,.boxy-reveal,.boxy-character,.boxy-speech,.boxy-minimize{transition:none!important}.boxy-character,.boxy-character-wave,.boxy-paw{animation:none!important}}