4chan New Dark Style

@-moz-document domain("4chan.org"), domain("4channel.org") {
@font-face {font-family: 'FontAwesome'; font-weight: normal; font-style: normal; src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic3CsTKlA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic-CsTKlA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic2CsTKlA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic5CsTKlA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic1CsTKlA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v18/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html, body {font-family: 'Roboto', sans-serif !important;}
html, body {background: var(--background); color: var(--text);}
body {font-size: .92em; line-height: 1.43;}

:root {
    --background: #060b13;
    --table-tr: #44453d;
    --scroll: #696a62;
    --scroll-active: #797a72;
    --scroll-border: #090e15;
    --post-bg: #090e15;
    --alt-post-bg: #010710;
    --highlight: #ffc63a;
    --highlight-shadow: rgba(255,217,122,.6);
    --highlight-bg: #111;
    --postertrip: #9d81ba;
    --quote: #86b300;
    --border: #010710;
    --alt-border: #4d4e44;
    --text: #c3c0bb;
    --alt-text: #ad9882;
    --alt-text-2: #3d434f;
    --red: #ff3434;
    --name: #86b300;
    --link: #ffc63a;
    --link-hover: #ffe8ad;
    --alt-link: #ccb16c;
    --alt-hover: #d9c491;
    --nav-link: #c3c0bb;
    --nav-hover: #ffc63a;
    --title: #ffc17b;
    --spoiler: #44453d;
    --btn-bg: #090e15;
    --alt-btn-bg: #111;
    --btn-bg-hover: #010710;
    --alt-btn-bg-hover: #090e15;
    --shadow: rgba(7,5,0,.15);
    --shadow2: rgba(7,5,0,.2);
    --shadow3: rgba(7,5,0,.25);
}

::-webkit-scrollbar {width: 14px; height: 14px;}
::-webkit-scrollbar-button {width: 0px; height: 0px;}
::-webkit-scrollbar-thumb {background: var(--scroll); border-radius: 3px; border: 2px solid var(--scroll-border);}
::-webkit-scrollbar-thumb:active {background: var(--scroll-active);}
::-webkit-scrollbar-track {background: var(--post-bg);}
::-webkit-scrollbar-corner {background: var(--post-bg);}

body {max-width: 980px; margin: 0 auto; padding: 0 10px;}
@media only screen and (min-width: 1480px) and (orientation:portrait),  only screen and (min-width: 1480px) and (orientation:landscape){
body {max-width: 1080px; margin: 0 auto; padding: 0 10px;}
}
@media only screen and (min-width: 1680px) and (orientation:portrait),  only screen and (min-width: 1680px) and (orientation:landscape){
body {max-width: 1280px; margin: 0 auto; padding: 0 10px;}
}
@media only screen and (min-width: 1880px) and (orientation:portrait),  only screen and (min-width: 1880px) and (orientation:landscape){
body {max-width: 1480px; margin: 0 auto; padding: 0 10px;}
}

a.replylink:not(:hover), div#absbot a:not(:hover) {color: var(--link) !important;}
a, a:visited, #absbot a, .button {color: #009fec; transition: color .1s; outline: none;}
a:hover {color: var(--link-hover) !important;}
#boards a {color: var(--link);}
#boards a:hover {text-decoration: none;}
a[data-cmd="update"] {font-size: 0;}
a[data-cmd="update"]::before {content: "\f021"; font: normal normal normal 14px/1 FontAwesome; padding: 4px; margin: -4px;}
.quoteLink, .quotelink {color: var(--link) !important; text-decoration: none;}
.burichan_new .backlink a, .yotsuba_b_new .backlink a, div.backlink a {color: var(--alt-link) !important;}
.burichan_new .backlink a:hover, .yotsuba_b_new .backlink a:hover, div.backlink a:hover {color: var(--alt-hover) !important;}
.deadlink {color: var(--alt-link) !important;}
.pageJump a {color: var(--alt-link) !important; text-decoration: none;}

a[href="#top"]:after {background-color: var(--post-bg); border: 1px solid var(--border); border-radius: 3px; box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); color: var(--nav-link) !important; content: "\f106"; display: block; font: normal normal normal 22px/32px FontAwesome; height: 32px; width: 32px; position: fixed; top: 35px; right: 15px; text-align: center;}
a[href="#top"]:hover:after {background-color: var(--alt-post-bg);}
a[href="#bottom"]:after {background-color: var(--post-bg); border: 1px solid var(--border); border-radius: 3px; box-shadow: 0 1px 6px 0 rgba(0,0,0,.1); color: var(--nav-link) !important; content: "\f107"; display: block; font: normal normal normal 22px/32px FontAwesome; height: 32px; width: 32px; position: fixed; bottom: 35px; right: 15px; text-align: center;}
a[href="#bottom"]:hover:after {background-color: var(--alt-post-bg);}

hr {border-color: transparent;}
hr + .thread {border-top: 1px solid var(--border); margin-top: 25px; padding-top: 25px;}
hr[style="border: 0; color: #800; background: #800; height: 1px; margin-top: 1.0em; margin-bottom: 1.0em;"] {background: var(--border) !important;}

#announce {background: var(--post-bg); color: var(--text);}
.top-box {background: var(--post-bg);}
.box-outer {border-color: var(--border); border-radius: 3px;}
.boxbar {background: var(--post-bg); color: var(--text);}
#filter-btn:hover, #opts-btn:hover {color: var(--link);}
#fp-menu {background: var(--post-bg); border-color: var(--border); border-radius: 3px; box-shadow: 0 1px 6px var(--shadow2);}
#fp-menu li:hover {background: var(--alt-post-bg);}
#fp-menu .fp-menu-sep {border-color: var(--border);}
.boxcontent {color: var(--text); line-height: unset;}
#announce .boxbar, #disclaimer-dialog .hd {background: var(--alt-post-bg); color: var(--text);}

.boxcontent a {color: var(--link);}
.left-box {background: var(--post-bg);}
.left-box .boxbar {background: var(--border); color: var(--text);}
.left-box .boxbar a {color: var(--text) !important;}
.left-box hr {background: var(--border);}
.right-box {background: var(--post-bg);}
.right-box .boxbar {background: var(--border); color: var(--text);}
.right-box .boxbar a {color: var(--text) !important;}
dt {color: var(--alt-text);}
dt.first {color: var(--alt-text);}
.boxcontent dd {border-bottom-color: var(--border);}

h3[style="text-decoration: underline; display: inline;"] {text-decoration: none !important;}
.warning, font[color="red"] {color: var(--red);}

.c-thread img {border-color: var(--border); border-radius: 3px;}

#ft li {background: var(--post-bg); border-color: var(--border); color: var(--border)}
#ft li a {color: var(--link);}
#ft li.current, #ft li.fill {background: var(--post-bg); color: var(--border);}

#backdrop {background-color: var(--background); opacity: .6;}
#disclaimer-dialog {background: var(--post-bg); border-color: var(--border); border-radius: 3px; box-shadow: 0 6px 16px var(--shadow3);}
.UIPanel {background-color: var(--shadow3);}
.UIPanel > div {scrollbar-color: var(--scroll) var(--post-bg); scrollbar-width: thin;}
.extPanel.reply {box-shadow: 0 6px 16px var(--shadow3);}
.yotsuba_new .panelHeader, .yotsuba_b_new .panelHeader {border-color: var(--border);}

#bannerCnt, .middlead {display: none;}
div.boardBanner > div.boardTitle {font-family: inherit; color: var(--text);}
div.boardBanner > div.boardSubtitle {color: var(--alt-text);}

div#boardNavDesktop, div#boardNavDesktopFoot {color: var(--alt-text-2);}
div#boardNavDesktop a, div#boardNavDesktopFoot a {color: var(--alt-text);}

div.pagelist {background: var(--post-bg); border: 1px solid var(--border); border-radius: 3px; color: var(--alt-text-2);}
div.pagelist div.cataloglink {border-color: var(--border);}

#blotter, #toggleMsgBtn, .globalMessage {display: none;}

#ctrl-top, .navLinks {color: transparent;}
.navLinks a {color: var(--nav-link);}
.navLinks a:hover {color: var(--nav-hover) !important;}
.navLinks label, .navLinks span, .thread-stats {color: var(--text);}
.navLinks .btn-wrap a {margin: 0 3px;}
.btn-wrap::before, .btn-wrap::after {display: none;}

div.thread {counter-reset: postcount;}
span.postNum::before {counter-increment: postcount; content: "#" counter(postcount); margin-left: 0.5em; margin-right: 1em;}

div.sideArrows {display: none;}
div.op {background: var(--post-bg); border: 1px solid var(--border); border-radius: 3px; display: inline-block; padding: 2px;}
.omittedposts, .abbr {color: var(--alt-text);}
span.summary {color: var(--alt-text); display: block; margin: -8px 8px 4px;}
div.post {margin: 8px 0; box-shadow: 0 1px 3px 0 var(--shadow); transition: box-shadow .1s; padding: 4px 8px;}
div.reply {background: var(--post-bg); border: 1px solid var(--border); border-radius: 3px;}
.post.reply {margin: 8px 8px;}
.reply:target, .reply.highlight {background: var(--highlight-bg) !important; border: 1px solid var(--highlight) !important; box-shadow: 0 1px 6px 0 var(--highlight-shadow); padding: 4px 8px;}
#quote-preview {border-color: var(--border) !important;}

div.post blockquote.postMessage {margin: 8px 20px;}

div.post div.postInfo, div.post div.postInfoM {color: var(--alt-text-2); font-size: .9em;}
div.post div.postInfo input[type="checkbox"] {display: none;}
div.post div.postInfo span.postNum a {color: var(--alt-text);}
div.post div.postInfo span.postNum a:hover, .posteruid .hand:hover {color: var(--link) !important;}
.postMenuBtn, .yotsuba_new .postMenuBtn, .futaba_new .postMenuBtn {color: var(--alt-text-2);}
.nameBlock.capcodeMod span.name, span.capcodeMod a span.name, span.capcodeMod span.postertrip, span.capcodeMod strong.capcode {color: var(--postertrip) !important;}
div.backlink {font-size: .9em !important;}

div.post div.postInfo span.subject {color: var(--title);}
div.post div.postInfo span.nameBlock span.name {color: var(--alt-text-2); font-weight: 400;}
div.post div.postInfo span.nameBlock span.postertrip {color: var(--name);}
blockquote > span.quote {color: var(--quote);}

#tooltip {background: var(--post-bg); border: 1px solid var(--border); border-radius: 3px; color: var(--text);}
.tip-top-left::before, .tip-top-right::before, .tip-top::before {border-top-color: var(--border);}

s, s a:not(:hover) {background: var(--spoiler) !important; color: var(--alt-text-2) !important; transition: .1s;}
s:hover, s:focus, s:hover a {color: var(--text) !important;}

.fileText {color: var(--alt-text); font-size: .9em;}
.fileText a {text-decoration: none;}
.fileThumb img {border-radius: 3px;}
/* Image Filter Off */

.dd-menu {font-size: 13px;}
.dd-menu ul {background: var(--post-bg); border-color: var(--border); border-radius: 3px; border-right-width: 1px; box-shadow: 0 1px 6px var(--shadow2); padding: 2px 0;}
.dd-menu li {border-bottom: none; padding: 4px 10px;}
.dd-menu li:hover {background: var(--alt-post-bg);}

div.closed {color: var(--red);}

#quickReply {box-shadow: 0 6px 16px var(--shadow3);}
.postblock {background: none; border: none; color: var(--text);}

#togglePostFormLink {color: transparent; font-size: 18px;}
#togglePostFormLink a, .open-qr-link {background: var(--post-bg); border: 1px solid var(--border); border-radius: 16px; box-shadow: 0 1px 3px 0 var(--shadow); color: var(--text) !important; font-weight: 400; padding: 5px 14px; transition: .1s;}
#togglePostFormLink a:hover, .open-qr-link:hover {background: var(--alt-post-bg);}
table.postForm > tbody > tr > td:first-child {background: none; border: none; color: var(--alt-text); vertical-align: top;}

table {border-spacing: 2px;}
table.flashListing tr:nth-of-type(2n+1) {background: var(--table-tr);}
#arc-list .quotelink {color: var(--link) !important;}
#arc-list .quotelink:hover {color: var(--link-hover) !important;}
.passNotice {color: var(--alt-text);}
.rules {display: none;}
#search-box {padding: 4px 8px;}
input[type="checkbox"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: var(--alt-btn-bg); border-radius: 3px; border: 1px solid var(--alt-border); margin: 0 3px; height: 14px; width: 14px; vertical-align: -2px;}
input[type="checkbox"]:checked {border: 1px solid var(--border); box-shadow: inset 0 0 0 2px var(--alt-btn-bg), inset 0 0 0 6px var(--alt-text);}
textarea, input[type="text"], input[type="password"], #postForm input[type="text"], #postForm input[type="password"], table.postForm > tbody textarea, #recaptcha_response_field, table.postForm > tbody textarea, #recaptcha_response_field, #quickReply input[type="text"], #quickReply textarea, #quickReply #recaptcha_response_field {background: var(--alt-btn-bg); border: 1px solid var(--border); border-radius: 3px; color: var(--text); font-family: inherit; padding: 4px 8px; transition: border .1s, background .1s;}
input[type="button"], input[type="submit"], button {background: var(--btn-bg); border: 1px solid var(--border); border-radius: 3px; color: var(--text); cursor: pointer; font-family: inherit; padding: 4px 8px; transition: .1s; outline: none;}
input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus {background: var(--alt-post-bg); border-color: var(--border) !important;}
input[type="text"]:focus, input[type="password"]:focus, input:not([type]):focus, textarea:focus {background: var(--alt-btn-bg-hover) !important; border-color: var(--border) !important;}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: var(--alt-btn-bg); border: 1px solid var(--border); border-right-width: 8px; border-radius: 3px; color: var(--text); font-family: inherit; padding: 2px 4px;}
#postFile, .yotsuba_new #qrFile {font-family: inherit;}
.yotsuba_new #qrFile {color: var(--text);}

