/* =========================================================
   LEGACY / SITE-WIDE STYLES
   ========================================================= */

.head {
    padding: 12px 12px 12px 12px;
    background: none repeat scroll 0% 0% #e38380;
    border-bottom: 1px solid #F6FBB9;
    color: #000;
    text-align: center;
    width: inherit;
}


body {
    background: none repeat scroll 0% 0% #FFF;
    padding: 0px;
    margin: auto;
    font-family: "Comic Sans MS", cursive, sans-serif;
}


body,
div {
    font-family: "Comic Sans MS", cursive, sans-serif;
    font-size: 12px;
    color: #000000;
}


.title {
    border-top: #736AFF;
    background: none repeat scroll 0% 0% #D1FCFB;
    padding: 3px;
    margin: 2px;
    color: #000000;
}


input[name=page] {
    -wap-input-format: N;
    width: 30px;
}


input:hover,
select:hover,
textarea:hover {
    color: #8ec146;
}


input:focus,
select:focus,
textarea:focus {
    color: #c94cca;
}


input:submit {
    background-color: #395A9C;
    border: 1px solid #6d6d6d;
    color: #fff;
}


input,
select {
    font-family: tahoma, arial, verdana, sans-serif, "Lucida Sans";
    font-size: small;
    margin: 7px;
    padding: 5px;
    display: inline-block;
    color: #616683;
    background: #FAFAFF;
    border: 1px solid #5FB6FF;
    border-radius: 3px;
    box-shadow: 1px 1px 3px 0 #A6C1D6;
}


textarea {
    font-family: tahoma, arial, verdana, sans-serif, "Lucida Sans";
    font-size: small;
    height: 80px;
    padding: 2px 2px;
    box-sizing: border-box;
    border: 3px solid #f2f2f2;
    border-radius: 10px;
    background-color: #f8f8f8;
    resize: both;
    box-shadow: 2px 2px 1px 0 #B5C5F3;
}


table,
th,
td {
    border: 1px solid black;
}


a:link,
a:visited {
    color: #673AB7;
    text-decoration: none;
}


a.sub:link,
a.sub:visited {
    color: #693647;
}


a.sec:link,
a.sec:visited {
    color: #693647;
}


a.inv:link,
a.inv:visited {
    color: #693647;
}


a.sub:focus,
a.sub:hover,
a.sec:focus,
a.sec:hover {
    color: #693647;
}


a.inv:focus,
a.inv:hover {
    color: #60728c;
    background-color: #e2e2f5;
}


a:focus,
a:hover {
    color: #60728c;
    background-color: #e2e2f5;
}


form {
    display: block;
    margin: 20px auto;
    background: #eee;
    border-radius: 10px;
    padding: 15px;
}


::selection {
    color: #fff;
    background: #ff4081;
    text-shadow: none;
}


/* =========================================================
   PROGRESS
   ========================================================= */

.progress {
    display: none;
    position: relative;
    width: 400px;
    border: 1px solid #ddd;
    padding: 1px;
    border-radius: 3px;
}


.bar {
    background-color: #B4F5B4;
    width: 0%;
    height: 20px;
    border-radius: 3px;
}


.percent {
    position: absolute;
    display: inline-block;
    top: 3px;
    left: 48%;
}


/* =========================================================
   TITLES
   ========================================================= */

.title2 {
    -webkit-border-radius: 4px;
    background-color: #ffffff;
    border-radius: 4px;
    line-height: 150%;
    border: 1px solid #c2d1df;
    margin: 0px;
}


.image_text {
    position: relative;
    text-align: left;
    display: inline-block;
}


/* =========================================================
   BUTTON X
   ========================================================= */

.button_X {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 2px 5px;
    border: 1px solid #ffffff;
    border-radius: 8px;
    background: #ffffff;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#ffffff),
        to(#8c7bb8)
    );
    background: -moz-linear-gradient(
        top,
        #ffffff,
        #8c7bb8
    );
    background: linear-gradient(
        to bottom,
        #ffffff,
        #8c7bb8
    );
    font: normal normal bold 11px arial;
    color: #ffffff;
    text-decoration: none;
}


.button_name:hover,
.button_name:focus {
    background: #ffffff;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#ffffff),
        to(#a894dd)
    );
    background: -moz-linear-gradient(
        top,
        #ffffff,
        #a894dd
    );
    background: linear-gradient(
        to bottom,
        #ffffff,
        #a894dd
    );
    color: #ffffff;
    text-decoration: none;
}


.button_name:active {
    background: #999999;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#999999),
        to(#8c7bb8)
    );
    background: -moz-linear-gradient(
        top,
        #999999,
        #8c7bb8
    );
    background: linear-gradient(
        to bottom,
        #999999,
        #8c7bb8
    );
}


/* =========================================================
   CIRCLE
   ========================================================= */

.circle {
    height: 25px;
    width: 25px;
    background-color: #bbb;
    border-radius: 50%;
    line-height: 25px;
    display: inline-block;
}


/* =========================================================
   HR
   ========================================================= */

.hr {
    border-top: 1px dashed red;
}


/* =========================================================
   MAIN BUTTON
   ========================================================= */

