.upbo-eyebrow{font:10px Consolas,monospace;letter-spacing:.18em;color:#6a7fa5}.upbo-title{font-size:26px!important;font-weight:600!important;margin-top:8px}.upbo-update{border-radius:0!important;background:#e4eaf5!important;font:11px Consolas,monospace!important;border-color:#acbddb!important}.search-box{border-radius:0!important;background:#fffdf7!important;box-shadow:inset 1px 1px #a7b5d080;border:1px solid #96abd0!important;color:#2c3d68!important;padding:13px 15px!important}.search-box:focus{outline:2px solid #6c83b5;outline-offset:2px}.viewer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.viewer-card{border-radius:0!important;background:#eef2f8!important;border:1px solid #9cafd0!important;box-shadow:inset 1px 1px white,2px 2px #bdcce0;padding:22px 12px;min-width:0;cursor:pointer;position:relative}.viewer-card:before{content:'● ● ●';position:absolute;right:9px;top:6px;font-size:7px;letter-spacing:2px;color:#aabbd5}.viewer-card:hover{transform:translateY(-2px);background:#e0e8f5!important}.viewer-nick{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.viewer-id{overflow-wrap:anywhere;margin:4px 0 12px}.viewer-av,.viewer-av-fb{border-radius:3px!important;border:3px solid #fff!important;outline:1px solid #a1b5d7;width:68px;height:68px;margin-bottom:15px}.viewer-av-fb{background:#9eafd0!important}.viewer-total{border-radius:0!important;background:#566ea6;font-size:11px;padding:4px 10px}.ov{position:fixed!important;inset:0!important;padding:18px!important;align-items:center!important;background:#080d32c9!important;min-height:100dvh!important}.ov .modal{border-radius:0!important;background:#faf6ef!important;border:2px solid #8ba4cc;max-height:85dvh;box-shadow:inset 1px 1px white,5px 5px #09132d70}.modal-top{background:#d4dff1;border-color:#8fa6cd}.modal-x{width:30px;height:30px;border:1px solid #8c9fbd;background:#e8effa;top:10px;right:10px}.modal-nick{padding-right:24px;overflow-wrap:anywhere}.upbo-row{border-radius:0!important;background:#e2e9f4!important;border-color:#b6c6df;flex-wrap:wrap}.upbo-row.cat-ev{background:#e7e2f1!important}.upbo-row.cat-bang{background:#f2ead8!important}.upbo-row .nm{overflow-wrap:anywhere;min-width:80px}.upbo-row .ct,.upbo-row .ev{border-radius:0!important}
@media(max-width:800px){.viewer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.viewer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.viewer-card{padding:22px 8px 16px}.upbo-title{font-size:23px!important}.upbo-update{font-size:10px!important}}
.page-work .viewer-card{border-radius:4px!important;box-shadow:inset 1px 1px #fff,0 3px 9px #536f9c21!important;background:#f8f5ed!important}.page-work .viewer-card:hover{background:#f0f3f9!important}.page-work .viewer-av,.page-work .viewer-av-fb{border-radius:50%!important;outline-color:#c4cfe2}.page-work .viewer-total{border-radius:3px!important;background:#7084b4!important}