#tegaki {background: var(--background); color: var(--text); font-family: inherit;}

div#absbot {color: var(--alt-text);}

@media only screen and (max-width:480px) {
body {padding: 0;}
a, .useremail:not(:hover) .name:not(.capcode), .useremail:not(:hover) .postertrip:not(.capcode) {color: var(--link) !important;}
div#boardNavMobile {background: var(--post-bg); border-color: var(--border);}

.button {background: var(--post-bg); border-color: var(--border); color: var(--text) !important;}
.navLinks a {color: var(--nav-link) !important;}
.button a:hover, a.button:hover {color: var(--link) !important;}
#globalToggle {color: #ff3232 !important;}

div.board > hr {border-color: var(--border);}
hr + .thread {border: none;}

div.opContainer {background: var(--post-bg); border-color: var(--border) !important; border-left: none !important; border-right: none !important;}
div.op {background: none; border: none; display: inline;}
div.postLink span.info {color: var(--text);}
div.postLink a {color: var(--text) !important;}
.post.reply {margin: 0;}
div.replyContainer {background: none;}
div.reply {border-color: var(--border) !important;}
div.post div.postInfoM span.subject {color: var(--title);}
div.post div.postInfoM {background: transparent; border: none;}
div.post div.postInfoM span.nameBlock span.name, div.postInfo span.nameBlock span.name {color: var(--alt-text-2); font-weight: 400;}
div.post div.postInfoM span.dateTime {color: var(--alt-text-2) !important;}
div.post div.postInfoM span.postNum a, div.postInfo span.postNum a {color: var(--alt-text) !important;}
div.postLink, .backlink.mobile {background: transparent; border-color: var(--border);}

.mFileInfo {color: var(--alt-text-2) !important;}
}
a, a:visited {
    color: #009fec!important;
    text-decoration: none;
}