.button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 6px 5px;
    border: 1px solid #a1ede7;
    border-radius: 8px;
    background: #00ffff;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#00ffff),
        to(#afdbd7)
    );
    background: -moz-linear-gradient(
        top,
        #00ffff,
        #afdbd7
    );
    background: linear-gradient(
        to bottom,
        #00ffff,
        #afdbd7
    );
    font: normal normal bold 20px "Comic Sans MS";
    color: #175c25;
    text-decoration: none;
}


.button:hover,
.button:focus {
    background: #00ffff;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#00ffff),
        to(#d2ffff)
    );
    background: -moz-linear-gradient(
        top,
        #00ffff,
        #d2ffff
    );
    background: linear-gradient(
        to bottom,
        #00ffff,
        #d2ffff
    );
    color: #175c25;
    text-decoration: none;
}


.button:active {
    background: #00b3a4;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#00b3a4),
        to(#afdbd7)
    );
    background: -moz-linear-gradient(
        top,
        #00b3a4,
        #afdbd7
    );
    background: linear-gradient(
        to bottom,
        #00b3a4,
        #afdbd7
    );
}


/* =========================================================
   TOP DOWN
   ========================================================= */

.top_down {
    display: inline-block;
    min-width: 20px;
    color: #fff;
    font-size: .625rem;
    font-weight: 700;
    text-align: center;
    top: 6px;
    left: -9px;
    position: relative;
    height: auto;
    padding: 3px 4px 1px;
    border-radius: 5px;
    background-color: #ff8c44;
    letter-spacing: .3px;
    line-height: 11px;
    text-transform: uppercase;
    vertical-align: top;
}


/* =========================================================
   TABLE HEADER
   ========================================================= */

th {
    background-color: #4CAF50;
    color: white;
}


/* =========================================================
   BANGLADESH TEXT EFFECT
   ========================================================= */

bd {
    background-image: url("https://vireza.net/images/bd.jpg");
    background-repeat: repeat;

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;

    margin-top: 200px;

    font-size: 120px;

    text-align: center;

    font-weight: 800;

    text-transform: uppercase;

    font-family:
        "Steelfish Rg",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;

    -webkit-font-smoothing: antialiased;
}

/* =========================================================
   VIREZA.NET — SHARED LIQUID GLASS THEME
   CSS-only port from speciali-style-by-afridi.php.
   Palette defaults can be edited in :root below.
   This file has no PHP, session, or database dependencies.
   ========================================================= */
:root {
    --vireza-header-color: #70A7F5;
    --vireza-footer-color: #A58BEA;
    --vireza-browser-color: #65C7D0;
}


:root{
    --glass-bg: rgba(255,255,255,.16);
    --glass-bg-strong: rgba(255,255,255,.24);
    --glass-border: rgba(255,255,255,.38);
    --glass-border-soft: rgba(255,255,255,.24);
    --glass-shadow: 0 14px 40px rgba(15,23,42,.14), inset 0 1px 0 rgba(255,255,255,.48);
    --glass-shadow-small: 0 8px 24px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.42);
    --text: #172033;
    --muted: #5d687d;
    --accent: #70A7F5;
    --footer-accent: #A58BEA;
    --page-accent: #65C7D0;
}

*{box-sizing:border-box}

html,body{
    min-height:100%;
    margin:0;
    padding:0;
}

html{
    background:#eaf2ff;
}

