/*Valentines 2026/Chilltano Theme~ Replies Hazy
Cilltano? Chrirutano? Chernotano?
Anyway, she's a very original character.

meiQts 26.2.04
*/




@font-face {
    font-family: 'chihaya';
    src: url('/static/fonts/chihaya.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}



body {
background: url('/static/themes/lovers/chirutano.png');
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
font-family: 'GenEiLate';
font-size:12pt;
text-shadow: 1px 1px 2px rgba(111, 111, 242, 0.32), -1px -1px 2px rgba(111, 242, 242, 0.32);
color: #161648;
}

div.post.reply {
opacity: 0.88;
backdrop-filter: blur(12px);
background: rgba(255,255,255,0.36);
box-shadow:  16px 64px 64px rgba(184,56,101,0.3),  16px 8px 1px #e8b7b8;
  border: 1px solid;
  border-image: linear-gradient(to right, #599359, #5993b2) 1;
 
}


div.post.reply:hover {
opacity: 0.96;
filter: saturate(130%) brightness(110%);
box-shadow: -24px 64px 64px rgba(111,0,9,0.5), -24px 8px 1px #e32827;

}

div.post.reply.highlighted {
   background-color: rgba(96, 207, 214, 0.4);}




/*colors*/
.intro span.name {
color: #dd3220;
font-family: 'chihaya';
font-size:16pt;
}

span.quote {
font-family: 'chihaya';
font-size:16pt;
color: #dd3220;
}

h1 {
  color: rgb(255,255,255);
font-family: 'chihaya';
font-size: 32pt;

}

div.banner, div.ban h2 {
    background: rgba(78,72,221, 0.9);
    color: #f5f591;
    font-size: 12pt;}



div.module, div.ban {
 opacity: 0.8;
backdrop-filter: blur(12px);
background: rgba(255,255,255,0.32);
box-shadow:  16px 64px 64px rgba(184,56,101,0.3),  16px 8px 1px #e8b7b8;
  border: 2px solid;
  border-image: linear-gradient(to right, #599359, #5993b2) 1;

}

header div.subtitle {
  color: rgb(26,26,26); 
  font-style: italic;
}




/*scanlines*/
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(16, 16, 16, 0) 66%, rgba(0, 0, 0, 0.20) 33%);
z-index: 2;
background-size: 100% 2px, 2px 100%;
pointer-events: none;
}


hr {
  border: none; 
  height: 102px; 
  background-image: url('/static/themes/chariot/joyhr.png');
background-repeat: no-repeat;
background-position: center;
filter: grayscale(100%) contrast(150%) brightness(50%) sepia(100%) saturate(3) hue-rotate(180deg);

}



.thread{
  left: 0;
  background: url('/static/themes/sun/sunbeams_day.png');
  background-attachment: fixed;
background-position: right 50%;
background-repeat: no-repeat;

}


div.post.reply div.body a {
  color:#cf3234; 
 text-shadow: 0px 0px 1px #f96320;

;}

a, div.boardlist a, a.unimportant, a:visited {
  color:#da2d6a; 
;}

a:hover {
   color: #ffb97b !important; 
   text-decoration: underline;
}

::selection {
    background-color: #c12d28;
    color: #fffffa;
}


form table tr th {
    color: #f5f591;
background: linear-gradient(80deg, rgba(149,89,217,.8) 0%, rgba(160,229,246,.8) 100%);
   border-radius: 2px;
border: 1px solid;
  border-image: linear-gradient(to right, #599359, #5993b2) 1;
}


div.pages {
    text-align: center;
    padding: 4px;
    border-top: 2px inset #22808a;
    border-bottom: 2px inset #22808a;
    color: #ffaad4;

backdrop-filter: blur(12px);
background: rgba(255,255,255,0.444);
  border: 2px solid;
  border-image: linear-gradient(to right, #599359, #5993b2) 1;


}

div.pages a {
    color: #22808a;
    padding: 2px 6px;
}


/*button*/
input[type="submit"], button {
    color: #FFF;
    border: 0px solid #000;
    background: linear-gradient(120deg, rgba(138,78,212,1) 0%, rgba(83,77,244,1) 100%);
    font-size: 12pt;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out;
    margin: 2px;

}

input[type="submit"]:hover, button:hover {
    color: #FFF;
    background: linear-gradient(180deg, rgba(122,78,220,1) 0%, rgba(245,26,143,0.88) 100%);
    box-shadow: 0 0 4px rgba(255,120,60,0.75), 0 0 18px rgba(255,120,60,0.75);
}


textarea,
input[type="text"] {
  background: rgba(255,255,255,0.16);
  color: #e8f2ff;
  border: 1px solid rgba(120,190,255,0.32);
  border-radius: 10px;
  padding: 8px 10px;
 
  outline: none;
  transition: 
    background 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    color 0.18s ease;

  box-shadow:
    inset 0 0 6px rgba(120,200,255,0.15),
    0 0 8px rgba(120,200,255,0.05);
}


textarea:focus,
input[type="text"]:focus {
  background: rgba(255,255,255,0.32);
  border-color: rgba(170,230,255,0.75);
  color: #08020f;

  box-shadow:
    inset 0 0 10px rgba(170,230,255,0.35),
    0 0 16px rgba(170,230,255,0.20);
}



/*excess*/
 p.unimportant {
 visibility: hidden;
 }

html {
  scrollbar-width: auto;
  scrollbar-color: rgba(225,43,57, 0.9) rgba(1685,185,205, 0.95);
}