/* ============================================
           RESET old nav styles from main_style.css / styles.css
           These use bare `nav` selectors that conflict with Bootstrap navbar
           ============================================ */
        nav.navbar {
            padding-left:0!important;
            padding-right:0!important;
            background:#222!important;
        }
        nav.navbar .logo {
            margin-left:3px!important;
            height:auto!important;
            padding:0!important;
            display:block!important;
        }
        nav.navbar .logo:hover {
            background-color:transparent!important;
        }
        nav.navbar form {
            width:auto!important;
            margin-right:0!important;
        }
        nav.navbar .btn {
            margin:0!important;
        }
        nav.navbar .menu {
            display:none!important;
        }
        nav.navbar #hamburger {
            display:none!important;
        }
        nav.navbar .search {
            display:none!important;
        }
        /* Kill ALL old CSS nav breakpoint rules that conflict */
        nav.navbar .collapse {
            max-height:none!important;
        }
        nav.navbar .collapse .menu,
        nav.navbar .collapse .menu.left,
        nav.navbar .collapse .menu.right {
            display:none!important;
        }
        nav.navbar {
            padding-right:0!important;
        }
        /* Override old CSS: nav .collapse { display:block; max-height:0; overflow:hidden }
           The old CSS files have rules at @media (max-width:600px/644px) that set
           nav .collapse { display:block; max-height:0; overflow:hidden }
           This overrides Bootstrap's collapse behavior. We counteract it here. */
        nav.navbar .navbar-collapse {
            max-height:none!important;
            transition:none!important;
        }
        nav.navbar .navbar-collapse.in,
        nav.navbar .navbar-collapse.collapsing {
            overflow:visible!important;
            max-height:none!important;
        }
        /* Override old CSS nav .collapse on all screen sizes.
           Old CSS sets: nav .collapse { display:block; max-height:0; overflow:hidden }
           We need Bootstrap behavior: hidden on mobile (collapse), visible on desktop */
        @media (min-width:768px) {
            nav.navbar .navbar-collapse.collapse {
                display:block!important;
                max-height:none!important;
                overflow:visible!important;
                height:auto!important;
            }
        }
        @media (max-width:767px) {
            nav.navbar .navbar-collapse.collapse {
                display:none!important;
            }
            nav.navbar .navbar-collapse.collapse.in {
                display:block!important;
                max-height:none!important;
                overflow:visible!important;
            }
            nav.navbar .navbar-collapse.collapsing {
                display:block!important;
                overflow:hidden!important;
            }
        }
        html.theme-black nav.navbar {
            background-color:#222!important;
        }

        /* ============================================
           RESET old theme-blue styles from main_style.css / styles.css
           The old CSS uses html.theme-blue selectors with higher specificity
           ============================================ */
        html,
        html body {
            background-color:#181818!important;
            color:#fff!important;
        }
        html .container {
            background-color:transparent!important;
            border-radius:0!important;
        }
        /* Override old CSS #bigcontainer padding:30px 20px */
        html #bigcontainer {
            padding:20px!important;
            margin-bottom:0!important;
            background-color:transparent!important;
            display:flex!important;
        }
        /* Override old CSS .tag { background:#364657 } */
        html .galleries_info .tag {
            background:#312e2e!important;
            border-color:#312e2e!important;
            color:#e96969!important;
            display:inline-block!important;
        }
        /* Override old CSS .btn:hover { background:#f15478 } */
        html .btn-fav:hover,
        html .btn-dl:hover,
        html .btn-fap:hover,
        html .btn-list:hover,
        html .gallery_buttons .btn:hover,
        html .view_link:hover {
            background:#a53e3e!important;
            color:#fff!important;
        }
        html .caption {
            background-color:#181818!important;
            color:#e96969!important;
        }
        html .tag .name,
        html input.tag-input .name {
            background:#312e2e!important;
            color:#e96969!important;
        }
        html .tag .count,
        html input.tag-input .count {
            background:#252222!important;
            color:#999!important;
        }
        html .edit {
            background:#2a2a2a!important;
        }
        html .edit:hover {
            background:#3a3a3a!important;
        }
        html .modal-inner {
            background-color:#222!important;
        }
        html .sort-type {
            background-color:#101010!important;
        }
        html #favorites-search .btn,
        html #favorites-search input {
            background-color:#2a2a2a!important;
            border-color:#3a3a3a!important;
            color:#fff!important;
        }
        html a {
            color:#e96969!important;
        }
        html a:hover {
            color:#fff!important;
        }
        html .panel-register a {
            color:#e96969!important;
        }
        html .panel-register .form-control {
            background-color:#fff!important;
            border:1px solid #ccc!important;
            color:#555!important;
        }
        html .panel-register .form-control:focus {
            border-color:#66afe9!important;
            box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)!important;
        }
        html #footer a {
            color:#9d9d9d!important;
        }
        html #footer a:hover {
            color:#fff!important;
        }
        html .footer-brand {
            background-color:#fb5e5e!important;
            color:#fff!important;
        }
        html .footer-bottom {
            background-color:#111!important;
            color:#555!important;
        }
        html .footer-bottom a {
            color:#e8586d!important;
        }
        html .pagination>.active>a,
        html .pagination>.active>a:focus,
        html .pagination>.active>a:hover,
        html .pagination>.active>span,
        html .pagination>.active>span:focus,
        html .pagination>.active>span:hover {
            background-color:#e96969!important;
            border-color:#e96969!important;
            color:#fff!important;
        }
        html .pagination>li>a,
        html .pagination>li>span {
            background-color:#101010!important;
            border:1px solid #272727!important;
            color:#9d9d9d!important;
        }
        html .pagination>li>a:hover,
        html .pagination>li>a:focus {
            color:#101010!important;
            background-color:#eee!important;
            border-color:#ddd!important;
        }
        html .pagination>.disabled>a,
        html .pagination>.disabled>span,
        html .pagination>.disabled>a:hover,
        html .pagination>.disabled>span:hover,
        html .pagination>.disabled>a:focus,
        html .pagination>.disabled>span:focus {
            background-color:#101010!important;
            border:1px solid #272727!important;
            color:#9d9d9d!important;
        }
        html .reader-bar {
            background-color:#222!important;
        }
        html .lazyload {
            background-color:#1a1a1a!important;
        }
        html .lazyload-loading {
            background-color:#222!important;
        }
        html #tag-container {
            -webkit-column-rule-color:#3a3a3a!important;
            -moz-column-rule-color:#3a3a3a!important;
            column-rule-color:#3a3a3a!important;
        }
        html #tag-container section:target {
            border-color:#3a3a3a!important;
            background:#222!important;
        }
        html .panel {
            background-color:#222!important;
            border-color:#3a3a3a!important;
        }
        /* Gallery page theme overrides */
        html .galleries_info .tag {
            border-color:#312e2e!important;
            background:#312e2e!important;
            color:#e96969!important;
        }
        html .galleries_info .tag:hover {
            background:#292828!important;
            border-color:#292828!important;
            color:#fff!important;
        }
        html .galleries_info .tag .badge {
            background:#565656!important;
            color:#fff!important;
        }
        html .btn-fav,
        html .btn-dl,
        html .btn-fap,
        html .btn-list {
            background:#b34141!important;
            border-color:#b34141!important;
        }
        html .btn-fav:hover,
        html .btn-dl:hover,
        html .btn-fap:hover,
        html .btn-list:hover {
            background:#a53e3e!important;
        }
        html .gthumb img {
            border-color:#312e2e!important;
        }
        html .gallery_buttons .likes .like-btn,
        html .gallery_buttons .likes .dlike-btn {
            background:#b34141!important;
        }
        html .gallery_buttons .likes .like-btn:hover,
        html .gallery_buttons .likes .dlike-btn:hover {
            background:#a53e3e!important;
        }
        html #thumbnail-container {
            background-color:transparent!important;
        }
        html #thumbnail-container .lazyload {
            background-color:#262626!important;
        }
        html #thumbnail-container .lazyload-loading {
            background-color:#2e2e2e!important;
        }
        html .comment:target {
            background-color:#2a2a2a!important;
        }
        html .comment-form textarea {
            background-color:#2a2a2a!important;
            border-color:#3a3a3a!important;
            color:#fff!important;
        }
        html .comment .header a {
            color:#d9d9d9!important;
        }
        html .comment .header b.admin a {
            color:#e96969!important;
        }
        html .comment .body-wrapper .body a {
            color:#e96969!important;
        }
        html .alert-danger {
            background-color:#f2dede!important;
            border-color:#ebccd1!important;
            color:#a94442!important;
        }
        html .alert-danger a {
            color:#a94442!important;
        }
        /* Override pink .btn:hover from old CSS files */
        html .gallery_buttons .btn:hover {
            background:#a53e3e!important;
            color:#fff!important;
        }
        html #show-all-images-container .btn.view_link {
            background:#b34141!important;
            border-color:#b34141!important;
        }
        html #show-all-images-container .btn.view_link:hover {
            background:#a53e3e!important;
        }
        html .gallery_buttons .btn-fav,
        html .gallery_buttons .btn-dl,
        html .gallery_buttons .btn-fap,
        html .gallery_buttons .btn-list {
            background:#b34141!important;
            border-color:#b34141!important;
            color:#fff!important;
        }
        html .tags_text {
            color:#fff!important;
        }
        html .gallery_divider {
            border-color:#333!important;
        }
        html .gallery .caption {
            background-color:#181818!important;
            color:#e96969!important;
        }
        html .gallery .caption a {
            color:#e96969!important;
        }
        html .thumb .caption {
            background-color:#181818!important;
            color:#e96969!important;
        }
        html .thumb .caption a {
            color:#e96969!important;
        }
        html .thumb .caption a:hover,
        html .thumb:hover .caption a {
            color:#fff!important;
        }
        html .cat_flag .thumb_cat {
            color:#e96969!important;
        }
        html .cat_flag .thumb_cat:hover {
            color:#fff!important;
        }

        /* ============================================
           BASE / DARK THEME
           ============================================ */
        html { position:relative; min-height:100% }
        body {
            color:#fff;
            background-color:#181818;
            font-family:'Noto Sans',sans-serif;
            display:flex;
            flex-direction:column;
            min-height:100vh;
            padding-top:51px;
        }
        .overlay {
            flex:1 0 auto;
            display:flex;
            flex-direction:column;
        }
        .clear { clear:both }
        #content {
            flex:1 0 auto;
            padding-bottom:30px;
        }

        /* ============================================
           NAVBAR OVERRIDES (dark theme)
           ============================================ */
        .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
            max-height:465px;
        }
        .navbar {
            border-radius:0;
            border:none;
            margin-bottom:0;
            z-index:999999;
            min-height:51px!important;
            max-height:51px;
        }
        .navbar .active {
            color:#fff!important;
        }
        .navbar-brand {
            transform:translateX(-50%);
            top:0; left:50%;
            position:absolute;
            padding:0;
        }
        .navbar-toggle {
            margin-right:5px;
        }
        .logo {
            float:left;
            margin:3px 5px 0 3px;
        }
        .logo, .front, .back {
            width:45px;
            height:45px;
        }
        .logo a img {
            width:45px;
            height:45px;
        }

        /* Search mobile / desktop */
        .search_mobile {
            padding:0;
            display:flex;
            align-items:center;
            float:left;
            margin:0;
        }
        .search_mobile .smobile {
            display:none;
            margin:0;
            padding:0;
        }
        .search_mobile .smobile input[type=text] {
            flex:1;
            margin:0;
            background-color:#fff!important;
            color:#333!important;
            border:1px solid #ccc!important;
            border-right:1px solid #565656!important;
            height:34px;
            border-radius:3px 0 0 3px;
            padding:0 10px;
            font-size:14px;
            box-sizing:border-box;
        }
        .search_mobile .smobile input[type=text]::placeholder {
            color:#999;
        }
        .search_mobile .smobile .btn {
            background-color:#fff!important;
            color:#333!important;
            border:1px solid #ccc!important;
            border-left:none!important;
            height:34px!important;
            line-height:1!important;
            padding:0 12px!important;
            border-radius:0 3px 3px 0!important;
            margin:0!important;
            display:flex!important;
            align-items:center!important;
            justify-content:center!important;
            box-sizing:border-box;
        }
        .search_mobile .smobile .btn .glyphicon {
            color:#333!important;
            font-size:14px;
            line-height:1;
        }
        .smobile {
            display:none;
            padding:0;
            margin:3px 0;
        }
        .sdesktop {
            display:block;
            padding:0 5px 0 15px;
            position:relative;
        }
        .navbar-form .input-group {
            width:300px;
            display:flex!important;
            flex-wrap:nowrap;
        }
        .navbar-form .input-group .form-control {
            background-color:#fff!important;
            color:#333!important;
            border:1px solid #ccc!important;
            border-right:1px solid #565656!important;
            height:34px;
            border-radius:3px 0 0 3px!important;
            float:none!important;
            display:block!important;
            flex:1!important;
        }
        .navbar-form .input-group .form-control::placeholder {
            color:#999;
        }
        .navbar-form .input-group .input-group-btn {
            width:auto!important;
            display:flex!important;
        }
        .navbar-form .input-group .input-group-btn .btn {
            background-color:#fff!important;
            color:#333!important;
            border:1px solid #ccc!important;
            border-left:none!important;
            height:34px!important;
            line-height:34px!important;
            padding:0 12px!important;
            margin:0!important;
            border-radius:0 3px 3px 0!important;
            display:flex!important;
            align-items:center!important;
            justify-content:center!important;
        }
        .navbar-form .input-group .btn .glyphicon {
            color:#333!important;
            font-size:14px;
            line-height:1;
        }
        /* Ensure glyphicon icons show in navbar buttons */
        nav.navbar .glyphicon {
            display:inline-block!important;
            font-family:'Glyphicons Halflings'!important;
        }

        /* Nav left / right */
        .navleft {
            display:block;
        }
        .navleft li a,
        .navright li a {
            color:#9d9d9d!important;
        }
        .navleft li a:hover,
        .navright li a:hover {
            color:#fff!important;
        }
        #a_drop {
            display:none;
            color:#fff!important;
            padding:0 12px;
            height:51px;
            line-height:51px;
            font-size:16px;
            text-decoration:none!important;
        }
        #a_drop:hover {
            background:#333!important;
        }
        #a_drop .glyphicon {
            color:#fff!important;
        }
        .drop_div {
            float:left;
            position:relative;
        }

        /* Dropdown menu */
        #dropdown_menu {
            display:none;
            position:absolute;
            background:#232323;
            left:0;
            top:47px;
            box-shadow:0 0 30px rgba(0,0,0,1);
            border-radius:0 0 5px 5px;
        }
        #dropdown_menu ul {
            margin:0;
            padding:0;
        }
        #dropdown_menu ul li {
            list-style-type:none;
            padding:5px 35px 5px 10px;
            margin:0;
            border-bottom:1px solid #3a3a3a;
        }
        #dropdown_menu ul li:hover {
            background:#191919;
        }
        #dropdown_menu ul li:last-child {
            border-bottom:none;
        }
        #dropdown_menu ul li a {
            display:block;
            text-decoration:none;
            color:#fff;
            font-weight:600;
        }

        /* Pagination dark theme (exact imhentai dark.css match) */
        .pagination {
            margin:25px auto 10px !important;
            display:table !important;
            padding-left:0 !important;
            border-radius:4px !important;
            border:none !important;
            overflow:visible !important;
        }
        .pagination>li {
            display:inline !important;
        }
        .pagination>li>a,
        .pagination>li>span {
            position:relative !important;
            float:left !important;
            padding:6px 13px !important;
            margin-left:-1px !important;
            font-size:14px !important;
            line-height:1.42857143 !important;
            text-decoration:none !important;
            background-color:#101010 !important;
            border:1px solid #272727 !important;
            color:#9d9d9d !important;
        }
        .pagination>li:first-child>a,
        .pagination>li:first-child>span {
            margin-left:0 !important;
            border-top-left-radius:4px !important;
            border-bottom-left-radius:4px !important;
        }
        .pagination>li:last-child>a,
        .pagination>li:last-child>span {
            border-top-right-radius:4px !important;
            border-bottom-right-radius:4px !important;
        }
        .pagination>li>a:focus,
        .pagination>li>a:hover,
        .pagination>li>span:focus,
        .pagination>li>span:hover {
            z-index:2 !important;
            color:#101010 !important;
            background-color:#eee !important;
            border-color:#ddd !important;
        }
        .pagination>.active>a,
        .pagination>.active>a:focus,
        .pagination>.active>a:hover,
        .pagination>.active>span,
        .pagination>.active>span:focus,
        .pagination>.active>span:hover {
            z-index:3 !important;
            color:#fff !important;
            cursor:default !important;
            background-color:#e96969 !important;
            border-color:#e96969 !important;
        }
        .pagination>.disabled>a,
        .pagination>.disabled>a:focus,
        .pagination>.disabled>a:hover,
        .pagination>.disabled>span,
        .pagination>.disabled>span:focus,
        .pagination>.disabled>span:hover {
            background-color:#101010 !important;
            border:1px solid #272727 !important;
            color:#9d9d9d !important;
            cursor:not-allowed !important;
        }
        .pagination a {
            cursor:pointer;
        }
        .text-center .pagination {
            margin-left:auto !important;
            margin-right:auto !important;
        }

        /* ============================================
           AUTH FORMS (panel-register) - matches dark.css
           ============================================ */
        .panel-register {
            max-width:335px;
            background:#222;
            border-radius:0;
            margin:80px auto 50px auto;
            color:#9d9d9d;
        }
        .panel-register h2 {
            font-size:22px;
            text-align:center;
            font-weight:700;
        }
        .panel-register .panel-body {
            padding:0;
        }
        .panel-register .panel-body form {
            margin:0 auto;
            display:block;
        }
        .panel-register .email-field {
            position:relative;
        }
        .panel-register .email-field .form-control {
            padding-right:40px;
        }
        .panel-register .email-field .info-icon {
            position:absolute;
            top:50%;
            right:10px;
            transform:translateY(-50%);
            width:22px;
            height:22px;
            border:none;
            border-radius:50%;
            background:rgba(34,34,34,.9);
            color:#fff;
            font-size:12px;
            line-height:22px;
            text-align:center;
            cursor:pointer;
            outline:none;
        }
        .panel-register .email-field .tooltip {
            position:absolute;
            top:-9999px;
            left:0;
            transform:translate(-100%,0);
            background:rgba(34,34,34,.9);
            color:#fff;
            padding:10px;
            font-size:11px;
            line-height:1.3;
            border-radius:10px;
            white-space:normal;
            min-width:170px;
            max-width:170px;
            text-align:center;
            box-shadow:0 4px 12px rgba(0,0,0,.7);
            z-index:20;
            border:1px solid #575757;
            opacity:0;
            pointer-events:none;
            transition:opacity .18s ease,transform .18s ease;
        }
        .panel-register .email-field .tooltip::after {
            content:'';
            position:absolute;
            bottom:-2px;
            right:-4px;
            width:0;
            height:0;
            border-style:solid;
            border-width:11px 8px 0 5px;
            border-color:#383838 transparent transparent transparent;
            transform:rotate(196deg);
        }
        .panel-register .email-field .info-icon:hover .tooltip,
        .panel-register .email-field .info-icon:focus .tooltip,
        .panel-register .email-field .info-icon.active .tooltip {
            top:-60px;
            opacity:1;
            pointer-events:auto;
        }
        .panel-register .form-control,
        .panel-register input[type=submit] {
            width:302px!important;
            max-width:302px!important;
            margin:0 auto!important;
            display:block!important;
        }
        .panel-register input[type=submit],
        .panel-register input[type=submit]:active {
            background:#b34141;
            border:1px solid #b34141;
            outline:0;
        }
        .panel-register input[type=submit]:hover {
            background:#b93030;
            border:1px solid #b34141;
            outline:0;
        }
        .panel-register a {
            color:#e96969;
        }
        .panel-register hr {
            border-top:1px solid #eee;
        }
        .panel-register .form-control {
            background-color:#fff!important;
            border:1px solid #ccc!important;
            color:#555!important;
        }
        .panel-register .form-control:focus {
            border-color:#66afe9!important;
            box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)!important;
        }
        .panel-register p {
            text-align:center;
        }

        /* ============================================
           GALLERY PAGE (matches imhentai.xxx)
           ============================================ */

        /* BigContainer layout - flex for reliable 33/66 split */
        #bigcontainer {
            margin-bottom:0!important;
            padding:20px!important;
            background-color:transparent!important;
            border-radius:0!important;
            display:flex!important;
            flex-wrap:wrap;
        }
        #bigcontainer form { display:inline-block }
        #bigcontainer #cover {
            flex:0 0 33.33%;
            max-width:33.33%;
            text-align:center;
        }
        #bigcontainer #info-block {
            flex:0 0 calc(66.66% - 20px);
            max-width:calc(66.66% - 20px);
            margin-left:20px;
        }
        @media screen and (max-width:767px) {
            #bigcontainer {
                flex-direction:column;
            }
            #bigcontainer #cover,
            #bigcontainer #info-block {
                flex:0 0 100%!important;
                max-width:100%!important;
                margin:0!important;
            }
            #bigcontainer #cover {
                text-align:center;
                margin-bottom:15px!important;
            }
        }
        #bigcontainer #cover img {
            max-width:100%;
            border-radius:.3em;
        }

        /* Info block */
        #info {
            height:auto!important;
            padding:0 5px!important;
            text-align:left!important;
        }
        #info h1 {
            font-size:20px;
            color:#fff;
            margin:0 0 5px 0;
            line-height:1.6;
            font-weight:700;
        }
        #info h2 {
            font-size:16px;
            margin:5px 0 15px 0;
            color:#fff;
            font-weight:400;
            line-height:1.42857143;
        }
        #info a { font-weight:700 }

        /* Gallery info rows */
        .gallery-info {
            margin-bottom:5px;
        }
        .galleries_info {
            margin:0 0 5px 0;
            padding:0;
            line-height:2.2;
        }
        .galleries_info.pages,
        .galleries_info.posted {
            margin:0 0 5px 0;
        }
        .tags_text {
            color:#fff;
            font-weight:500;
            font-size:14px;
            margin-right:5px;
        }
        .pages_num {
            color:#fff;
            font-weight:600;
            font-size:14px;
        }

        /* Tags (exact imhentai style) - !important to override old .tag styles */
        .galleries_info .tag {
            border:1px solid #312e2e!important;
            font-weight:600!important;
            border-radius:5px!important;
            background:#312e2e!important;
            padding:4px 7px!important;
            vertical-align:top!important;
            color:#e96969!important;
            overflow:hidden;
            text-overflow:ellipsis;
            position:relative;
            text-decoration:none!important;
            display:inline-block!important;
            font-size:14px!important;
            margin:2px 3px 2px 0!important;
            line-height:1.4!important;
        }
        .galleries_info .tag:hover {
            background:#292828;
            border-color:#292828;
            color:#fff;
            text-decoration:none;
        }
        .galleries_info .tag:active,
        .galleries_info .tag:focus {
            background:#312e2e;
        }
        .galleries_info .tag .badge {
            font-family:Arial;
            background:#565656;
            color:#fff;
            font-size:12px;
            font-weight:300;
            padding:2px 7px;
            border-radius:15px;
            margin-left:3px;
            vertical-align:top;
            line-height:12px;
        }

        /* Gallery buttons */
        .gallery_buttons {
            margin-top:20px;
            display:flex;
            flex-direction:row;
            flex-wrap:wrap;
            align-items:center;
            gap:0;
        }
        .gallery_buttons .btn {
            text-align:center;
            margin:0 5px 5px 0!important;
        }
        .gallery_buttons .tag {
            margin-right:5px;
        }

        /* Like/Dislike buttons */
        .gallery_buttons .likes {
            display:inline-flex;
            align-items:center;
            margin-right:5px;
            margin-bottom:5px;
        }
        .gallery_buttons .likes .like-btn,
        .gallery_buttons .likes .dlike-btn {
            margin:0;
            position:relative;
            border:none;
            height:34px;
            line-height:32px;
            padding:0 12px;
            background:#b34141;
            color:#fff;
            font-weight:700;
            cursor:pointer;
            outline:0;
            font-size:14px;
            display:inline-block;
            vertical-align:middle;
        }
        .gallery_buttons .likes .like-btn {
            border-radius:5px 0 0 5px;
        }
        .gallery_buttons .likes .dlike-btn {
            border-radius:0 5px 5px 0;
        }
        .gallery_buttons .likes .like-btn:hover,
        .gallery_buttons .likes .dlike-btn:hover {
            background:#a53e3e;
        }
        .gallery_buttons .likes .like-btn.active {
            background:#15a500;
        }
        .gallery_buttons .likes .dlike-btn.active {
            background:#c0392b;
        }
        .btn-fap.active {
            background:#e96969!important;
            border-color:#e96969!important;
        }
        .gallery_buttons .likes .like-btn .gb {
            position:absolute;
            width:100%;
            height:4px;
            bottom:0;
            left:0;
            background:#15a500;
            border-radius:0 0 0 5px;
        }
        .gallery_buttons .likes .dlike-btn .rb {
            position:absolute;
            width:100%;
            height:4px;
            bottom:0;
            left:0;
            background:red;
            border-radius:0 0 5px 0;
        }
        .btn {
            display:inline-block;
            vertical-align:middle;
            font-weight:700;
            cursor:pointer;
            padding:0 12px;
            color:#fff;
            border:0;
            border-radius:3px;
            outline:0;
            font-size:100%;
            height:40px;
            line-height:40px;
            margin:3px;
            -webkit-font-smoothing:antialiased;
            text-decoration:none;
        }
        .btn:hover { color:#fff; text-decoration:none }
        .btn-fav,
        .btn-dl,
        .btn-fap,
        .btn-list {
            background:#b34141!important;
            border:1px solid #b34141!important;
            color:#fff!important;
            height:34px!important;
            line-height:32px!important;
            padding:0 22px!important;
            font-size:15px!important;
            border-radius:3px!important;
            margin:0 5px 5px 0!important;
        }
        .btn-fav:hover,
        .btn-dl:hover,
        .btn-fap:hover,
        .btn-list:hover {
            background:#a53e3e!important;
            border:1px solid #b34141!important;
            color:#fff!important;
        }
        .btn-fav:active, .btn-fav:focus,
        .btn-dl:active, .btn-dl:focus,
        .btn-fap:active, .btn-fap:focus,
        .btn-list:active, .btn-list:focus {
            background:#b93030!important;
            border:1px solid #b34141!important;
            outline:0!important;
        }
        .btn.btn-primary { background-color:#ed2553 }
        .btn.btn-primary:hover { color:#fff; background:#f15478 }
        .btn.btn-secondary { background-color:#475d73 }
        .btn.btn-secondary:hover { background:#516a83 }
        .btn.btn-unstyled {
            color:inherit;
            padding:0;
            margin:0;
            background:none;
            cursor:pointer;
            border:none;
            font-weight:400;
            line-height:1;
            height:auto;
        }
        .btn.btn-thin {
            font-weight:400;
            line-height:1;
            height:auto;
            margin-top:5px;
            margin-bottom:10px;
            padding:5px 6px;
        }
        .btn-disabled { opacity:.5; cursor:default!important }
        .btn-disabled:hover { opacity:.5 }
        a.tooltip { position:relative; display:inline-block; border-bottom:1px dotted #666 }
        a.tooltip .top {
            min-width:150px;
            top:-20px;
            left:50%;
            transform:translate(-50%,-100%);
            padding:8px;
            color:#fff;
            background-color:#222;
            font-weight:400;
            font-size:13px;
            border-radius:8px;
            position:absolute;
            z-index:99999999;
            box-sizing:border-box;
            box-shadow:0 1px 8px rgba(0,0,0,.5);
            display:none;
            line-height:17px;
            white-space:nowrap;
            border:1px solid #3a3a3a;
        }
        a.tooltip:hover { opacity:1 }
        a.tooltip:hover .top { display:block }
        a.tooltip .top i {
            position:absolute;
            top:100%;
            left:50%;
            margin-left:-12px;
            width:24px;
            height:12px;
            overflow:hidden;
        }
        a.tooltip .top i:after {
            content:'';
            position:absolute;
            width:12px;
            height:12px;
            left:50%;
            transform:translate(-50%,-50%) rotate(45deg);
            background-color:#222;
            box-shadow:0 1px 8px rgba(0,0,0,.5);
        }

        /* Gallery divider */
        .gallery_divider {
            max-width:1200px;
            margin:0 auto;
            border-bottom:1px solid #333;
        }

        /* Thumbnail container (append_thumbs) */
        #thumbnail-container {
            margin-bottom:0;
            padding:15px 20px;
            text-align:left;
            background-color:transparent!important;
            border-radius:0!important;
        }
        @media screen and (max-width:980px) {
            #thumbnail-container {
                padding:10px 5px 5px;
                border-radius:0;
            }
        }
        .thumbs_container {
            display:flex;
            flex-wrap:wrap;
            gap:2px;
        }
        .gthumb {
            display:inline-block;
            margin-bottom:0;
            vertical-align:middle;
        }
        .gthumb a {
            display:block;
            line-height:0;
            font-size:0;
        }
        .gthumb img {
            width:100%!important;
            height:auto!important;
            display:block!important;
            border:3px solid #312e2e!important;
            margin:0!important;
            border-radius:0!important;
        }
        .gthumb img:hover {
            filter:brightness(110%);
        }
        @media screen and (min-width:980px) {
            .gthumb {
                width:calc(100% / 5 - 2px);
            }
        }
        @media screen and (max-width:979px) {
            .gthumb {
                width:calc(25% - 2px);
            }
        }
        @media screen and (max-width:772px) {
            .gthumb {
                width:calc(33.33% - 2px);
            }
        }
        @media screen and (max-width:500px) {
            .gthumb {
                width:calc(50% - 2px);
            }
        }

        /* Clip-height for thumbnail container (View More/View All) */
        #thumbnail-container.clip-height .thumbs_container {
            max-height:650px;
            overflow:hidden;
            position:relative;
        }
        /* Kill old CSS .clip-height .thumbs:after shadow overlay */
        .clip-height .thumbs:after,
        .clip-height .thumbs_container:after {
            display:none!important;
            box-shadow:none!important;
        }
        #thumbnail-container {
            position:relative;
        }
        #show-all-images-container {
            text-align:center;
            margin-top:5px;
            padding:2px 0;
            position:relative;
            z-index:21;
        }
        #show-all-images-container .btn.view_link {
            background:#b34141!important;
            border:1px solid #b34141!important;
            color:#fff!important;
            margin:0 3px;
            min-width:auto;
            height:34px!important;
            line-height:32px!important;
            padding:0 12px!important;
            font-size:13px!important;
            font-weight:400!important;
            border-radius:3px!important;
            cursor:pointer;
        }
        #show-all-images-container .btn.view_link:hover {
            background:#a53e3e!important;
        }
        .login-comment {
            text-align:left;
            font-size:13px;
            color:#999;
            margin:0 0 15px 0;
            text-decoration:underline;
        }
        .login-comment a {
            color:#e96969!important;
            text-decoration:underline;
        }

        /* Related galleries */
        .index-container { margin-top:0; padding:20px }
        .related_title {
            font-size:22px;
            font-weight:500;
            color:#fff;
            margin:0 0 15px 0;
            text-align:left;
            padding-top:10px;
        }
        .gallery {
            display:inline-block;
            vertical-align:top;
            position:relative;
            margin-bottom:3em;
        }
        .gallery a { display:block }
        .gallery .cover {
            position:relative;
            overflow:hidden;
            display:block;
            height:0;
        }
        .gallery .cover img {
            position:absolute;
            top:0; left:0;
            width:100%;
            height:100%;
            object-fit:cover;
            border-radius:5px;
        }
        .gallery .caption {
            line-height:20px;
            left:0; right:0; top:100%;
            position:absolute;
            z-index:10;
            overflow:hidden;
            width:100%;
            max-height:26px;
            padding:3px;
            background:#181818;
            color:#e96969;
            font-weight:700;
            font-size:14px;
            display:block;
            text-align:center;
            text-decoration:none;
            box-shadow:0 8px 20px rgba(0,0,0,.5);
        }
        .gallery:hover .caption {
            max-height:100%;
            box-shadow:0 10px 20px rgba(0,0,0,.5);
        }
        @media screen and (min-width:980px) {
            .gallery { width:19%; margin:3px }
        }
        @media screen and (max-width:979px) {
            .gallery { width:24%; margin:2px }
        }
        @media screen and (max-width:772px) {
            .gallery { width:32%; margin:1.5px }
        }
        @media screen and (max-width:500px) {
            .gallery { width:49%; margin:.5px }
        }

        /* ============================================
           GALLERY GRID - IMHENTAI THUMB CARDS
           ============================================ */
        .galleries {
            margin:0 !important;
            font-size:0;
        }
        .galleries h1.sub_title {
            background:0 0;
            margin-top:10px;
            padding:10px 0 16px 0;
            font-size:24px;
            line-height:24px;
            text-align:center;
            margin-left:5px;
            margin-right:5px;
            border-radius:0 0 5px 5px;
            margin-bottom:15px;
            color:#fff;
        }
        .galleries h1 .search_key {
            font-weight:700;
        }
        .galleries .sub_links {
            padding:0 0 21px 0;
            text-align:center;
        }
        .galleries .sub_links .latest_sub,
        .galleries .sub_links .popular_sub {
            margin:0;
            padding:0;
            display:inline-block;
            font-size:unset;
            background:0 0;
            line-height:unset;
            text-align:unset;
        }
        .galleries .sub_links a {
            font-size:20px;
            line-height:20px;
            color:#e96969;
            padding:0 20px;
            text-decoration:none;
        }
        .galleries .sub_links a:hover {
            color:#fff;
        }
        .galleries .sub_links .active {
            font-weight:700;
        }
        .galleries .thumbs_container {
            text-align:center;
        }
        .thumb {
            position:relative;
            margin-bottom:2.375em !important;
            display:inline-block;
            vertical-align:top;
            font-size:14px;
        }
        .thumb:hover {
            z-index:10;
        }
        .thumbnail {
            border-radius:0;
            padding:0;
            border:none;
            background:0 0;
            margin-bottom:0;
        }
        .thumbnail img {
            margin:0;
            padding:0;
        }
        .inner_thumb {
            position:relative;
            overflow:hidden;
        }
        .inner_thumb img {
            width:100%;
            height:auto;
            display:block;
        }

        /* Ribbon */
        .ribbon {
            text-align:center;
            position:absolute;
            width:75px;
            font-size:10px;
            padding:3px;
            box-shadow:0 0 3px #333;
            color:#ffe;
            transform:rotate(-45deg);
            top:8px;
            z-index:1;
        }
        .ribbon.ribbon-left {
            left:-20px;
        }
        .ribbon-green {
            background:#b34141;
        }

        /* Cat flag bar */
        .thumbnail .cat_flag {
            width:100%;
            background:#222;
            color:#e96969;
            height:20px;
            border-radius:5px 5px 0 0;
        }
        .cat_flag .gallery_cat {
            float:right;
            margin:0;
            padding:0;
            line-height:19px;
        }
        .cat_flag .thumb_cat {
            float:right;
            margin:0 !important;
            padding:0 5px !important;
            border:none;
            font-weight:600;
            font-size:13px;
            text-shadow:1px 0 1px #000;
            color:#e96969 !important;
            text-decoration:none;
        }
        .cat_flag .thumb_cat:hover {
            color:#fff !important;
        }
        .cat_flag .thumb_flag {
            float:left;
            width:38px;
            height:20px;
            padding:0;
            margin:0;
            border-radius:5px 0 0 0;
        }

        /* Thumbnail hover effects */
        .thumbnail:hover .caption {
            z-index:1;
            max-height:100%;
        }
        .thumbnail:hover .cat_doujinshi { background:#500505; color:#fffcfc; cursor:default; }
        .thumbnail:hover .cat_manga { background:#193154; color:#fffcfc; cursor:default; }
        .thumbnail:hover .cat_western { background:#33295d; color:#fffcfc; cursor:default; }
        .thumbnail:hover .cat_artistcg { background:#00473e; color:#fffcfc; cursor:default; }
        .thumbnail:hover .cat_gamecg { background:#4a2100; color:#fffcfc; cursor:default; }
        .thumbnail:hover .cat_imageset { background:#2b3c00; color:#fffcfc; cursor:default; }
        .thumbnail:hover .caption a { color:#fff !important; }

        /* Thumb caption */
        .thumb .caption {
            background:#181818;
            padding:3px;
            color:#333;
            position:absolute;
            overflow:hidden;
            z-index:2 !important;
            max-height:26px;
            width:100%;
            display:block;
            text-align:center;
            text-decoration:none;
            left:0;
            right:0;
            top:100%;
            box-shadow:0 8px 20px rgba(0,0,0,.5);
        }
        .thumb .caption:hover {
            max-height:100%;
        }
        .thumb .caption h2 {
            background:#181818;
            margin:0;
            padding:0;
            font-size:unset;
            line-height:unset;
            text-align:unset;
            border-radius:unset;
        }
        .thumb .caption a {
            color:#e96969 !important;
            text-decoration:none;
            text-align:center;
            font-weight:700;
            display:block;
            font-size:14px;
            line-height:20px;
        }
        .thumb .caption a:hover {
            color:#fff !important;
        }

        /* Responsive thumb widths */
        @media (min-width:1200px) {
            .thumb {
                width:19.16%;
                float:none;
                display:inline-block;
                vertical-align:top;
                margin:5px;
            }
            .thumb:nth-child(5n+5) {
                margin-right:0;
            }
        }
        @media (max-width:1199px) {
            .thumb { width:19%; margin:.5px .949% .5px .5px; }
        }
        @media (max-width:979px) {
            .thumb { width:24%; margin:.5px .93% .5px .5px; }
        }
        @media (max-width:772px) {
            .thumb { width:32.32%; margin:.5px .84% .5px .5px; }
        }
        @media (max-width:500px) {
            .thumb { width:49%; margin:.5px .84% .5px .5px; }
        }

        /* ============================================
           SEARCH/FILTER BAR (imhentai match)
           ============================================ */
        .container .custom_search {
            text-align:center;
            padding:10px 0 15px 0;
        }
        .container .custom_search form {
            display:flex;
            align-items:stretch;
        }
        .container .custom_search .left {
            flex:0 0 199px;
            margin-right:3px;
            border-radius:5px 0 0 5px;
            margin-left:5px;
        }
        .container .custom_search .middle {
            flex:1;
            min-width:0;
        }
        .container .custom_search .right {
            flex:0 0 200px;
            margin-left:2px;
            border-radius:0 5px 5px 0;
            margin-right:5px;
        }
        .container .custom_search .left .left_ul,
        .container .custom_search .right .right_ul {
            margin:0;
            padding:0;
            font-size:0;
            display:flex;
            flex-direction:column;
            height:100%;
        }
        .container .custom_search .left .left_ul li,
        .container .custom_search .right .right_ul li {
            list-style-type:none;
            font-size:14px;
            margin:0;
            cursor:pointer;
            -webkit-user-select:none;
            user-select:none;
            text-transform:uppercase;
            font-weight:700;
            color:#e96969;
            background:#222;
            flex:1;
            display:flex;
            align-items:center;
            justify-content:center;
        }
        .container .custom_search .left .left_ul li.active,
        .container .custom_search .right .right_ul li.active,
        .container .custom_search .left .left_ul li:hover,
        .container .custom_search .right .right_ul li:hover {
            color:#fff;
        }
        .container .custom_search .left .left_ul li:nth-child(1) {
            border-radius:5px 0 0 0;
            margin-bottom:3px;
        }
        .container .custom_search .left .left_ul li:nth-child(2) {
            border-radius:0 0 0 5px;
        }
        .container .custom_search .right .right_ul li:nth-child(1) {
            border-radius:0 5px 0 0;
            margin-bottom:3px;
        }
        .container .custom_search .right .right_ul li:nth-child(2) {
            border-radius:0 0 5px 0;
        }

        /* Categories */
        .container .custom_search .middle .cats {
            margin:0;
            padding:0;
            font-size:0;
            display:flex;
        }
        .container .custom_search .middle .cats li {
            list-style-type:none;
            flex:1;
            font-size:14px;
            padding:8px 0;
            margin:0;
            cursor:pointer;
            -webkit-user-select:none;
            user-select:none;
            text-transform:uppercase;
            font-weight:700;
            color:#fff;
            text-align:center;
        }
        .container .custom_search .middle .cats li:hover {
            opacity:0.8;
        }
        .container .custom_search .middle .cats li:nth-child(1) { background:#193154; }
        .container .custom_search .middle .cats li:nth-child(2) { background:#350303; }
        .container .custom_search .middle .cats li:nth-child(3) { background:#33315d; }
        .container .custom_search .middle .cats li:nth-child(4) { background:#2b3c00; }
        .container .custom_search .middle .cats li:nth-child(5) { background:#004748; }
        .container .custom_search .middle .cats li:nth-child(6) { background:#4a2100; }

        /* Search input */
        .container .custom_search .middle .inputs {
            margin:3px 0;
            position:relative;
            display:flex;
            align-items:stretch;
        }
        .container .custom_search .middle input[type=text] {
            flex:1;
            min-width:0;
            padding:6px 12px;
            font-size:14px;
            line-height:1.42857143;
            color:#555;
            background-color:#fff !important;
            background-image:none;
            border:1px solid #ccc;
            border-radius:0;
            box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
            margin:0 3px 0 0;
            outline:0;
        }
        .container .custom_search .middle .inputs .btn {
            background:#b34141 !important;
            border:1px solid #b34141 !important;
            margin:0 0 0 3px;
            outline:0;
            border-radius:0;
            color:#fff !important;
            flex-shrink:0;
            white-space:nowrap;
            padding:0 12px;
            font-size:14px;
            line-height:normal;
            box-sizing:border-box;
        }
        .container .custom_search .middle .inputs .btn:hover {
            background:#a53e3e !important;
            border:1px solid #b34141 !important;
        }

        /* Language flags row */
        .container .custom_search .middle .langs {
            margin:0;
            padding:0;
            font-size:0;
            display:flex;
        }
        .container .custom_search .middle .langs li {
            list-style-type:none;
            flex:1;
            cursor:pointer;
            overflow:hidden;
            margin:0;
        }
        .container .custom_search .middle .langs li:first-child {
            border-radius:0 0 0 5px;
        }
        .container .custom_search .middle .langs li:last-child {
            border-radius:0 0 5px 0;
        }
        .container .custom_search .middle .langs li a {
            display:block;
            height:100%;
        }
        .container .custom_search .middle .langs li img {
            display:block;
            width:100%;
            height:30px;
            object-fit:cover;
        }
        .container .custom_search .middle .langs li:hover {
            opacity:0.7;
        }

        /* Hide search bar on smaller screens */
        @media (max-width:979px) {
            .custom_search.desktop_shown {
                display:none;
            }
        }

        /* ============================================
           MOBILE FILTER BAR
           ============================================ */
        .mobile_filter {
            display:none;
            padding:5px 0 10px;
        }
        @media (max-width:979px) {
            .mobile_filter {
                display:block;
            }
        }
        .mf_buttons {
            display:flex;
            gap:3px;
        }
        .mf_btn {
            flex:1;
            background:#b34141;
            color:#fff;
            border:none;
            padding:6px 0;
            font-size:12px;
            font-weight:700;
            text-transform:uppercase;
            cursor:pointer;
            outline:0;
            border-radius:3px;
        }
        .mf_btn:hover,
        .mf_btn.active {
            background:#a53e3e;
        }
        .mf_btn i {
            margin-left:4px;
        }
        .mf_panel {
            display:none;
            margin-top:3px;
        }
        .mf_panel.open {
            display:flex;
            flex-wrap:wrap;
            gap:3px;
        }
        /* Categories panel */
        #mf_categories a {
            flex:1 1 calc(50% - 3px);
            text-align:center;
            padding:10px 0;
            font-size:13px;
            font-weight:700;
            text-transform:uppercase;
            color:#fff !important;
            text-decoration:none !important;
            border-radius:3px;
        }
        #mf_categories a:nth-child(1) { background:#193154; }
        #mf_categories a:nth-child(2) { background:#350303; }
        #mf_categories a:nth-child(3) { background:#33315d; }
        #mf_categories a:nth-child(4) { background:#2b3c00; }
        #mf_categories a:nth-child(5) { background:#004748; }
        #mf_categories a:nth-child(6) { background:#4a2100; }
        #mf_categories a:hover {
            opacity:0.8;
        }
        /* Languages panel */
        #mf_languages {
            gap:5px;
        }
        #mf_languages a {
            flex:1 1 calc(33.33% - 5px);
            max-width:calc(33.33% - 5px);
            display:block;
            line-height:0;
            border-radius:3px;
            overflow:hidden;
        }
        #mf_languages a img {
            width:100%;
            height:40px;
            object-fit:cover;
            display:block;
        }
        #mf_languages a:hover {
            opacity:0.7;
        }
        /* Sort panel */
        #mf_sort a {
            flex:1 1 calc(50% - 3px);
            text-align:center;
            padding:10px 0;
            font-size:13px;
            font-weight:700;
            text-transform:uppercase;
            color:#e96969 !important;
            text-decoration:none !important;
            background:#222;
            border-radius:3px;
        }
        #mf_sort a:hover {
            color:#fff !important;
        }

        /* ============================================
           TAG LISTING PAGES (tags, artists, etc.)
           ============================================ */
        .tag-page-title {
            font-size:22px;
            font-weight:700;
            color:#fff;
            margin:0 0 5px 0;
            padding:0;
        }

        /* Alphabet filter bar */
        .alpha-filter {
            display:flex;
            flex-wrap:wrap;
            justify-content:center;
            gap:4px;
            padding:10px 0 15px;
            margin:0 0 15px;
            list-style:none;
        }
        .alpha-filter li a {
            display:block;
            padding:6px 12px;
            background:#2a2a2a;
            color:#999 !important;
            border-radius:4px;
            font-size:13px;
            font-weight:600;
            text-decoration:none !important;
            transition:background .15s,color .15s;
        }
        .alpha-filter li a:hover,
        .alpha-filter li a.current {
            background:#e96969;
            color:#fff !important;
        }

        /* Tag container - multi column layout */
        #tag-container {
            margin:0 !important;
            padding:0 !important;
            -webkit-columns:170px !important;
            -moz-columns:170px !important;
            columns:170px !important;
            -webkit-column-width:170px !important;
            -moz-column-width:170px !important;
            column-width:170px !important;
            -webkit-column-count:auto !important;
            -moz-column-count:auto !important;
            column-count:auto !important;
            -webkit-column-gap:10px !important;
            -moz-column-gap:10px !important;
            column-gap:10px !important;
            -webkit-column-rule:none !important;
            -moz-column-rule:none !important;
            column-rule:none !important;
        }
        #tag-container section {
            margin-bottom:10px;
            border:none !important;
            background:transparent !important;
            padding:0 !important;
            -webkit-column-break-inside:auto !important;
            page-break-inside:auto !important;
            break-inside:auto !important;
        }
        #tag-container section:target {
            border:none !important;
            background:transparent !important;
        }
        #tag-container section h2 {
            color:#e96969;
            font-size:18px;
            font-weight:700;
            margin:0 0 8px;
            padding:6px 0;
            border-bottom:2px solid #e96969;
            -webkit-column-break-after:avoid;
            page-break-after:avoid;
            break-after:avoid;
        }
        #tag-container .tag {
            display:flex !important;
            align-items:center;
            justify-content:space-between;
            background:#2a2a2a !important;
            border:none !important;
            border-radius:4px !important;
            padding:5px 10px !important;
            margin:0 0 3px !important;
            text-decoration:none !important;
            transition:background .15s;
            font-weight:400 !important;
            -webkit-column-break-inside:avoid;
            page-break-inside:avoid;
            break-inside:avoid;
        }
        #tag-container .tag:hover {
            background:#363636 !important;
        }
        #tag-container .tag .name {
            color:#ccc !important;
            font-size:13px;
            font-weight:400;
            background:transparent !important;
            padding:0 !important;
            border:none !important;
            border-radius:0 !important;
        }
        #tag-container .tag:hover .name {
            color:#e96969 !important;
        }
        #tag-container .tag .count {
            color:#777 !important;
            font-size:12px;
            font-weight:400;
            background:transparent !important;
            padding:0 !important;
            border:none !important;
            border-radius:0 !important;
            flex-shrink:0;
            margin-left:8px;
        }

        /* Tag listing responsive */
        @media (max-width:768px) {
            #tag-container {
                -webkit-column-gap:8px !important;
                -moz-column-gap:8px !important;
                column-gap:8px !important;
            }
            .alpha-filter li a {
                padding:5px 9px;
                font-size:12px;
            }
        }
        @media (max-width:480px) {
            #tag-container {
                -webkit-columns:140px !important;
                -moz-columns:140px !important;
                columns:140px !important;
                -webkit-column-width:140px !important;
                -moz-column-width:140px !important;
                column-width:140px !important;
            }
        }

        /* Comment section */
        #comment-container {
            padding:20px;
        }
        .comment_title {
            font-size:22px;
            font-weight:500;
            color:#fff;
            margin:0 0 15px 0;
            text-align:left;
        }
        .comment-form {
            max-width:100%;
            margin-bottom:15px;
        }
        .comment-form textarea {
            width:85%;
            height:90px;
            margin-bottom:5px;
            padding:10px;
            border:0;
            border-radius:3px;
            outline:0;
            -webkit-appearance:none;
            background:#2a2a2a;
            color:#fff;
            resize:none;
            font-family:'Noto Sans',sans-serif;
            font-size:14px;
        }
        .comment-form textarea:focus { border-color:#e96969 }
        .comment-form .btn {
            display:block;
            width:120px;
        }
        .alert-danger {
            background-color:#f2dede!important;
            border-color:#ebccd1!important;
            color:#a94442!important;
            padding:10px 15px;
            border-radius:4px;
            margin-bottom:15px;
            font-size:13px;
            font-family:'Noto Sans',sans-serif;
            white-space:nowrap;
        }
        .alert-danger a {
            color:#a94442!important;
            font-weight:700;
            text-decoration:underline;
        }
        .alert-danger a:hover {
            color:#843534!important;
        }
        .comment {
            display:flex;
            text-align:left;
            margin-bottom:10px;
            padding:8px;
            border-bottom:1px solid #2a2a2a;
        }
        .comment .avatar {
            display:inline-block;
            width:50px;
            height:50px;
            overflow:hidden;
            margin-right:10px;
            border-radius:100%;
            flex-shrink:0;
        }
        .comment .avatar img {
            object-fit:cover;
            object-position:50% 50%;
            width:100%;
            height:100%;
        }
        .comment .body-wrapper { flex:1 }
        .comment .header {
            display:flex;
            flex-direction:row;
            margin-bottom:5px;
        }
        .comment .header time { margin-left:.5em; opacity:.6 }
        .comment .header .right { margin-left:auto; text-align:right }
        .comment .header .right .comment-flag,
        .comment .header .right .comment-delete { opacity:.6; margin-left:1em }
        .comment .header .right .comment-flag:hover,
        .comment .header .right .comment-delete:hover { opacity:.9 }
        .comment .body-wrapper .body { word-break:break-word }
        .comment .body-wrapper .body a { color:#e96969 }
        .comment .body-wrapper .body a:hover { color:#ff8080; text-decoration:underline }
        .comment:target { background-color:#2a2a2a }

        /* ============================================
           READER PAGE
           ============================================ */
        #page-container {
            text-align:center;
            padding:15px 0;
        }
        #page-container .pagination {
            display:flex !important;
            align-items:center !important;
            justify-content:center !important;
            gap:15px !important;
            margin:15px auto !important;
            border:none !important;
            overflow:visible !important;
        }
        #page-container .pagination a {
            color:#e96969!important;
            font-size:18px !important;
            text-decoration:none !important;
            background:none!important;
            border:none!important;
            padding:5px 10px !important;
            float:none !important;
            position:static !important;
            margin:0 !important;
        }
        #page-container .pagination a:hover {
            color:#ff8080!important;
            background:none !important;
        }
        #page-container .pagination .page-number {
            color:#e96969!important;
            font-size:18px;
            font-weight:700;
            background:none;
            border:none;
            padding:0;
            height:auto;
            line-height:normal;
        }
        #page-container .pagination .page-number .current {
            color:#fff;
        }
        #page-container .pagination .page-number .divider {
            color:#e96969;
        }
        #page-container .pagination .page-number .num-pages {
            color:#e96969;
            font-weight:700;
        }
        #image-container {
            text-align:center;
            margin:10px 0;
        }
        #image-container img {
            max-width:100%;
            height:auto;
        }
        .back-to-gallery {
            margin:15px 0;
            text-align:center;
        }
        .back-to-gallery a {
            display:inline-block;
            background:#333!important;
            color:#e96969!important;
            padding:4px 15px;
            border-radius:5px;
            font-size:15px;
            font-weight:700;
            text-decoration:none!important;
            border:1px solid #444;
        }
        .back-to-gallery a:hover {
            background:#3a3a3a!important;
            color:#ff8080!important;
        }

        /* Container */
        .container {
            display:block;
            clear:both;
            margin-left:auto;
            margin-right:auto;
            margin-bottom:10px;
            margin-top:10px;
            padding:15px 20px;
            width:100%;
            max-width:1200px;
            background-color:transparent!important;
            border-radius:0!important;
        }
        /* Gallery sub-containers should not have 60px top margin */
        #thumbnail-container.container,
        #comment-container.container,
        .index-container.container {
            margin-top:0;
        }
        #bigcontainer.container {
            margin-top:10px;
        }

        /* ============================================
           FOOTER
           ============================================ */
        #footer {
            background:0 0;
            padding:0;
            width:100%;
            font-weight:700;
            flex-shrink:0;
        }
        #footer .wrap {
            margin:0 auto;
            max-width:1200px;
            text-align:center;
        }
        #footer .f_bottom {
            background:#101010;
            padding:30px 0 30px 0;
        }
        #footer .f_bottom .f_row {
            float:left;
            width:235px;
            margin-right:40px;
        }
        #footer .f_bottom .ct {
            width:202px;
        }
        #footer .f_bottom .f_row.last {
            margin-right:0;
            width:102px;
        }
        #footer .f_bottom .bottom_align {
            margin:0 auto;
            width:894px;
        }
        #footer .f_bottom .line {
            width:69px;
            height:3px;
            background:#fb5e5e;
            margin:15px 0;
        }
        #footer .f_bottom h3 {
            margin:0;
            padding:0;
            text-align:left;
            font-size:18px;
            font-weight:700;
        }
        #footer .f_bottom ul {
            margin:0;
            padding:0;
        }
        #footer .f_bottom ul li {
            list-style-type:none;
            margin:0;
            padding:0;
            text-align:left;
        }
        #footer a {
            color:#9d9d9d;
        }
        #footer a:hover {
            color:#fff;
        }

        /* Footer brand bar (pink bar above footer columns) - matches source #bar */
        .footer-brand {
            background:#fb5e5e;
            padding:0;
            text-align:center;
            color:#fff;
            display:flex;
            align-items:center;
            justify-content:center;
            gap:10px;
            height:50px;
            font-size:16px;
            line-height:16px;
            font-weight:700;
            flex-shrink:0;
        }
        .footer-brand img {
            width:50px;
            height:50px;
        }

        /* Footer bottom bar (copyright) */
        .footer-bottom {
            background:#111;
            padding:14px 20px;
            text-align:center;
            color:#555;
            font-size:12px;
            flex-shrink:0;
        }
        .footer-bottom a {
            color:#e8586d!important;
            margin-left:10px;
        }

        /* ============================================
           RESPONSIVE
           ============================================ */
        @media (max-width:767px) {
            .navbar {
                max-height:none!important;
            }
            .search_mobile .smobile {
                display:flex!important;
                align-items:center;
                margin:8px 0;
                padding:0;
                justify-content:center;
            }
            .sdesktop {
                display:none!important;
            }
            /* Phone navbar header: logo > search > menu icon */
            .navbar-header {
                display:flex!important;
                align-items:center;
                float:none!important;
            }
            .navbar-header .logo {
                flex-shrink:0;
                order:1;
                float:none!important;
            }
            .navbar-header .search_mobile {
                flex:1;
                margin-left:5px;
                margin-right:5px;
                order:2;
                display:flex!important;
                justify-content:center;
            }
            .navbar-header .navbar-toggle {
                flex-shrink:0;
                margin:0 5px 0 0!important;
                float:none!important;
                order:3;
            }
            /* Phone dropdown menu - full width, dark bg #222 */
            #navbar {
                position:absolute!important;
                top:100%;
                left:0!important;
                right:0!important;
                width:100%!important;
                margin:0!important;
                background:#222!important;
                border-top:1px solid #333;
                z-index:9999;
            }
            #navbar .navleft {
                margin:0;
                padding:0;
            }
            #navbar .navleft li {
                width:100%;
                border-bottom:1px solid #333;
            }
            #navbar .navleft li a {
                color:#c0c0c0!important;
                padding:14px 20px;
                display:block;
                font-size:16px;
                font-weight:400;
            }
            #navbar .navleft li a:hover {
                color:#fff!important;
                background:#222!important;
            }
            #navbar .navright {
                margin:0;
                padding:0;
            }
            #navbar .navright li {
                border-bottom:1px solid #333;
            }
            #navbar .navright li a {
                color:#c0c0c0!important;
                padding:14px 20px;
                display:block;
                font-size:16px;
                font-weight:400;
            }
            #navbar .navright li a:hover {
                color:#fff!important;
                background:#222!important;
            }
            /* Phone footer brand - center text, hide logo */
            .footer-brand {
                flex-direction:column;
                height:auto!important;
                padding:10px 15px!important;
            }
            .footer-brand .footer-brand-logo {
                display:none!important;
            }
            .footer-brand .footer-brand-text {
                text-align:center;
                font-size:16px;
            }
            .container {
                margin-top:55px;
                padding:5px 0 0 5px;
            }
            /* Comment login alert - single line on phone */
            .alert-danger {
                font-size:12px!important;
                padding:8px 10px!important;
                white-space:nowrap!important;
                overflow:hidden!important;
                text-overflow:ellipsis!important;
            }
            /* Related galleries spacing on phone */
            .gallery_divider {
                margin-top:15px;
            }
            .related_title {
                padding-top:15px;
                font-size:20px;
            }
            /* Reduce gap between content and footer brand on phone */
            #content {
                padding-bottom:10px!important;
            }
            #comment-container {
                padding-bottom:10px!important;
                margin-bottom:0!important;
            }
            /* Reader page spacing on phone */
            .back-to-gallery {
                margin-bottom:20px;
            }
        }
        @media (min-width:768px) {
            .smobile {
                display:none;
            }
            .sdesktop {
                display:block;
                padding:0 5px 0 15px;
                position:relative;
            }
            .navbar-form .input-group {
                width:300px;
            }
            .input-group-btn {
                width:40px!important;
            }
            #a_drop {
                display:inline-flex;
                align-items:center;
                justify-content:center;
                height:34px;
                width:34px;
                margin-top:8px;
                margin-left:5px;
                background:#565656!important;
                color:#fff!important;
                text-decoration:none!important;
                border:none;
                border-radius:4px;
                padding:0;
                font-size:14px;
            }
            #a_drop:hover {
                background:#4a4a4a!important;
            }
            .navleft {
                display:none;
            }
            .drop_div {
                float:left;
                position:relative;
                height:51px;
            }
            #dropdown_menu {
                left:0;
                right:auto;
            }
        }
        @media (min-width:1115px) {
            #a_drop {
                display:none;
            }
            .navleft {
                display:block;
            }
            .navbar-form .input-group {
                width:251px;
            }
        }
        @media (min-width:1071px) {
            .navbar-form .input-group {
                width:300px;
            }
        }
        @media screen and (max-width:1200px) {
            .container {
                margin-top:55px;
                padding:5px 0 5px 6px;
            }
        }
        @media screen and (max-width:979px) {
            #footer .f_bottom .bottom_align {
                width:100%;
                padding:0 20px;
            }
            #footer .f_bottom .f_row {
                width:45%;
                margin-right:5%;
                margin-bottom:20px;
            }
            #footer .f_bottom .ct {
                width:45%;
            }
            #footer .f_bottom .f_row.last {
                width:45%;
                margin-right:0;
            }
        }
        @media screen and (max-width:500px) {
            .container {
                margin-top:55px;
                padding:5px 5px 0 5px;
            }
            #footer .f_bottom {
                padding:20px 0;
            }
            #footer .f_bottom .bottom_align {
                width:95%;
                padding:0;
            }
            #footer .f_bottom .f_row {
                float:none;
                width:100%;
                margin:0 0 5px 0;
            }
            #footer .f_bottom .f_row h3 {
                cursor:pointer;
                padding:0;
                margin:0;
                position:relative;
                user-select:none;
            }
            #footer .f_bottom .f_row h3::after {
                content:'\f107';
                font-family:'FontAwesome';
                position:absolute;
                right:5px;
                top:0;
                transition:transform .3s ease;
                font-size:16px;
                color:#9d9d9d;
            }
            #footer .f_bottom .f_row.footer-open h3::after {
                transform:rotate(180deg);
            }
            #footer .f_bottom .f_row .line {
                width:100%;
                height:1px;
                margin:5px 0;
            }
            #footer .f_bottom .f_row ul {
                display:none;
                margin-bottom:10px !important;
            }
            #footer .f_bottom .f_row.footer-open ul {
                display:block;
            }
            #footer .f_bottom .second {
                width:100%;
            }
            #footer .f_bottom .ct {
                width:100%;
            }
            #footer .f_bottom .f_row.last {
                width:100%;
            }
        }