body{
    position:relative;
    overflow-x:hidden;
    min-height:100vh;
    padding:10px 7px 18px;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Tahoma,Arial,sans-serif;
    font-size:13px;
    line-height:1.48;
    color:var(--text);
    background:
        radial-gradient(circle at 8% 8%, rgba(0,190,255,.34), transparent 30%),
        radial-gradient(circle at 92% 12%, rgba(255,92,170,.30), transparent 28%),
        radial-gradient(circle at 50% 48%, rgba(112,132,255,.22), transparent 34%),
        radial-gradient(circle at 8% 92%, rgba(255,175,82,.24), transparent 30%),
        linear-gradient(145deg,#eef6ff 0%,#dbe9ff 48%,#f5e8f7 100%);
}

/* Apply the saved Background color without removing the Liquid Glass base. */
@supports (background: color-mix(in srgb, #ffffff 50%, transparent)) {
    body {
        background:
            radial-gradient(circle at 8% 8%, color-mix(in srgb, var(--page-accent) 38%, transparent), transparent 30%),
            radial-gradient(circle at 92% 12%, rgba(255,92,170,.22), transparent 28%),
            radial-gradient(circle at 50% 48%, rgba(112,132,255,.18), transparent 34%),
            radial-gradient(circle at 8% 92%, rgba(255,175,82,.18), transparent 30%),
            linear-gradient(145deg,
                color-mix(in srgb, var(--page-accent) 14%, #eef6ff) 0%,
                color-mix(in srgb, var(--page-accent) 20%, #dbe9ff) 48%,
                color-mix(in srgb, var(--page-accent) 10%, #f5e8f7) 100%);
    }
    body:before { background: color-mix(in srgb, var(--page-accent) 52%, transparent); }
}

body:before,body:after{
    content:"";
    position:fixed;
    z-index:-1;
    border-radius:50%;
    filter:blur(28px);
    pointer-events:none;
}

body:before{
    width:190px;
    height:190px;
    left:-70px;
    top:22%;
    background:rgba(0,174,255,.30);
}

body:after{
    width:220px;
    height:220px;
    right:-80px;
    top:58%;
    background:rgba(255,91,161,.24);
}

body,body *{
    -webkit-tap-highlight-color:transparent;
}

a{
    color:#1859b7;
    text-decoration:none;
    transition:none;
}

a:visited{color:#4f3ca6}

a:hover,a:focus{
    color:#0a4b9c;
    background:rgba(255,255,255,.25);
}

a:active{transform:none}

a img{
    max-width:90%;
    padding:0;
    border:1px solid rgba(255,255,255,.55);
    border-radius:12px;
}

img{
    max-width:100%;
    height:auto;
}

/* ---------------------------------------------------------
   HEADER / LOGO
   --------------------------------------------------------- */
.header{
    position:relative;
    margin:0 0 9px;
    padding:10px 12px;
    min-height:48px;
    width:100%;
    text-align:center;
    color:#fff;
    background:
        linear-gradient(135deg,rgba(255,255,255,.26),rgba(255,255,255,.08)),
        linear-gradient(135deg,var(--accent),var(--footer-accent));
    border:1px solid rgba(255,255,255,.42);
    border-radius:24px;
    box-shadow:var(--glass-shadow);
    /* backdrop-filter disabled for Chrome stability */
    
    overflow:hidden;
}

.header:before,.footer:before,.block:before,.mblock1:before,.mblock2:before,.shout2:before,.shoutbox:before,.likebox:before,.golden:before,.div2:before,.omenu:before{
    content:"";
    position:absolute;
    left:10%;
    right:10%;
    top:0;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);
    pointer-events:none;
}

.searchbox{text-align:right}

.footer{
    position:relative;
    margin:10px 0 0;
    padding:12px 10px;
    color:#203252;
    background:
        linear-gradient(135deg,rgba(255,255,255,.44),rgba(255,255,255,.17)),
        var(--footer-accent);
    border:1px solid rgba(255,255,255,.42);
    border-radius:22px;
    box-shadow:var(--glass-shadow);
    /* backdrop-filter disabled for Chrome stability */
    
}

/* ---------------------------------------------------------
   GLASS MENUS / TABS
   --------------------------------------------------------- */
.tab{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin:5px 0 9px;
    padding:0;
    background:transparent;
}

.tab a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:7px 13px;
    margin:0;
    color:#1d355d;
    background:rgba(255,255,255,.25);
    border:1px solid rgba(255,255,255,.48);
    border-radius:999px;
    box-shadow:0 7px 20px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.55);
    /* backdrop-filter disabled for Chrome stability */
    
}

.tab a:hover,.tab a:focus,.tab a:active{
    color:#102a54;
    background:rgba(255,255,255,.48);
    border-color:rgba(255,255,255,.72);
    box-shadow:0 10px 26px rgba(30,73,130,.15),inset 0 1px 0 rgba(255,255,255,.72);
}

/* ---------------------------------------------------------
   COMMON GLASS CARDS
   --------------------------------------------------------- */
.block,.mblock1,.mblock2,.shout2,.shoutbox,.likebox,.golden,.div2,.omenu,.penanda,.afridi{
    position:relative;
    overflow:hidden;
    color:var(--text);
    background:
        linear-gradient(135deg,rgba(255,255,255,.36),rgba(255,255,255,.14)),
        rgba(255,255,255,.12);
    border:1px solid var(--glass-border);
    box-shadow:var(--glass-shadow-small);
    /* backdrop-filter disabled for Chrome stability */
    
}

.block{
    margin:7px 0;
    padding:8px;
    border-radius:22px;
}

.mblock1{
    margin:7px 0;
    padding:8px;
    border-radius:20px;
}

.mblock2{
    margin:8px 0 6px;
    padding:8px;
    text-align:left;
    border-radius:20px;
}

.shout2{
    margin:6px 2px;
    padding:9px 10px;
    border-radius:18px;
}

.shout{
    margin:5px 0;
    padding:8px 10px;
    color:var(--text);
    background:rgba(255,255,255,.24);
    border:1px solid rgba(255,255,255,.42);
    border-radius:17px;
    line-height:150%;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.42);
    /* backdrop-filter disabled for Chrome stability */
    
}

.shout3{
    margin:0 0 14px;
    padding:8px;
    color:var(--text);
    background:rgba(255,255,255,.20);
    border:1px solid rgba(255,255,255,.42);
    border-radius:17px;
    line-height:150%;
}

.shoutbox{
    margin:8px 2px 10px;
    padding:9px;
    border-radius:22px;
    font-size:14px;
    line-height:150%;
}

.likebox{
    margin:7px 2px 12px;
    padding:8px;
    border-radius:18px;
    font-size:12px;
}

.penanda{
    margin:7px auto;
    padding:10px;
    border-radius:18px;
}

.div{
    margin:12px 8px 7px;
    padding:15px 5px 8px;
    clear:left;
    font-family:Trebuchet MS,Arial,Tahoma,Verdana,sans-serif;
    font-size:14px;
    font-weight:bold;
    color:#21385e;
    border-bottom:1px solid rgba(255,255,255,.55);
}

.div2{
    margin:5px 0;
    padding:8px 9px;
    clear:left;
    color:var(--text);
    overflow:hidden;
    text-overflow:ellipsis;
    text-shadow:0 1px 0 rgba(255,255,255,.5);
    font-family:Trebuchet MS,"Segoe UI",Arial,Tahoma,sans-serif;
    font-size:small;
    border-radius:16px;
}

.omenu{
    margin:6px 0;
    padding:9px 10px;
    border-radius:18px;
}

div.afridi{
    margin:4px 0;
    padding:7px;
    border-radius:15px;
    border-top:1px solid rgba(255,255,255,.55);
}

div.golden{
    margin:8px 0 4px;
    padding:7px;
    text-align:left;
    border-radius:18px;
}

h4{
    margin:0 0 7px;
    padding:7px 10px;
    color:#25395c;
    background:rgba(255,255,255,.27);
    border:1px solid rgba(255,255,255,.35);
    border-radius:14px;
    font-size:100%;
    font-weight:700;
}

/* ---------------------------------------------------------
   BUTTONS — GLASS PILL STYLE
   --------------------------------------------------------- */
.button,.button_X,.button_name{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    vertical-align:middle;
    min-height:34px;
    margin:3px 2px;
    padding:7px 13px;
    color:#17345f !important;
    background:
        linear-gradient(135deg,rgba(255,255,255,.48),rgba(255,255,255,.17)),
        rgba(100,190,255,.14);
    border:1px solid rgba(255,255,255,.58);
    border-radius:999px;
    box-shadow:0 8px 22px rgba(30,65,110,.12),inset 0 1px 0 rgba(255,255,255,.70);
    text-decoration:none;
    font:normal normal 600 13px Arial,Tahoma,Verdana,sans-serif;
    /* backdrop-filter disabled for Chrome stability */
    
    cursor:pointer;
}

.button:hover,.button:focus,.button_X:hover,.button_X:focus,.button_name:hover,.button_name:focus{
    color:#0d2a55 !important;
    background:rgba(255,255,255,.56);
    border-color:rgba(255,255,255,.82);
    box-shadow:0 11px 28px rgba(30,65,110,.17),inset 0 1px 0 rgba(255,255,255,.85);
    text-decoration:none;
    transform:none;
}

.button:active,.button_X:active,.button_name:active{
    transform:none;
}

.top_down{
    display:inline-block;
    min-width:20px;
    padding:3px 5px 2px;
    color:#fff;
    background:rgba(255,100,94,.72);
    border:1px solid rgba(255,255,255,.45);
    border-radius:999px;
    font-size:.625rem;
    font-weight:700;
    text-align:center;
    letter-spacing:.3px;
    line-height:11px;
    text-transform:uppercase;
    vertical-align:top;
}

/* ---------------------------------------------------------
   FORM CONTROLS — TRANSLUCENT GLASS
   --------------------------------------------------------- */
input,select,textarea{
    max-width:100%;
    font-family:Tahoma,Arial,Verdana,sans-serif;
    font-size:small;
    color:#233451;
    background:rgba(255,255,255,.30);
    border:1px solid rgba(255,255,255,.62);
    border-radius:14px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 5px 16px rgba(31,55,90,.07);
    outline:none;
    /* backdrop-filter disabled for Chrome stability */
    
}

input,select{
    margin:5px;
    padding:8px 10px;
}

textarea{
    min-height:80px;
    padding:8px 9px;
    box-sizing:border-box;
    resize:vertical;
}

input:hover,select:hover,textarea:hover{
    color:#173b70;
    border-color:rgba(255,255,255,.82);
}

input:focus,select:focus,textarea:focus{
    color:#152f59;
    border-color:rgba(54,145,255,.55);
    box-shadow:0 0 0 3px rgba(70,155,255,.14),inset 0 1px 0 rgba(255,255,255,.75);
}

input[name=page]{
    -wap-input-format:N;
    width:30px;
}

input[type=submit],input[type=button],button{
    cursor:pointer;
}

form{
    display:block;
    margin:12px auto;
    padding:12px;
    color:var(--text);
    background:rgba(255,255,255,.18);
    border:1px solid rgba(255,255,255,.40);
    border-radius:20px;
    box-shadow:var(--glass-shadow-small);
    /* backdrop-filter disabled for Chrome stability */
    
}

/* ---------------------------------------------------------
   LISTS / MEDIA
   --------------------------------------------------------- */
.listitem,.thumbed,.thumbed2{
    margin-bottom:7px;
    display:inline-block;
    vertical-align:top;
}

.listitem,.thumbed{
    width:50%;
    min-width:150px;
}

.thumbed2{width:330px;max-width:100%}

hr{
    height:1px;
    margin:10px 0;
    border:0;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.80),transparent);
}

audio,embed,video{
    width:90%;
    max-width:100%;
    max-height:500px;
    border-radius:16px;
}

span.box{
    display:inline-block;
    width:100px;
    height:130px;
    padding:25px;
    text-align:center;
    border:1px solid rgba(255,255,255,.55);
    border-radius:20px;
    background:rgba(255,255,255,.18);
    box-shadow:var(--glass-shadow-small);
}

/* ---------------------------------------------------------
   TABLES
   --------------------------------------------------------- */
table{
    width:auto;
    max-width:100%;
    border-collapse:separate;
    border-spacing:0;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.48);
    border-radius:15px;
    background:rgba(255,255,255,.16);
    box-shadow:var(--glass-shadow-small);
    /* backdrop-filter disabled for Chrome stability */
    
}

