/* the collared bear on the 03 · Trees picture + the bees on the comb (bear-node.js) */
.bn-bear{position:absolute;left:41.5%;top:70%;width:7.4%;padding:0;border:0;background:none;cursor:pointer;transform:translate(-50%,-50%) rotate(-84deg) scaleX(-1);transform-origin:50% 50%;will-change:transform;z-index:3;filter:drop-shadow(1px 3px 3px rgba(0,0,0,.55))}
.bn-bear img{display:block;width:100%;height:auto}
@keyframes bnIdle{from{transform:translateY(0) rotate(-.8deg)}to{transform:translateY(-1.5%) rotate(.8deg)}}
.bn-bear .bn-led{position:absolute;left:58%;top:22%;width:8%;padding-top:8%;border-radius:50%;background:#7fdc8f;opacity:.85;box-shadow:0 0 2px 0 rgba(92,255,122,.45);animation:bnLed 2.6s ease-in-out infinite}
@keyframes bnLed{0%,100%{opacity:.85}50%{opacity:.15}}
.bn-bear:focus-visible{outline:2px solid #ffd66b;outline-offset:3px}
/* bees: dark specks, wing-blur halo, three flight patterns — around the comb, out of frame and back, land on the comb and sit */
.bn-bees{position:absolute;width:0;height:0;pointer-events:none;z-index:2}
.bn-bees{width:100%}
.bn-bee{position:absolute;left:0;top:0;width:1.1%;min-width:7px;margin:-3px 0 0 -4px;animation:bnBeeA 8s linear infinite;transform:scale(var(--r,1))}
.bn-bee img{display:block;width:100%;height:auto;opacity:.82;animation:bnWing 1.1s ease-in-out infinite alternate}
@keyframes bnWing{from{transform:translateY(0) rotate(-5deg)}to{transform:translateY(-18%) rotate(5deg)}}
.bn-bee.k1{animation-name:bnBeeB}.bn-bee.k2{animation-name:bnBeeC}
@keyframes bnBeeA{0%{translate:-2.4vw -1vw}25%{translate:1.8vw -2.6vw}50%{translate:2.8vw .6vw}75%{translate:-.6vw 2.2vw}100%{translate:-2.4vw -1vw}}
@keyframes bnBeeB{0%{translate:0 0;opacity:1}30%{translate:14vw -9vw;opacity:1}42%{translate:60vw -30vw;opacity:0}58%{translate:60vw -30vw;opacity:0}70%{translate:12vw 6vw;opacity:1}100%{translate:0 0;opacity:1}}
@keyframes bnBeeC{0%{translate:-6vw 4vw}35%{translate:.4vw .2vw}45%{translate:.2vw .1vw}80%{translate:.2vw .1vw}100%{translate:-6vw 4vw}}
@media (max-width:640px){.bn-bee{min-width:5px}}
/* her file */
.bn-sheet{padding:0}
.bn-head{display:flex;align-items:flex-start;gap:12px;padding:16px 18px 10px}
.bn-head .bn-pic{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 20%;background:#1c2a1e;border:2px solid #ffd66b;flex:none}
.bn-head > div{flex:1 1 auto;min-width:0}
.bn-head b{display:block;font-size:20px;letter-spacing:-.01em}
.bn-head small{display:block;margin-top:2px;color:rgba(233,240,234,.65);font-size:12px}
.bn-head em{display:block;margin-top:6px;font-style:normal;font-size:11px;letter-spacing:.06em}
.bn-sec{padding:8px 18px 12px;border-top:1px solid rgba(255,255,255,.08)}
.bn-sec > b{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#ffd66b;margin-bottom:6px}
.bn-sec p{margin:0 0 6px;font-size:13.5px;line-height:1.45;color:#e9f0ea}
.bn-sec p.bn-log{font:12.5px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#c9f7d2;background:#090d0b;padding:8px 10px;border-radius:8px}
.bn-notes{margin:0;padding:0 0 0 18px;font-size:13px;line-height:1.5;color:#e9f0ea}
.bn-cubs{display:flex;flex-wrap:wrap;gap:8px}
.bn-cub{appearance:none;cursor:pointer;flex:1 1 120px;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;text-align:left;font-family:inherit}
.bn-cub img{width:32px;height:32px;border-radius:50%;object-fit:cover;object-position:50% 20%;background:#1c2a1e}
.bn-cub b{display:block;font-size:13px}.bn-cub span{display:block;font-size:11px;color:rgba(233,240,234,.6)}
.bn-cub.on{background:var(--gold,#ffd66b);color:#0f1512}.bn-cub.on span{color:rgba(15,21,18,.7)}
.bn-cubdet{margin-top:8px;font-size:13px;line-height:1.5;color:#c9f7d2;min-height:0}
.bn-sheet{overflow:auto}
.bn-hive{position:absolute;width:8%;padding-top:10%;transform:translate(-50%,-50%);z-index:4;border-radius:50%}