/* Keep Hdream's original styles; only bridge replaced PHP/JS behavior. */
#web_bg{position:fixed;inset:0;z-index:-1}#web_bg img{width:100%;height:100%;object-fit:cover}#web_bg picture{display:block;height:100%}
#header .primary-menu ul>li>a,#header .right-nav button{color:#000}#header .primary-menu ul>li>a:hover{color:#19b5fe}.navbar-toggle .icon-bar{background:#000}
.fireworks{position:fixed;inset:0;z-index:9999;pointer-events:none}.missing-cover{background:linear-gradient(130deg,#e6e9ee,#bccbd8)!important}
.slider-content{min-height:300px}
.owl-carousel:not(.owl-loaded){display:block}.owl-carousel:not(.owl-loaded)>.item:not(:first-child){display:none}
.post-content img,.post-content video,.note img{max-width:100%;height:auto}.post-content pre{overflow:auto}.post-content table{max-width:100%;display:block;overflow:auto}
.message-stack{padding-top:85px}.notice{background:#edf7ff;color:#22527a;padding:15px 20px;border-left:3px solid #19b5fe;margin-bottom:12px}
.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-cloud a{padding:4px 8px;border:1px solid #eee}.pagination a,.pagination span,.comment-pagination a,.comment-pagination span{display:inline-block;padding:8px 14px;margin:3px;background:#fff}.pagination .current{background:#19b5fe;color:#fff}
.single-post-comment{background:#fff;padding:25px;margin:20px 0}.single-post-comment h3{margin:0 0 20px}.comment-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.comment-form label{display:block;font-size:13px;color:#777}.comment-form input,.comment-form textarea{display:block;width:100%;border:1px solid #ddd;border-radius:3px;padding:10px;background:#fafafa;font:inherit}.comment-body-label{margin-top:15px}.comment-submit{border:0;background:#19b5fe;color:#fff;padding:10px 24px;margin:12px 0}.honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.comment-captcha{margin-top:16px}.comment-captcha input[type=number]{display:inline-block;width:100px;margin:6px 10px 6px 0}.comment-captcha small{display:block;color:#888}.comment-captcha button{background:none;border:0;color:#1684be}#comment-error{color:#b42318;line-height:1.6}
.comment-list{list-style:none;padding:0}.comment-list>.comment{display:flex;gap:12px;padding:20px 0;border-bottom:1px solid #eee}.comment-list .avatar{border-radius:50%;flex-shrink:0}.comment-main{min-width:0;flex:1}.comment-main time{margin-left:10px;color:#999;font-size:12px}.comment-text{overflow-wrap:anywhere;line-height:1.8;margin:8px 0}.reply-context{padding:5px 10px;background:#f5f6f8;font-size:12px}.reply-button,#cancel-reply{background:none;border:0;color:#19b5fe}.empty-comments{color:#999;padding:20px 0}
.archive-year li{padding:10px 0;border-bottom:1px solid #eee}.archive-year time{color:#999;margin-right:15px}.friend-links{display:grid;grid-template-columns:1fr 1fr;gap:15px}.friend-links>a{padding:20px;background:#f8f9fa}.note{border-bottom:1px solid #eee;padding:20px 0}.note time{color:#999}
.search-form{visibility:hidden;opacity:0;pointer-events:none}.search-form.is-open{visibility:visible;opacity:1;pointer-events:auto;display:block}.close-search{font-size:30px;background:transparent;border:0;color:#555}.mobile-menu{position:absolute;top:60px;left:0;right:0;background:white;padding:20px;box-shadow:0 8px 16px #0002}.mobile-menu li{padding:10px}.mobile-menu[hidden]{display:none}
dialog{border:0;border-radius:6px;padding:30px;box-shadow:0 8px 40px #0003}dialog::backdrop{background:#0006}.dialog-close{float:right;background:none;border:0;font-size:25px}.post-timthumb{background-color:#cad5df}.post-timthumb h1{text-shadow:0 2px 5px #0008}
@media(max-width:767px){.comment-fields{grid-template-columns:1fr}.single-post-comment{padding:18px}.friend-links{grid-template-columns:1fr}.slider-content{min-height:220px}.post-content{overflow-wrap:anywhere}.comment-main time{display:block;margin-left:0}}

.slider-content,.index-cat-box{background-size:cover;background-position:center;background-repeat:no-repeat}
#comment-form{scroll-margin-top:85px}
.comment-emoticons{margin-top:10px}.comment-emoticons summary{display:inline-block;cursor:pointer;color:#1684be;padding:6px 0}.comment-face-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:4px;max-height:240px;overflow:auto;padding:8px;border:1px solid #e4e7eb;background:#fff;border-radius:4px;margin-top:5px}.comment-face-grid button{display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:5px;border:1px solid transparent;background:#fff;border-radius:3px;cursor:pointer}.comment-face-grid button:hover,.comment-face-grid button:focus-visible{background:#eef7ff;border-color:#19b5fe}.comment-face-grid img,.comment-text .legacy-face{width:24px;height:24px;object-fit:contain}.comment-text .legacy-face{display:inline-block;vertical-align:middle;margin:0 2px}
@media(max-width:767px){.post-content [style*="white-space: pre"]{white-space:pre-wrap!important}}

/* Preserve Hdream card structure and let latest comments grow with their text. */
.next-prev-posts h4{overflow-wrap:anywhere}.next-prev-posts a:only-child{margin:0}
.widget_coments .perMsg{display:flex;gap:12px}.widget_coments .perMsg .avater{float:none;flex:0 0 40px}.widget_coments .perMsg .txt{padding-left:0;min-width:0;flex:1}.widget_coments .rows{display:flow-root}.widget_coments .artHeadTit a{display:block;height:auto;max-height:none;overflow:visible;white-space:normal;overflow-wrap:anywhere;line-height:1.75}.widget_coments .legacy-face{width:20px;height:20px;display:inline-block;vertical-align:middle}.comment-list>.comment{scroll-margin-top:90px}
@media(min-width:992px){#header>.container{display:flex;align-items:center;min-height:80px}#header>.container::before,#header>.container::after{display:none}#header .logo{float:none;flex:none;margin:0 20px 0 0;height:80px;line-height:80px}#header .logo a{display:block;width:210px;height:80px}#header .primary-menu{float:none;flex:none}#header .right-nav{margin-left:auto;flex:none;position:static;line-height:80px}}

.page-twitter .p-ct{overflow-wrap:anywhere}.page-twitter .p-ct img{max-width:100%;height:auto}
@media(max-width:767px){.page-wrap.page-twitter{margin-left:0;margin-right:0}}

.page-twitter .p-ft{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.page-twitter .p-ft img,.page-twitter .p-ft span{float:none;margin-right:0}

/* Original signed-in navigation, with keyboard/touch access and CSRF-safe logout. */
#header .management-nav{position:relative}#header .management-nav summary{cursor:pointer;list-style:none;color:#000;white-space:nowrap}#header .management-nav summary::-webkit-details-marker{display:none}#header .management-nav summary::after{content:'⌄';margin-left:6px}#header .management-nav summary:hover{color:#19b5fe}#header .management-nav .management-menu{position:absolute;top:100%;left:0;z-index:1001;min-width:130px;padding:8px 0;margin:0;background:#fff;box-shadow:0 5px 16px #0002;list-style:none}#header .management-nav .management-menu li{display:block;float:none;margin:0;padding:0}#header .management-menu a,#header .management-menu button{display:block;width:100%;padding:10px 18px;border:0;background:transparent;text-align:left;color:#333;font:inherit;line-height:1.5;white-space:nowrap}#header .management-menu form{margin:0}#header .management-menu a:hover,#header .management-menu button:hover{background:#f3f7fa;color:#19b5fe}
@media(min-width:992px){#header .primary-menu .management-nav summary{line-height:80px}#header .primary-menu .management-menu a{line-height:1.5}}
@media(max-width:991px){#header .mobile-menu .management-menu{position:static;box-shadow:none;padding-left:12px}#header .mobile-menu{max-height:calc(100dvh - 80px);overflow-y:auto}}
#header .primary-menu ul .management-menu>li>a{height:auto;line-height:1.5;padding:10px 18px}