th,td{
    padding:7px;
    border:0;
    border-bottom:1px solid rgba(255,255,255,.30);
}

th{
    color:#fff;
    background:linear-gradient(135deg,var(--accent),var(--footer-accent));
}

tr:last-child td{border-bottom:0}

td{
    height:35px;
    vertical-align:top;
    background:rgba(255,255,255,.10);
}

.b{font-weight:bold}

.b1,.b2{
    padding:6px;
    border-bottom:1px solid rgba(255,255,255,.35);
    border-right:0;
    text-shadow:0 1px 0 rgba(255,255,255,.45);
}

.b1{background:rgba(255,255,255,.16)}
.b2{background:rgba(255,255,255,.28)}

.1971{
    padding:5px;
    border-top:3px dashed rgba(255,80,80,.70);
    text-align:center;
}

.hr{border-top:1px dashed rgba(255,80,80,.75)}

/* ---------------------------------------------------------
   AVATAR / REACTION ELEMENTS
   --------------------------------------------------------- */
.user_image{
    position:relative;
    width:50px;
    height:45px;
    background-size:50px;
    border:3px solid rgba(255,255,255,.72);
    border-radius:50%;
    text-align:center;
    box-shadow:0 6px 18px rgba(20,50,90,.12);
}

.react_image{
    position:absolute;
    top:50%;
    left:50%;
    width:25px;
    height:25px;
    border:2px solid rgba(255,255,255,.80);
    border-radius:50%;
}

