@font-face{font-family:Companion Comic;src:url(/fonts/companion-comic.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}.companion-root{--pet-cyan:#087e91;--pet-pink:#c84c88;--pet-amber:#9d631e;--pet-violet:#7951ac;--pet-surface:#fefbff;--pet-ink:#36314e;--pet-muted:#716a86;--pet-border:#e3dced;--pet-art:calc(120px*var(--pet-scale,1));--pet-controls-height:46px;--pet-min-width:152px;z-index:45;pointer-events:none;font-family:Comic Sans MS,Comic Sans,Companion Comic,YouYuan,幼圆,cursive;transition:opacity .2s;position:fixed;inset:0}.dark .companion-root{--pet-cyan:#79e4fa;--pet-pink:#ff97c7;--pet-amber:#ffc17f;--pet-violet:#c8a4ff;--pet-surface:#131c30;--pet-ink:#f0eaff;--pet-muted:#b9b2d0;--pet-border:#344361}.companion-root[data-blocked=true]{opacity:0;visibility:hidden}.companion-actor{width:max(var(--pet-min-width),calc(var(--pet-art) + 8px));height:calc(var(--pet-art) + var(--pet-controls-height));pointer-events:auto;will-change:transform;color:var(--pet-ink);position:absolute;top:0;left:0}.companion-body{width:var(--pet-art);height:var(--pet-art);transform-origin:50% 85%;margin:0 auto;transition:width .22s,height .22s;position:relative}.companion-pet{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:35%;width:100%;height:100%;padding:0;display:block;position:relative}.companion-root[data-dragging=true] .companion-pet{cursor:grabbing}.companion-root[data-resizing=true] .companion-body{transition:none}.companion-root[data-resizing=true] .companion-breathe{animation-play-state:paused}.companion-body:after{content:"";border:1px dashed color-mix(in srgb,var(--pet-cyan)38%,transparent);opacity:0;pointer-events:none;border-radius:18px;transition:opacity .16s;position:absolute;inset:-3px}.companion-root[data-resizing=true] .companion-body:after{opacity:1}.companion-body:has(.companion-resize:is(:hover,:focus-visible)):after{opacity:1}.companion-resize{z-index:2;border:1px solid var(--pet-border);width:28px;height:28px;color:var(--pet-cyan);background:var(--pet-surface);touch-action:none;-webkit-user-select:none;user-select:none;cursor:nesw-resize;opacity:.68;border-radius:9px;place-items:center;padding:0;transition:opacity .16s,background-color .16s;display:grid;position:absolute;top:-3px;right:-3px;box-shadow:0 3px 12px #00000014}.companion-root[data-resize-side=left] .companion-resize{cursor:nwse-resize;left:-3px;right:auto}.companion-root[data-resize-side=left] .companion-resize svg{transform:rotate(90deg)}.companion-actor:hover .companion-resize,.companion-actor:focus-within .companion-resize,.companion-root[data-resizing=true] .companion-resize{opacity:1}.companion-resize:hover{background:color-mix(in srgb,var(--pet-cyan)8%,var(--pet-surface))}.companion-root .companion-resize[data-tip]:after{bottom:calc(100% + 6px);left:0;right:auto;transform:translateY(3px)}.companion-root[data-resize-side=left] .companion-resize[data-tip]:after{left:auto;right:0}.companion-root .companion-resize[data-tip]:is(:hover,:focus-visible):after{transform:translateY(0)}.companion-root[data-resizing=true] [data-tip]:after{display:none}.companion-size-readout{z-index:2;pointer-events:none;border:1px solid var(--pet-border);color:var(--pet-cyan);background:var(--pet-surface);opacity:0;font-variant-numeric:tabular-nums;border-radius:7px;padding:3px 9px;font:12px/1.6 Comic Sans MS,cursive;transition:opacity .15s;position:absolute;top:30px;left:50%;transform:translate(-50%)}.companion-root[data-resizing=true] .companion-size-readout{opacity:1}.companion-root[data-resizing=true]{pointer-events:auto;cursor:nesw-resize;-webkit-user-select:none;user-select:none}.companion-root[data-resizing=true][data-resize-side=left]{cursor:nwse-resize}@media (pointer:coarse){.companion-resize{opacity:.9;width:40px;height:40px;top:-4px}.companion-size-readout{top:40px}}.companion-breathe{transform-origin:50% 85%;animation:5.8s ease-in-out infinite companion-breath;position:absolute;inset:0}.companion-pose{position:absolute;inset:0}.companion-pose img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 5px 5px #00000020);width:100%;height:100%;display:block}@keyframes companion-breath{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-1.5px)scale(1.004)}}.companion-root[data-dragging=true] .companion-breathe,.companion-root[data-blocked=true] .companion-breathe,.companion-root[data-suspended=true] .companion-breathe{animation-play-state:paused}.companion-controls{border:1px solid var(--pet-border);background:var(--pet-surface);border-radius:13px;gap:2px;width:max-content;margin:4px auto 0;padding:3px;display:flex;box-shadow:0 4px 20px #070e2510}.companion-root button{-webkit-tap-highlight-color:transparent}.companion-controls button,.companion-actions button,.companion-bubble-header button,.companion-launcher button{color:var(--pet-muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;place-items:center;padding:0;transition:background-color .2s,color .2s,box-shadow .2s;display:grid;position:relative}.companion-controls button{border-radius:8px;width:34px;height:32px}.companion-controls button:hover,.companion-controls button[aria-pressed=true]{color:var(--pet-cyan);background:color-mix(in srgb,var(--pet-cyan)7%,transparent)}.companion-bubble{border:1px solid color-mix(in srgb,var(--pet-cyan)45%,var(--pet-pink));background:linear-gradient(130deg,color-mix(in srgb,var(--pet-surface)94%,var(--pet-cyan)),var(--pet-surface)60%,color-mix(in srgb,var(--pet-surface)94%,var(--pet-pink)));width:min(248px,100vw - 24px);color:var(--pet-ink);box-shadow:0 8px 28px #050b2420,0 0 18px color-mix(in srgb,var(--pet-cyan)9%,transparent);pointer-events:auto;z-index:3;isolation:isolate;scrollbar-width:thin;border-radius:16px;max-height:calc(100dvh - 115px);padding:11px 12px 12px;position:absolute;overflow-y:auto}.companion-bubble:before{content:"";background:linear-gradient(90deg,transparent,var(--pet-cyan),var(--pet-pink),transparent);opacity:.8;height:1px;position:absolute;top:-1px;left:16px;right:16px}.companion-bubble[aria-hidden=true]{pointer-events:none}.companion-bubble-header{z-index:6;background:var(--pet-surface);justify-content:space-between;align-items:center;gap:3px;margin-bottom:5px;display:flex;position:sticky;top:-11px}.companion-bubble-header>span{color:var(--pet-cyan);white-space:nowrap;align-items:center;gap:6px;font-size:10px;line-height:1.5;display:flex}.companion-bubble-header i{background:var(--pet-cyan);width:5px;height:5px;box-shadow:0 0 7px color-mix(in srgb,var(--pet-cyan)60%,transparent);border-radius:50%}.companion-bubble-header button{border-radius:6px;flex-shrink:0;width:26px;height:24px;margin:-4px -5px -4px 0}.companion-bubble-header button:hover{color:var(--pet-pink);background:color-mix(in srgb,var(--pet-pink)8%,transparent)}.companion-speech{text-wrap:balance;overflow-wrap:break-word;margin:0;font-size:14px;font-weight:400;line-height:1.65}.companion-phrase{white-space:nowrap}.companion-emoji{white-space:nowrap;vertical-align:-.03em;font:15px/1 Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,sans-serif;display:inline-block}.companion-actions{justify-content:space-between;gap:6px;margin-top:9px;display:flex}.companion-actions button{--action-color:var(--pet-cyan);width:43px;height:39px;color:var(--action-color);border:1px solid color-mix(in srgb,var(--action-color)24%,var(--pet-border));background:color-mix(in srgb,var(--pet-surface)95%,var(--action-color));border-radius:11px}.companion-actions button[data-action=pat]{--action-color:var(--pet-pink)}.companion-actions button[data-action=coffee]{--action-color:var(--pet-amber)}.companion-actions button[data-action=idea]{--action-color:var(--pet-violet)}.companion-actions button:hover{background:color-mix(in srgb,var(--pet-surface)88%,var(--action-color));box-shadow:0 3px 12px color-mix(in srgb,var(--action-color)16%,transparent)}.companion-actions button:active{scale:.96}.companion-controls button:first-child[data-tip]:after,.companion-actions button:first-child[data-tip]:after{left:0;transform:translateY(3px)}.companion-controls button:last-child[data-tip]:after,.companion-actions button:last-child[data-tip]:after{left:auto;right:0;transform:translateY(3px)}.companion-controls button:is(:first-child,:last-child)[data-tip]:is(:hover,:focus-visible):after,.companion-actions button:is(:first-child,:last-child)[data-tip]:is(:hover,:focus-visible):after{transform:translateY(0)}.companion-root [data-tip]:after{content:attr(data-tip);white-space:nowrap;pointer-events:none;z-index:5;border:1px solid var(--pet-border);background:var(--pet-surface);max-width:150px;color:var(--pet-ink);opacity:0;border-radius:7px;padding:4px 7px;font:11px/1.6 Comic Sans MS,Companion Comic,cursive;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%)translateY(3px)}.companion-root [data-tip]:focus-visible:after{opacity:1;transform:translate(-50%)translateY(0)}@media (hover:hover){.companion-root [data-tip]:hover:after{opacity:1;transform:translate(-50%)translateY(0)}}.companion-bubble-header [data-tip]:after{left:auto;right:0;transform:translateY(3px)}.companion-bubble-header [data-tip]:is(:focus-visible,:hover):after{transform:translateY(0)}.companion-launcher{right:20px;bottom:max(84px,calc(env(safe-area-inset-bottom) + 74px));pointer-events:auto;position:absolute}.companion-launcher button{border:1px solid var(--pet-border);background:var(--pet-surface);width:44px;height:44px;color:var(--pet-pink);border-radius:14px;box-shadow:0 4px 18px #00000015}.companion-launcher [data-tip]:after{left:auto;right:0;transform:translateY(3px)}.companion-launcher [data-tip]:is(:focus-visible,:hover):after{transform:translateY(0)}.companion-reaction{pointer-events:none;position:absolute;inset:0}.companion-reaction span{opacity:0;font-family:Segoe UI Emoji,sans-serif;font-size:18px;animation:1.1s ease-out forwards companion-heart;position:absolute;top:25%;left:30%}.companion-reaction span:nth-child(2){font-size:13px;animation-delay:.12s;left:63%}.companion-reaction span:nth-child(3){font-size:14px;animation-delay:.23s;left:10%}@keyframes companion-heart{0%{opacity:0;transform:translateY(8px)scale(.7)}20%{opacity:1}to{opacity:0;transform:translateY(-42px)scale(1.12)}}@media (max-width:767px){.companion-root{--pet-art:calc(96px*var(--pet-scale,1))}.companion-bubble{width:min(244px,100vw - 24px)}}@media (pointer:coarse){.companion-controls button{width:38px;height:44px}.companion-actions button{width:44px;height:44px}.companion-root{--pet-controls-height:60px;--pet-min-width:166px}.companion-bubble-header button{width:32px;height:32px}}@media (prefers-reduced-motion:reduce){.companion-breathe,.companion-reaction span{animation:none}.companion-root{transition:none}}@media print{.companion-root{display:none}}.companion-settings{font-size:12px;line-height:1.6}.companion-settings [data-tip]{position:relative}.companion-setting-heading{color:var(--pet-muted);justify-content:space-between;gap:8px;margin:8px 0;display:flex}.companion-setting-heading output{color:var(--pet-cyan);font-variant-numeric:tabular-nums}.companion-size-control{align-items:center;gap:8px;display:flex}.companion-size-control input{width:100%;min-width:0;accent-color:var(--pet-cyan);cursor:ew-resize}.companion-size-control button,.companion-setting-tools button{border:1px solid var(--pet-border);width:32px;height:32px;color:var(--pet-cyan);background:color-mix(in srgb,var(--pet-cyan)5%,var(--pet-surface));cursor:pointer;border-radius:9px;flex:0 0 32px;place-items:center;display:grid}.companion-size-control button:disabled{opacity:.35;cursor:default}.companion-setting-tools{justify-content:center;gap:12px;margin:9px 0 14px;display:flex}.companion-mementos{justify-content:space-between;gap:8px;display:flex}.companion-mementos button{border:1px solid var(--pet-border);background:var(--pet-surface);height:44px;color:var(--pet-muted);cursor:help;border-radius:11px;flex:1}.companion-mementos button[data-found=true]{cursor:pointer;border-color:color-mix(in srgb,var(--pet-pink)42%,var(--pet-border));background:color-mix(in srgb,var(--pet-pink)5%,var(--pet-surface))}.companion-mementos span{font:21px/1 Segoe UI Emoji,Apple Color Emoji,sans-serif}.companion-memento-hint{color:var(--pet-muted);text-wrap:balance;margin:9px 0 0}.companion-mementos [data-tip]:after{white-space:normal;width:156px;max-width:156px}.companion-mementos button:first-child[data-tip]:after{left:0;transform:translateY(3px)}.companion-mementos button:last-child[data-tip]:after{left:auto;right:0;transform:translateY(3px)}.companion-mementos button:is(:first-child,:last-child)[data-tip]:is(:hover,:focus-visible):after{transform:translateY(0)}.companion-setting-tools [data-tip]{position:relative}.companion-paper-spotlight{outline:2px solid color-mix(in srgb,var(--accent)60%,transparent);outline-offset:4px;animation:2s ease-in-out 2 companion-paper-glow}@keyframes companion-paper-glow{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 24px color-mix(in srgb,var(--accent)15%,transparent)}}@media (pointer:coarse){.companion-size-control button,.companion-setting-tools button{flex-basis:40px;width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.companion-body{transition:none}.companion-paper-spotlight{animation:none}}