.bottom-bar{position:fixed;left:0;right:0;bottom:0;z-index:9990;display:flex;justify-content:space-around;align-items:flex-end;box-sizing:border-box;margin:0 auto;padding:8px 4px calc(8px + env(safe-area-inset-bottom, 0px));background:#fff;border-top:1px solid #ececec;border-radius:18px 18px 0 0;box-shadow:0 -4px 18px rgb(0 0 0 / .10);font-family:inherit}.bottom-bar .cbb-item{position:relative;flex:1 1 0%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;padding:4px 2px;min-height:52px;color:#6d6d6d;background:none;border:0;font:inherit;line-height:1.1;text-decoration:none;cursor:pointer;text-transform:none;letter-spacing:normal;text-align:center;box-shadow:none;-webkit-tap-highlight-color:#fff0;transition:color .2s ease}.bottom-bar .cbb-item>span{font-size:11px;font-weight:500;letter-spacing:.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bottom-bar .cbb-svg{width:24px;height:24px;fill:currentColor;display:block;flex:none}.bottom-bar .cbb-item:hover,.bottom-bar .cbb-item:focus-visible{color:#C3A005}.bottom-bar .cbb-item:focus-visible{outline:2px solid #C3A005;outline-offset:2px;border-radius:10px}.bottom-bar .cbb-main{flex:0 0 84px;justify-content:flex-end;gap:4px;color:#1c1c1c}.bottom-bar .cbb-main-circle{display:flex;align-items:center;justify-content:center;width:58px;height:58px;margin-top:-26px;border-radius:50%;background:#C3A005;color:#fff;border:4px solid #fff;box-shadow:0 4px 14px rgb(195 160 5 / .40);transition:transform .2s ease,box-shadow .2s ease}.bottom-bar .cbb-main-circle .cbb-svg{width:27px;height:27px}.bottom-bar .cbb-main-label{font-size:11px;font-weight:700;white-space:nowrap}.bottom-bar .cbb-main:hover .cbb-main-circle,.bottom-bar .cbb-main:focus-visible .cbb-main-circle{transform:translateY(-2px);box-shadow:0 6px 18px rgb(195 160 5 / .50)}.bottom-bar .cbb-main:hover,.bottom-bar .cbb-main:focus-visible{color:#C3A005}.bottom-bar .cbb-dot{position:absolute;top:6px;inset-inline-end:calc(50% - 18px);width:7px;height:7px;border-radius:50%;background:#c0392b;border:1.5px solid #fff}.bottom-bar .cbb-dot.is-open{background:#27ae60}.cbb-panel{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(98px + env(safe-area-inset-bottom, 0px));z-index:9991;width:calc(100% - 32px);max-width:340px;box-sizing:border-box;padding:16px;background:#fff;border-radius:14px;box-shadow:0 10px 34px rgb(0 0 0 / .20);font-size:14px;color:#1c1c1c;animation:cbb-pop .18s ease-out}.cbb-panel[hidden]{display:none}@keyframes cbb-pop{from{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.cbb-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #eee}.cbb-panel-head strong{font-size:15px;font-weight:700}.cbb-status{flex:none;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;background:#fdecea;color:#c0392b}.cbb-status.is-open{background:#e8f6ee;color:#1e8449}.cbb-panel-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;color:#444}.cbb-panel-row b{font-weight:700;color:#1c1c1c;white-space:nowrap}.cbb-panel-close{display:block;width:100%;margin-top:12px;padding:10px;border:0;border-radius:10px;background:#f4f4f4;color:#1c1c1c;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.cbb-panel-close:hover{background:#ececec}.cbb-panel.cbb-rtl{text-align:right}@media (min-width:769px){.bottom-bar,.cbb-panel{display:none!important}}@media (max-width:359px){.bottom-bar .cbb-item>span,.bottom-bar .cbb-main-label{font-size:10px}.bottom-bar .cbb-main{flex:0 0 72px}.bottom-bar .cbb-main-circle{width:52px;height:52px}}body{padding-bottom:78px}@media (prefers-reduced-motion:reduce){.cbb-panel{animation:none}.bottom-bar .cbb-main-circle{transition:none}}.article-item{display:flex;justify-content:flex-start}.article-item img{width:16px;height:100%}