.reactor_name,.user_image{
    position:relative;
    display:inline-block;
    font-size:small;
    text-align:left;
}

.shout_image{
    position:relative;
    width:150px;
    height:150px;
    text-align:center;
    border-radius:20px;
}

.shout_click{
    position:absolute;
    top:70%;
    left:50%;
    width:65px;
    height:25px;
}

.image_text{
    position:relative;
    display:inline-block;
    text-align:left;
}

/* ---------------------------------------------------------
   MARQUEE / ANIMATION
   --------------------------------------------------------- */
.afridi71{
    position:relative;
    height:100px;
    overflow:hidden;
}

.afridi71 afri{
    position:absolute;
    width:100%;
    height:100%;
    margin:0;
    color:#2f8cff;
    font-size:3em;
    line-height:50px;
    text-align:center;
    transform:translateX(100%);
    animation:afridi71 15s linear infinite;
}

@keyframes afridi71{
    0%{transform:translateX(100%)}
    100%{transform:translateX(-100%)}
}

/* ---------------------------------------------------------
   CUSTOM FONTS — original URLs preserved
   --------------------------------------------------------- */
@font-face{
    font-family:"avenger";
    src:url("/dadmin/community/font/avenger.woff") format("woff"),url("/dadmin/community/font/avenger.woff2") format("woff2");
    font-weight:normal;
    font-style:normal;
}
avenger{font-family:"avenger";font-weight:normal;font-style:normal}

@font-face{
    font-family:"gang";
    src:url("/dadmin/community/font/gang.woff") format("woff"),url("/dadmin/community/font/gang.woff2") format("woff2");
    font-weight:normal;
    font-style:normal;
}
gang{font-family:"gang";font-weight:normal;font-style:normal}

@font-face{
    font-family:"dark";
    src:url("/dadmin/community/font/dark.woff") format("woff"),url("/dadmin/community/font/dark.woff2") format("woff2");
    font-weight:normal;
    font-style:normal;
}
dark{font-family:"dark";font-weight:normal;font-style:normal}

@font-face{
    font-family:"dark1";
    src:url("/dadmin/community/font/dark1.woff") format("woff"),url("/dadmin/community/font/dark1.woff2") format("woff2");
    font-weight:normal;
    font-style:normal;
}
dark1{font-family:"dark1";font-weight:normal;font-style:normal}

@font-face{
    font-family:"hand";
    src:url("/dadmin/community/font/hand.woff") format("woff"),url("/dadmin/community/font/hand.woff2") format("woff2");
    font-weight:normal;
    font-style:normal;
}
hand{font-family:"hand";font-weight:normal;font-style:normal}

@font-face{
    font-family:"bat";
    src:url("/dadmin/community/font/bat.woff") format("woff"),url("/dadmin/community/font/bat.woff2") format("woff2");
    font-weight:normal;
    font-style:normal;
}
bat{font-family:"bat";font-weight:normal;font-style:normal}

/* ---------------------------------------------------------
   USERNAME STYLES — preserved, softened for glass
   --------------------------------------------------------- */
