body
{
    background-color: #cfcfcf;
}
a
{
    text-decoration: none;
}
img
{
    border: none;
}
input,textarea,select,button,.menuitem,.dropbtn,.langbtn
{
    border: 1px solid #000000;
    background-color: #f0f0f0;
    margin: 1px;
    color: #000000;
}
input:hover,textarea:hover,select:hover,button:hover,.menuitem:hover,.dropbtn:hover,.langbtn:hover
{
    background-color: #e0e0e0;
}
input[type=submit]:active,button:active,.menuitem:active,.dropbtn:active,.langbtn:active
{
    border: 1px solid #7f7f7f;
    color: #ffffff;
    background-color: #000000;
}
hr
{
    border-top: 1px solid #000000;
    border-bottom: 0px;
    height: 1px;
}
.menuitem,.dropbtn,.langbtn
{
    padding-right: 9px;
    padding-left: 9px;
    cursor: pointer;
}
.error,.red
{
    color: #cc0000;
}
.successmsg,.green
{
    color: #009900;
}
.fileinfo
{
    border: 1px solid #000000;
    padding: 3px;
    background-color: #ccffff;
    display: inline-block;
    overflow: hidden;
}
.fileinfo label
{
    font-weight: bold;
}
.slblmore
{
    color: #0000ff;
    cursor: pointer;
}
.hidden
{
    display: none;
}
input#more0:checked ~ div#fileselector0,input#more0:checked ~ label#lblmore1,input#more1:checked ~ div#fileselector1,input#more1:checked ~ label#lblmore2,input#more2:checked ~ div#fileselector2,input#more2:checked ~ label#lblmore3,input#more3:checked ~ div#fileselector3,input#more3:checked ~ label#lblmore4,input#more4:checked ~ div#fileselector4,input#more4:checked ~ label#lblmore5,input#more5:checked ~ div#fileselector5,input#more5:checked ~ label#lblmore6,input#more6:checked ~ div#fileselector6,input#more6:checked ~ label#lblmore7,input#more7:checked ~ div#fileselector7,input#more7:checked ~ label#lblmore8,input#more8:checked ~ div#fileselector8,input#more8:checked ~ label#lblmore9,input#more9:checked ~ div#fileselector9
{
    display: block;
}
input#more0:checked ~ label#lblmore0,input#more1:checked ~ label#lblmore1,input#more2:checked ~ label#lblmore2,input#more3:checked ~ label#lblmore3,input#more4:checked ~ label#lblmore4,input#more5:checked ~ label#lblmore5,input#more6:checked ~ label#lblmore6,input#more7:checked ~ label#lblmore7,input#more8:checked ~ label#lblmore8,input#more9:checked ~ label#lblmore9
{
    display: none;
}
.lang
{
    position: absolute; 
    display: inline-block;
    right: 9px;
}
.lang, x:-moz-any-link, x:default /* any FireFox */
{
    margin-top: -17px;
}
_::-moz-progress-bar, body:last-child .lang /* FireFox>=6 */
{
    margin-top: 0px;
}
.lang:not(*:root)  /* Chrome, Safari, Opera>=14, Adroid */
{
    margin-top: -17px;
}
.dropdown
{
    position: relative;
    display: inline-block;
}
.lang-content
{
    display: none;
    position: absolute;
    background-color: #f0f0f0;
    min-width: 180px;
    z-index: 1;
    border: #000000 solid 1px;
    right: 0;
}
.dropdown-content
{
    display: none;
    position: absolute;
    background-color: #f0f0f0;
    min-width: 148px;
    z-index: 1;
    border: #000000 solid 1px;
}
.dropdown-content a,.lang-content a
{
    color: #000000;
    padding: 3px 10px 3px 10px;
    text-decoration: none;
    display: block;
    border-bottom: #cccccc solid 1px;
}
.dropdown-content a:hover,.lang-content a:hover
{
    background-color: #000000;
    color: #ffffff;
}
.dropdown:hover .dropdown-content,.lang:hover .lang-content
{
    display: block;
}
.dropdown:hover .dropbtn,.lang:hover .langbtn
{
    background-color: #000000;
    color: #ffffff;
    border: #ffffff solid 1px;
}
.wzresponse
{
    word-wrap: break-word;
    background-color: #ffffff;
    border: #000000 solid 1px;
    width: 99%;
    padding: 5px;
    font-family: monospace;
    font-size: 1em;
}
.translateres
{
    word-wrap: normal;
    background-color: #ffffff;
    border: #000000 solid 1px;
    width: 972px;
    padding: 5px;
    font-family: sans-serif;
    font-size: 1.25em;
}
.clocktable
{ 
    background: #e6e6e6; 
    border-color: #767676;
    border-style: solid;
    border-width: 2px;
    empty-cells: show; 
    min-width: 700px;
}
.clockcaption 
{
    background: #767676;
    font-size: 23px;
    color: #ffffff;
    font-weight: bold;
    padding: 5px 0px;
}
.clockthead 
{
    background: #000000;
    color: #ffffff;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    padding: 4px 4px;
    text-align: left
}
.clocktfoot
{
    background: #767676;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    padding: 2px 4px;
    color: #ffffff;
    text-align: center
}
.clocktbody
{ 
    border: none;
}
.clocktd,.clocktr,.clockth
{
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
}
.clocktf
{
    border: #000000 solid 1px;
}
.qltreven 
{
    background: #a6a6a6;
}
.qltr 
{
    background: #c6c6c6;
}
.ipinfo
{
    border: #000000 solid 1px;
    border-collapse: collapse;
    empty-cells: show; 
    padding: 2px;
}
.ipinfo td
{
    border: #000000 solid 1px;
    font-family: sans-serif;
}
@font-face
{
    font-family: 'Kiwi Maru';
    src: url('/res/KiwiMaru-Regular.woff2') format('woff2'),
         url('/res/KiwiMaru-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face
{
    font-family: 'Zen Kaku Gothic New';
    src: url('/res/ZenKakuGothicNew-Regular.woff2') format('woff2'),
         url('/res/ZenKakuGothicNew-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.charsmenu
{
    line-height: 1.9em;
}
.charsmenu a,.charsmenuon
{
    border: 1px solid #000000;
    background-color: #f0f0f0;
    color: #000000;
    padding: 2px 6px;
    margin: 1px;
    white-space: nowrap;
}
.charsmenu a:hover
{
    background-color: #e0e0e0;
}
.charsmenuon
{
    background-color: #000000;
    color: #ffffff;
    border: 1px solid #7f7f7f;
}
.charscore
{
    border: 1px solid #000000;
    padding: 3px;
    background-color: #ccffff;
    overflow: hidden;
    display: table;
    margin: 3px auto;
    text-align: center;
}
.score
{
    color: #aa00aa;
    font-weight: bold;
}
.pct
{
    color: #00aaaa;
    font-weight: bold;
}
.charstable
{
    border-collapse: collapse;
    margin: 9px auto;
}
.charsglyph
{
    background: #cccccc;
    border: #767676 solid 2px;
    width: 150px;
    height: 150px;
    text-align: center;
    vertical-align: middle;
}
.charglyph
{
    position: relative;
    z-index: 0;
    font-size: 5em;
    line-height: 1em;
    font-weight: bold;
    color: #000000;
}
.charglyph-jp
{
    --jp-weight: 0.022em;
    font-family: 'Kiwi Maru','Zen Kaku Gothic New',serif;
    font-weight: normal;
    font-synthesis: none;
    -webkit-text-stroke: var(--jp-weight) currentColor;
}
.charsreading
{
    margin: 3px 0px;
    text-align: center;
}
.charsanswers
{
    border-collapse: separate;
    border-spacing: 1px;
    empty-cells: show;
    margin: 0px auto;
}
.charsanswer input,.charsnoidea input
{
    font-family: monospace;
    font-weight: bold;
    min-width: 4em;
    padding-left: 6px;
    padding-right: 6px;
}
.charsnoidea
{
    text-align: center;
    padding-top: 6px;
}
.charsnoidea input
{
    min-width: 12em;
}
.charsrow
{
    word-wrap: break-word;
    background-color: #ffffff;
    border: #000000 solid 1px;
    padding: 5px;
    font-size: 1.5em;
    line-height: 1.6em;
}
.charsrow-jp
{
    font-family: 'Zen Kaku Gothic New','Kiwi Maru',sans-serif;
    font-synthesis: none;
}
.flagfilter
{
    margin: 6px 0px;
}
.flagfilteron
{
    text-decoration: underline;
}
.flags .clocktd
{
    font-family: monospace;
    padding: 1px 6px;
    white-space: nowrap;
}
.passform
{
    margin: 6px 0px;
}
.passdigests table
{
    border: #000000 solid 1px;
    border-collapse: collapse;
    empty-cells: show;
    padding: 2px;
}
.passdigests td
{
    border: #000000 solid 1px;
    font-family: sans-serif;
    padding: 1px 6px;
}
.passdigests code
{
    font-family: monospace;
    word-wrap: break-word;
}
.japanglyph
{
    height: 190px;
    min-width: 150px;
    width: auto;
    padding: 6px 12px;
}
.charword-vert
{
    display: inline-block;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
    font-size: 3.4em;
    line-height: 1.05em;
}
.charword-horiz
{
    display: inline-block;
    writing-mode: horizontal-tb;
    white-space: nowrap;
    font-size: 2.6em;
    line-height: 1.1em;
}
.charword-xl
{
    font-size: 5em;
}
.charword-sm
{
    font-size: 1.7em;
}
.reading
{
    position: relative;
    z-index: 2;
    display: inline-block;
    font-family: 'Zen Kaku Gothic New','Kiwi Maru',monospace;
    font-synthesis: none;
    font-size: 1em;
    background: #000000;
    color: transparent;
    cursor: help;
    user-select: none;
    padding: 0px 16px;
}
.reading:hover,.reading:focus
{
    background: #e8e8e8;
    color: #000000;
    transition: background 0.3s ease 0.2s, color 0.2s ease 0.25s;
}
.responses
{
    background-color: #000000;
    color: transparent;
    cursor: help;
}
.responses:hover,.responses:focus
{
    background-color: #cacaca;
    color: #000000;
    transition: background-color 0.3s ease 0.2s, color 0.2s ease 0.25s;
}
.checker
{
    display: none;
}
#expand-toggle:checked ~ * .responses,#expand-toggle:checked ~ * .reading
{
    background-color: #cacaca;
    color: #000000;
    cursor: auto;
    transition: background-color 0.3s ease 0.2s, color 0.2s ease 0.25s;
}
.expand-btn
{
    color: #0000ff;
    text-decoration: underline;
    cursor: pointer;
}
#expand-toggle:checked ~ * .expand-btn
{
    background-color: #000000;
    color: #ffffff;
}
.authtable
{
    border-collapse: collapse;
    margin: 6px 0px;
}
.authtable td
{
    padding: 2px 6px;
}
.authbox
{
    border: 1px dotted #000;
}
.authtable.authbox td
{
    padding: 4px 8px;
}
.authlabel
{
    text-align: right;
    white-space: nowrap;
}
.authhead
{
    font-weight: bold;
    padding-top: 9px;
}
.authhint
{
    font-size: 0.85em;
    color: #555555;
}
.authsubmit
{
    padding-top: 6px;
}
.authform
{
    display: inline-block;
    vertical-align: top;
}
.wip
{
    border: 1px solid #000000;
    padding: 3px;
    background-color: #ffffcc;
    display: table;
}
.authhint a
{
    text-decoration: underline;
}
.menuform
{
    display: inline-block;
    margin: 0px;
}
.erasebtn
{
    color: #cc0000;
    font-weight: bold;
}
.filegrid
{
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}
.fileitem
{
    border: 1px solid #000000;
    background-color: #e6e6e6;
    padding: 5px;
    width: 210px;
    text-align: center;
    position: relative;
}
.filethumb
{
    max-width: 200px;
    max-height: 200px;
    display: block;
}
.filelabel
{
    word-wrap: break-word;
    overflow-wrap: anywhere;
    font-size: 0.85em;
    padding: 2px 0px;
}
.fileinfobox
{
    text-align: center;
    margin: 0px;
}
.filebuttons
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 3px;
}
.filebuttons .authform
{
    display: inline-block;
    margin: 0px;
}
.filebuttons .submit,
.filebuttons .menuitem
{
    font-family: inherit;
    font-size: 1em;
    line-height: 1.2;
    margin: 0px;
    padding: 2px 8px;
    border: 1px solid #000000;
    box-sizing: border-box;
    white-space: nowrap;
}
.fileinfobox summary::-webkit-details-marker
{
    display: none;
}
.fileinfobox[open]
{
    flex-basis: 100%;
}
.fileinfobox summary
{
    list-style: none;
    cursor: pointer;
    border: 1px solid #000000;
    background-color: #f0f0f0;
}
.fileinfobox summary:hover
{
    background-color: #e0e0e0;
}
.fileinfobox .fileinfo
{
    flex-basis: 100%;
    text-align: left;
    margin-top: 3px;
    padding: 3px;
    border: 1px solid #000000;
    background-color: #ccffff;
    font-size: 0.85em;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}
.filespager,.filescount
{
    margin: 9px 0px;
}
.pageon
{
    border: 1px solid #7f7f7f;
    background-color: #000000;
    color: #ffffff;
    padding: 2px 9px;
}
.delconfirm .fileitem,
.delconfirm .fileinfo,
.delconfirm .authform
{
    display: table;
    margin-left: auto;
    margin-right: auto;
}
.delconfirm .fileitem
{
    margin-bottom: 12px;
}
.delconfirm .authform p
{
    margin: 12px 0px 0px 0px;
    text-align: center;
}
.linkpastelist
{
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.linkpasteitem
{
    border: 1px solid #000000;
    background-color: #e6e6e6;
    padding: 6px 9px;
}
.linkpastelink
{
    font-family: monospace;
    font-weight: bold;
}
.linkpastebadge
{
    font-family: sans-serif;
    font-weight: normal;
    font-size: 0.8em;
    border: 1px solid #7f7f7f;
    padding: 0px 4px;
    margin-left: 4px;
}
.linkpastesummary
{
    word-wrap: break-word;
    overflow-wrap: anywhere;
    margin: 2px 0px;
}
.linkpastemeta
{
    font-size: 0.85em;
    color: #555555;
    margin-bottom: 3px;
}
.accountactions
{
    margin-top: 18px;
}
.captchaimg
{
    border: 1px solid #000000;
    background-color: #ffffff;
    vertical-align: middle;
    margin-bottom: 3px;
}
.pastehint
{
    font-size: 0.85em;
    color: #555555;
}
.pasteok
{
    color: #009900;
}
.pasteerr
{
    color: #cc0000;
}
.upload.dragover
{
    outline: 2px dashed #009900;
    outline-offset: 4px;
    background-color: #f0fff0;
}
.otllink
{
    word-wrap: break-word;
    overflow-wrap: anywhere;
}
.clearfile
{
    border: 1px solid #000000;
    background-color: #f0f0f0;
    color: #cc0000;
    font-weight: bold;
    cursor: pointer;
    margin-left: 3px;
    padding: 0px 6px;
}
.clearfile:hover
{
    background-color: #e0e0e0;
}
.modowner
{
    font-size: 0.8em;
    color: #555555;
    padding-bottom: 2px;
}
.report textarea
{
    font-family: inherit;
    width: 100%;
    max-width: 32em;
}
.reportlist
{
    margin: 9px 0px;
}
.reportitem
{
    border: 1px solid #000000;
    background-color: #e6e6e6;
    padding: 6px;
    margin-bottom: 9px;
}
.reporthandled
{
    background-color: #f4f4f4;
    color: #666666;
}
.reportwhy
{
    background-color: #ffffff;
    border: 1px solid #cccccc;
    padding: 3px;
    margin: 3px 0px;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}
.modnav
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 3px;
    margin: 9px 0px;
}
.apiex
{
    background-color: #ffffff;
    border: 1px solid #cccccc;
    padding: 6px;
    margin: 3px 0px 9px 0px;
    overflow-x: auto;
    white-space: pre;
}
.apitable
{
    border-collapse: collapse;
    margin-bottom: 9px;
}
.apitable th,
.apitable td
{
    border: 1px solid #cccccc;
    padding: 2px 6px;
    text-align: left;
    vertical-align: top;
}
.apitable th
{
    background-color: #e6e6e6;
}
.apikeyshown
{
    background-color: #ffffcc;
    border: 1px solid #000000;
    padding: 6px;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}
.reportpicked
{
    outline: 2px solid #cc0000;
    outline-offset: 2px;
}
.bulkbar
{
    margin: 6px 0px 9px 0px;
    padding: 6px;
    border: 1px dotted #000000;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}
.filesel
{
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 2;
    width: 18px;
    height: 18px;
    margin: 0px;
}
.galleryitem
{
    display: flex;
    flex-direction: column;
}
.gallerylink
{
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    padding: 6px;
    text-align: center;
}
.galleryitem .filebuttons
{
    margin-top: auto;
}
.galleryname
{
    font-weight: bold;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}
.gallerycount
{
    font-size: 0.85em;
}
.bulkhint
{
    font-size: 0.85em;
    color: #444444;
}
.gallerypub
{
    margin: 6px 0px 9px 0px;
    padding: 6px;
    border: 1px dotted #000000;
}
.gallerylinkbox
{
    word-wrap: break-word;
    overflow-wrap: anywhere;
}
.aliastable
{
    border-collapse: collapse;
    margin: 6px 0px;
    width: 100%;
}
.aliastable th
{
    text-align: left;
    font-weight: normal;
    padding: 3px 6px;
    border: 1px dotted #000;
}
.aliastable td
{
    padding: 3px 6px;
    border: 1px dotted #000;
    vertical-align: middle;
    overflow-wrap: anywhere;
}
.aliastable td:first-child,
.aliastable th:first-child
{
    min-width: 11em;
}
.aliastable tr:nth-child(even) td
{
    background-color: #f0f0f0;
}
.inlineform {
    display: inline;
    margin: 0 0.2em 0 0;
}
.textinput {
    padding: 0.3em;
    max-width: 22em;
}
.note {
    opacity: 0.75;
    font-size: 0.92em;
}
.fileitem a
{
    position: relative;
    display: inline-block;
}
.audiotags
{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.45);
    color: #ffffff;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9);
    padding: 4px 5px;
    text-align: center;
    font-size: 0.8em;
    line-height: 1.3;
    pointer-events: none;
}
.audiotags span
{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.audiotags span:first-child
{
    font-weight: bold;
}
.pastebody
{
    margin: 0px;
    padding: 0px;
}
.pastehead
{
    padding: 6px 10px;
    border-bottom: 1px solid #000000;
    background-color: #e0e0e0;
}
.pastename
{
    font-weight: bold;
    margin-right: 8px;
}
.pastelang
{
    opacity: 0.7;
    margin-right: 8px;
}
.pastecode
{
    margin: 8px 0px 0px 0px;
    counter-reset: pasteline;
    overflow-x: auto;
    background-color: #ffffff;
}
.pl
{
    display: block;
    counter-increment: pasteline;
    padding: 0px 8px 0px 0px;
}
.pl:before
{
    content: counter(pasteline);
    display: inline-block;
    width: 3.5em;
    padding-right: 8px;
    margin-right: 8px;
    text-align: right;
    border-right: 1px solid #cfcfcf;
    color: #808080;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.pl:nth-child(even)
{
    background-color: #f4f4f4;
}
.hc { color: #707070; font-style: italic; }   /* comment */
.hs { color: #a03000; }                       /* string  */
.hk { color: #0000c0; font-weight: bold; }    /* keyword */
.hn { color: #008060; }                       /* number  */
.ht { color: #0000c0; font-weight: bold; }    /* tag name  */
.ha { color: #7a0080; }                       /* attribute */
.he { color: #008060; }                       /* entity    */
.dupetable
{
    border-collapse: collapse;
    margin: 6px 0px;
    width: 100%;
}
.dupetable th
{
    text-align: left;
    font-weight: normal;
    padding: 3px 6px;
    border: 1px dotted #000000;
}
.dupetable td
{
    padding: 3px 6px;
    border: 1px dotted #000000;
    vertical-align: top;
    overflow-wrap: anywhere;
}
.dupthumb, .dupcount
{
    vertical-align: middle;
    text-align: center;
}
.dupthumb img
{
    max-width: 96px;
    max-height: 96px;
    display: block;
}
.dupcount
{
    font-weight: bold;
}
.dupdate
{
    white-space: nowrap;
}
.dupsel
{
    margin: 0px 4px 0px 0px;
    vertical-align: baseline;
}
.dupwhere
{
    opacity: 0.5;
}
.dupetable tr.dupgroup td
{
    border-top: 1px dotted #000000;
}
.dnskey
{
    max-width: 22em;
    overflow-wrap: anywhere;
    font-size: 0.85em;
}