div.post div.postInfo span.postNum>a {
    text-decoration: none;
    color: #f9690b!important;
}

:root.tomorrow .qr-link {
    border-color: rgb(6, 11, 19) #111 rgb(10, 12, 16);
    background: linear-gradient(#090e15, #111) repeat scroll 0% 0% transparent;
    focus-color: #090e15, #111
    hover-color: #111
}

}

@-moz-document url-prefix("https://www.google.com/recaptcha/api2/anchor?ar=1&k=6Ldp2bsSAAAAAAJ5uyx_lx34lJeEpTLVkP5k04qc") {
:root {
    --background: #060b13;
    --table-tr: #44453d;
    --scroll: #696a62;
    --scroll-active: #797a72;
    --scroll-border: #090e15;
    --post-bg: #090e15;
    --alt-post-bg: #010710;
    --highlight: #ffc63a;
    --highlight-shadow: rgba(255,217,122,.6);
    --highlight-bg: #111;
    --postertrip: #9d81ba;
    --quote: #86b300;
    --border: #010710;
    --alt-border: #4d4e44;
    --text: #c3c0bb;
    --alt-text: #ad9882;
    --alt-text-2: #3d434f;
    --red: #ff3434;
    --name: #86b300;
    --link: #ffc63a;
    --link-hover: #ffe8ad;
    --alt-link: #ccb16c;
    --alt-hover: #d9c491;
    --nav-link: #c3c0bb;
    --nav-hover: #ffc63a;
    --title: #ffc17b;
    --spoiler: #44453d;
    --btn-bg: #090e15;
    --alt-btn-bg: #111;
    --btn-bg-hover: #010710;
    --alt-btn-bg-hover: #090e15;
    --shadow: rgba(7,5,0,.15);
    --shadow2: rgba(7,5,0,.2);
    --shadow3: rgba(7,5,0,.25);
}

.rc-anchor-light {background: var(--post-bg); color: var(--text);}
.rc-anchor-light.rc-anchor-normal {border-color: var(--border);}

.recaptcha-checkbox-border {background: var(--post-bg); border-color: var(--alt-border);}
.recaptcha-checkbox-hover .recaptcha-checkbox-border, .recaptcha-checkbox-hover .recaptcha-checkbox-spinner-gif {border-color: var(--border);}
.recaptcha-checkbox-active .recaptcha-checkbox-border,.recaptcha-checkbox-active .recaptcha-checkbox-spinner-gif{background-color: var(--alt-post-bg);}
.recaptcha-checkbox-clearOutline.recaptcha-checkbox-focused .recaptcha-checkbox-border,.recaptcha-checkbox-clearOutline.recaptcha-checkbox-focused .recaptcha-checkbox-spinner-gif{border:2px solid var(--alt-border);}

.rc-anchor-light .rc-anchor-logo-text {color: var(--alt-text);}
.rc-anchor-light .rc-anchor-pt a:link, .rc-anchor-light .rc-anchor-pt a:visited {color: var(--alt-text);}
}