.Username_style1{
    padding-left:15px;
    color:#7F0000 !important;
    font-weight:bold;
    text-shadow:0 0 2px #ff3232,0 0 5px #ff4c4c;
    background:url(https://i.ibb.co/5WZRnNH/crown.png) no-repeat,url(https://i.ibb.co/x1YLGkb/glitter.gif) no-repeat;
}
.Username_style2{
    padding-left:13px;
    color:#121254 !important;
    font-weight:bold;
    text-shadow:0 0 2px #e458ac,0 0 5px #e458ac;
    background:url(https://i.ibb.co/x1YLGkb/glitter.gif) no-repeat;
}
.Username_style3{
    padding-left:15px;
    color:#8a1d1d !important;
    font-weight:bold;
    text-shadow:0 0 2px #e6d1d1,0 0 5px #e6d1d1;
    background:url(https://i.ibb.co/x1YLGkb/glitter.gif) no-repeat;
}

::selection{
    color:#fff;
    background:#368cff;
    text-shadow:none;
}


/* ---------------------------------------------------------
   REALISTIC LIQUID GLASS V2
   Optical depth, refraction, edge thickness and highlights.
   No animation and no transforms: designed to stay stable on
   Chrome Android while still looking physically glass-like.
   --------------------------------------------------------- */

body{
    background:
        radial-gradient(ellipse 280px 190px at 4% 4%,rgba(0,190,255,.34),transparent 72%),
        radial-gradient(ellipse 260px 210px at 96% 7%,rgba(255,82,173,.31),transparent 70%),
        radial-gradient(ellipse 360px 280px at 52% 42%,rgba(105,120,255,.24),transparent 72%),
        radial-gradient(ellipse 300px 240px at 12% 96%,rgba(255,181,82,.22),transparent 72%),
        linear-gradient(145deg,#edf6ff 0%,#dbe8fb 46%,#f4e7f6 100%);
}

.header,
.footer,
.block,
.mblock1,
.mblock2,
.shout2,
.shoutbox,
.likebox,
.golden,
.div2,
.omenu,
.penanda,
div.afridi,
form,
table,
.button,
.button_X,
.button_name,
.tab a,
input,
select,
textarea{
    position:relative;
    isolation:isolate;
    border-color:rgba(255,255,255,.52);
    box-shadow:
        0 18px 42px rgba(25,49,86,.12),
        0 3px 9px rgba(25,49,86,.07),
        inset 0 1px 0 rgba(255,255,255,.86),
        inset 0 -1px 0 rgba(50,78,120,.08);
}

.header,
.footer,
.block,
.mblock1,
.mblock2,
.shout2,
.shoutbox,
.likebox,
.golden,
.div2,
.omenu,
.penanda,
div.afridi,
form,
table{
    background:
        linear-gradient(135deg,
            rgba(255,255,255,.40) 0%,
            rgba(255,255,255,.19) 38%,
            rgba(255,255,255,.10) 67%,
            rgba(255,255,255,.28) 100%),
        rgba(255,255,255,.10);
}

.header:after,
.footer:after,
.block:after,
.mblock1:after,
.mblock2:after,
.shout2:after,
.shoutbox:after,
.likebox:after,
.golden:after,
.div2:after,
.omenu:after,
.penanda:after,
div.afridi:after,
form:after,
table:after{
    content:"";
    position:absolute;
    inset:1px;
    z-index:-1;
    border-radius:inherit;
    pointer-events:none;
    background:
        radial-gradient(ellipse 75% 45% at 18% 0%,rgba(255,255,255,.26),transparent 65%),
        radial-gradient(ellipse 60% 55% at 100% 100%,rgba(120,180,255,.10),transparent 72%);
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.12),
        inset 0 -14px 30px rgba(35,60,105,.035);
}

.header:before,
.footer:before,
.block:before,
.mblock1:before,
.mblock2:before,
.shout2:before,
.shoutbox:before,
.likebox:before,
.golden:before,
.div2:before,
.omenu:before,
.penanda:before,
div.afridi:before{
    left:6%;
    right:6%;
    top:1px;
    height:2px;
    border-radius:50%;
    background:linear-gradient(90deg,
        transparent 0%,
        rgba(255,255,255,.18) 10%,
        rgba(255,255,255,.92) 30%,
        rgba(255,255,255,.68) 52%,
        rgba(255,255,255,.92) 72%,
        rgba(255,255,255,.18) 90%,
        transparent 100%);
    filter:blur(.15px);
}

@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
    .header,
    .footer,
    .block,
    .mblock1,
    .mblock2,
    .shout2,
    .shoutbox,
    .likebox,
    .golden,
    .div2,
    .omenu,
    .penanda,
    div.afridi,
    form,
    table{
        -webkit-backdrop-filter:blur(18px) saturate(155%) contrast(102%);
        backdrop-filter:blur(18px) saturate(155%) contrast(102%);
    }
    .header{
        -webkit-backdrop-filter:blur(20px) saturate(165%) contrast(104%);
        backdrop-filter:blur(20px) saturate(165%) contrast(104%);
    }
}

.button,
.button_X,
.button_name,
.tab a{
    background:
        linear-gradient(135deg,rgba(255,255,255,.58),rgba(255,255,255,.17)),
        linear-gradient(110deg,rgba(80,190,255,.10),rgba(170,100,255,.08));
    border-color:rgba(255,255,255,.68);
    box-shadow:
        0 9px 24px rgba(30,65,110,.11),
        inset 0 1px 0 rgba(255,255,255,.94),
        inset 0 -1px 0 rgba(30,65,110,.07);
}

.button:before,
.button_X:before,
.button_name:before,
.tab a:before{
    content:"";
    position:absolute;
    left:13%;
    right:13%;
    top:1px;
    height:1px;
    border-radius:999px;
    background:rgba(255,255,255,.92);
    pointer-events:none;
}

input,select,textarea{
    background:
        linear-gradient(135deg,rgba(255,255,255,.48),rgba(255,255,255,.18)),
        rgba(255,255,255,.10);
}

.header img{
    filter:drop-shadow(0 4px 9px rgba(10,35,75,.14));
}

@media(max-width:520px){
    .header,.footer,.block,.mblock1,.mblock2,.shout2,.shoutbox,.likebox,.golden,.div2,.omenu,.penanda,div.afridi,form,table{
        box-shadow:
            0 13px 30px rgba(25,49,86,.10),
            0 2px 7px rgba(25,49,86,.06),
            inset 0 1px 0 rgba(255,255,255,.84),
            inset 0 -1px 0 rgba(50,78,120,.07);
    }
}

/* Small screens: make the glass controls feel like native mobile pills. */
@media(max-width:520px){
    body{padding:7px 5px 14px;font-size:13px}
    .header{border-radius:21px;padding:9px 8px}
    .header img{max-width:190px;height:auto}
    .tab{gap:6px}
    .tab a{min-height:32px;padding:6px 10px;font-size:12px}
    .block,.mblock1,.mblock2{border-radius:18px;padding:7px}
    .button,.button_X,.button_name{min-height:32px;padding:6px 11px;font-size:12px}
    input,select{max-width:calc(100% - 10px)}
    .listitem,.thumbed{width:100%;min-width:0}
    .thumbed2{width:100%}
}

/* Respect reduced-motion preferences. */
@media(prefers-reduced-motion:reduce){
    *,*:before,*:after{scroll-behavior:auto !important;animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
}
/*
 * Final color overrides: the later Liquid Glass V2 grouped rules above
 * restyle .header/.footer and body. These last rules intentionally restore
 * the database-selected colors while retaining translucent glass overlays.
 */
body {
    background:
        radial-gradient(ellipse 280px 190px at 4% 4%, color-mix(in srgb, var(--page-accent) 38%, transparent), transparent 72%),
        radial-gradient(ellipse 260px 210px at 96% 7%, color-mix(in srgb, var(--page-accent) 22%, transparent), transparent 70%),
        radial-gradient(ellipse 360px 280px at 52% 42%, color-mix(in srgb, var(--page-accent) 18%, transparent), transparent 72%),
        radial-gradient(ellipse 300px 240px at 12% 96%, rgba(255,181,82,.18), transparent 72%),
        linear-gradient(145deg,
            color-mix(in srgb, var(--page-accent) 18%, #edf6ff) 0%,
            color-mix(in srgb, var(--page-accent) 22%, #dbe8fb) 46%,
            color-mix(in srgb, var(--page-accent) 12%, #f4e7f6) 100%) !important;
}
.header {
    background:
        linear-gradient(135deg, rgba(255,255,255,.26), rgba(255,255,255,.08)),
        linear-gradient(135deg, var(--accent), var(--footer-accent)) !important;
}
.footer {
    background:
        linear-gradient(135deg, rgba(255,255,255,.44), rgba(255,255,255,.17)),
        var(--footer-accent) !important;
}

:root {
    --vireza-theme-bg: var(--page-accent, #4facfe);
    --vireza-theme-glow-a: color-mix(in srgb, var(--accent, #4facfe) 65%, transparent);
    --vireza-theme-glow-b: color-mix(in srgb, var(--footer-accent, #00f2fe) 58%, transparent);
    --vireza-theme-glow-c: color-mix(in srgb, var(--page-accent, #b066fe) 55%, transparent);
    --vireza-glass-border: rgba(255,255,255,.28);
    --vireza-glass-text: #ffffff;
}
body {
    /* Minimal fix: preserve the original Liquid Glass look; remove only the dark page-wide shade. */
    background:
        radial-gradient(ellipse 280px 190px at 4% 4%, var(--vireza-theme-glow-a), transparent 72%),
        radial-gradient(ellipse 260px 210px at 96% 7%, var(--vireza-theme-glow-b), transparent 70%),
        radial-gradient(ellipse 360px 280px at 52% 42%, var(--vireza-theme-glow-c), transparent 72%),
        radial-gradient(ellipse 300px 240px at 12% 96%, rgba(255,181,82,.18), transparent 72%),
        linear-gradient(145deg, #edf6ff 0%, #dbe8fb 46%, #f4e7f6 100%) !important;
    color: var(--text, #172033);
}
.header {
    background:
        linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.035)),
        linear-gradient(125deg, var(--accent, #4facfe), var(--footer-accent, #00f2fe)) !important;
    color: #fff !important;
}
.footer {
    background:
        linear-gradient(135deg, rgba(255,255,255,.20), rgba(255,255,255,.045)),
        linear-gradient(125deg, var(--footer-accent, #00f2fe), var(--page-accent, #b066fe)) !important;
    color: #fff !important;
}
.header, .footer, .block, .mblock1, .mblock2, .shout2, .shoutbox,
.likebox, .golden, .div2, .omenu, .penanda, div.afridi, form, table {
    background-color: rgba(255,255,255,.055);
    border-color: var(--vireza-glass-border);
    box-shadow:
        0 24px 55px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.34),
        inset 0 -1px 0 rgba(255,255,255,.035);
}
.button, .button_X, .button_name, .tab a,
input[type="submit"], input[type="button"], input[type="reset"], button,
a.button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 38px;
    padding: 10px 18px;
    border-radius: 9999px;
    color: #fff !important;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: .2px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.22), rgba(255,255,255,.045)),
        rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.34) !important;
    border-top-color: rgba(255,255,255,.70) !important;
    border-left-color: rgba(255,255,255,.48) !important;
    box-shadow:
        0 12px 28px rgba(0,0,0,.28),
        inset 0 2px 4px rgba(255,255,255,.24),
        inset 0 -2px 4px rgba(0,0,0,.10);
    transition: transform .38s cubic-bezier(.25,1,.5,1),
                box-shadow .38s cubic-bezier(.25,1,.5,1),
                background .38s ease,
                border-color .38s ease;
    overflow: hidden;
    cursor: pointer;
}
.button::after, .button_X::after, .button_name::after, .tab a::after,
input[type="submit"]::after, input[type="button"]::after, button::after,
a.button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 65%;
    height: 100%;
    transform: skewX(-24deg);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.48), transparent);
    transition: left .65s ease;
    pointer-events: none;
}
.button:hover, .button_X:hover, .button_name:hover, .tab a:hover,
input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover,
button:hover, a.button:hover {
    transform: translateY(-4px) scale(1.02);
    background:
        linear-gradient(135deg, rgba(255,255,255,.32), rgba(255,255,255,.10)),
        rgba(255,255,255,.08) !important;
    border-color: rgba(255,255,255,.72) !important;
    box-shadow:
        0 20px 42px rgba(0,0,0,.36),
        0 0 24px color-mix(in srgb, var(--footer-accent, #00f2fe) 36%, transparent),
        inset 0 2px 6px rgba(255,255,255,.42);
}
.button:hover::after, .button_X:hover::after, .button_name:hover::after,
.tab a:hover::after, input[type="submit"]:hover::after,
input[type="button"]:hover::after, button:hover::after, a.button:hover::after {
    left: 150%;
}
.button:active, .button_X:active, .button_name:active, .tab a:active,
input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active,
button:active, a.button:active {
    transform: translateY(1px) scale(.98);
    box-shadow: 0 6px 14px rgba(0,0,0,.30), inset 0 3px 7px rgba(0,0,0,.20);
}
input, select, textarea {
    border-radius: 14px;
    border-color: rgba(255,255,255,.30);
    background: linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.045)) !important;
    color: inherit;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 8px 20px rgba(0,0,0,.12);
}
input[type="text"], input[type="password"], input[type="email"], input[type="number"],
select, textarea {
    color: inherit;
}
@media (prefers-reduced-motion: reduce) {
    .button, .button_X, .button_name, .tab a, button, input[type="submit"] {
        transition: none !important;
    }
}
/* Improve button text visibility */
.button,
.button_X,
.button_name,
.tab a,
input[type="submit"],
input[type="button"],
input[type="reset"],
button,
a.button {
    color: #172033 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.35);
}

/* Keep text readable on hover and active states */
.button:hover,
.button_X:hover,
.button_name:hover,
.tab a:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
button:hover,
a.button:hover {
    color: #ffffff !important;
}
/* Keep button text dark and readable in every state */
.button,
.button_X,
.button_name,
.tab a,
input[type="submit"],
input[type="button"],
input[type="reset"],
button,
a.button,
.button:hover,
.button_X:hover,
.button_name:hover,
.tab a:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
button:hover,
a.button:hover,
.button:focus,
.button:active,
button:focus,
button:active,
a.button:focus,
a.button:active {
    color: #172033 !important;
    -webkit-text-fill-color: #172033 !important;
}

.shoutbox a:has(img[src*="reaction/"]),
.shoutbox button:has(img[src*="reaction/"]) {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 !important;
}
.shoutbox a img[src*="reaction/"],
.shoutbox button img[src*="reaction/"] {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Compatibility aliases for this separate visitor system.
   Its shared tags.php uses .head and visitors.php uses .title,
   whereas the source theme uses .header/.footer/.block classes. */
.head,
.head.header,
.head.footer {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    color: #fff;
    background:
        linear-gradient(135deg, rgba(255,255,255,.20), rgba(255,255,255,.055)),
        linear-gradient(125deg, var(--accent, var(--vireza-header-color)), var(--footer-accent, var(--vireza-footer-color))) !important;
    border: 1px solid rgba(255,255,255,.32);
    border-radius: 22px;
    box-shadow:
        0 18px 44px rgba(15,23,42,.16),
        inset 0 1px 0 rgba(255,255,255,.42);
    backdrop-filter: blur(18px) saturate(145%);
    -webkit-backdrop-filter: blur(18px) saturate(145%);
}
.title {
    position: relative;
    isolation: isolate;
    width: min(100%, 1100px);
    margin: 12px auto;
    padding: clamp(12px, 2.5vw, 22px);
    color: var(--text, #172033);
    background:
        linear-gradient(135deg, rgba(255,255,255,.66), rgba(255,255,255,.32)),
        rgba(255,255,255,.24);
    border: 1px solid rgba(255,255,255,.52);
    border-radius: 22px;
    box-shadow:
        0 18px 44px rgba(15,23,42,.12),
        inset 0 1px 0 rgba(255,255,255,.76);
    backdrop-filter: blur(20px) saturate(145%);
    -webkit-backdrop-filter: blur(20px) saturate(145%);
}
.title form {
    max-width: 100%;
    background: rgba(255,255,255,.28);
    border: 1px solid rgba(255,255,255,.48);
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.55);
}
.title table {
    min-width: 760px;
}
.title a,
.title a:link {
    color: #1859b7;
}
.title a:visited {
    color: #4f3ca6;
}
.title a:hover,
.title a:focus {
    color: #0a4b9c;
    background: transparent;
}
@media (max-width: 600px) {
    .head { border-radius: 16px; padding: 10px; }
    .title { border-radius: 16px; padding: 10px; }
}