queencard

��

mybb@mybb.ru (queenie) — Fri, 12 Jun 2026 19:57:26 +0300

��:

@import url(https://fonts.googleapis.com/css2?family=Grenze:wght@300&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Homemade+Apple&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Golos+Text:wght@400..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Reenie+Beanie&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Yatra+One&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Gaegu&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Bonheur+Royale&family=Cedarville+Cursive&family=Comfortaa:wght@300..700&family=Comforter+Brush&family=Cormorant+Infant:ital,wght@0,300..700;1,300..700&family=Dokdo&family=East+Sea+Dokdo&family=Flow+Block&family=Great+Vibes&family=Indie+Flower&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Just+Me+Again+Down+Here&family=Kings&family=Lacquer&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=League+Script&family=Monsieur+La+Doulaise&family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Nanum+Myeongjo&family=Nothing+You+Could+Do&family=Oooh+Baby&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Over+the+Rainbow&family=Pirata+One&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poiret+One&family=Prata&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Rock+Salt&family=Shadows+Into+Light+Two&family=Slackey&family=Square+Peg&family=Truculenta:opsz,wght@12..72,100..900&family=Unbounded:wght@200..900&family=WindSong:wght@400;500&family=Yeseva+One&display=swap);
@import url(style_cs.css);

/* ����� � ������� �������� */
#pun-live-rusff,
#pun-navlinks li a,
.linksb .pagelink,
.punbb .linksb,
.punbb .post-links ul {
    text-transform: uppercase;
}

/* ���� ������ */
#List-UserNames ul li > span,
.punbb #List-UserNames li > b,
.punbb #pun-navlinks #form-login,
.punbb .post-links ul a:hover,
small#plng {
    color: rgb(var(--second_text));
}

/* ❌ ������: �������� �������� */
.punbb .linksb, font-family: 'Golos Text' {
    letter-spacing: .5px;
    text-transform: uppercase;
}

/* ��������� */
.linkst .pagelink > strong,
.pagelink > strong {
    padding: 5px;
    display: inline-flex;
    width: 12px;
    border-radius: 4px;
    background: rgb(var(--accent2) / .15);
    align-items: center;
    justify-content: center;
    margin-left: 5px;
}

/* ������������ ������������ */
#pun-navlinks li,
.punbb .post-content img.postimg {
    vertical-align: middle;
}

#pun-crumbs2,
#pun-userlist .formal,
#pun-userlist .formal .container {
    margin-bottom: 0;
}

.punbb a,
abbr {
    text-decoration: underline;
}

.punbb .post-links ul a {
    color: rgb(var(--second_text) / .8);
}

#mod-options,
small#plng {
    background: rgb(var(--grey2) / .5);
}

body,
html {
    margin: 0;
    padding: 0;
}

/* ������� */
@media screen and (max-device-width: 1280px) {
    body {
        background-color: #c3c6ce;
        background: var(--background) fixed top center no-repeat, #c3c6ce;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: top center;
        background-size: cover;
    }
}

.punbb * {
    margin: 0;
}

.punbb dd,
.punbb dl,
.punbb dt,
.punbb li,
.punbb ul {
    padding: 0;
    list-style: none;
}

.punbb img {
    border: none;
}

.punbb .main table {
    table-layout: fixed;
    width: 100%;
}

.checkfield input[type=checkbox],
.radiofield input[type=radio] {
    margin: 0 .3em;
}

div[class=checkfield] *,
fieldset[class=radiofield] *,
p[class=checkfield] * {
    height: 1.8em;
    vertical-align: middle;
}

body {
    font-size: 100.01%;
}

.punbb {
    font: 68.75% verdana, arial, helvetica, sans-serif;
}

.punbb input,
.punbb optgroup,
.punbb select,
.punbb textarea {
    font: 1em verdana, arial, helvetica, sans-serif;
}

.punbb h1,
.punbb h2,
.punbb h3,
.punbb h4,
.punbb table,
.punbb th {
    font-size: 1em;
    font-weight: 400;
}

.punbb h1 span,
.punbb h2 span,
.punbb legend span {
    font-size: 1.1em;
}

.punbb pre {
    font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
}

.punbb address,
.punbb em {
    font-style: normal;
}

.punbb .post-content em {
    font-style: italic;
}

.punbb .post-content em.bbuline {
    font-style: normal;
    text-decoration: underline;
}

.punbb .datafield span.input,
.punbb .required label,
.punbb optgroup {
    font-weight: 700;
}

/* Clearfix */
#pun:after,
.punbb .container:after,
.punbb .linksb:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .post-links ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
}

/* ������� �������� */
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
#pun-userlist .main h2,
.acchide,
.punbb .divider hr,
.punbb .formsubmit label,
.punbb .forum h2,
.punbb .modmenu label,
.punbb .multipage .topic h2,
.punbb .required label em,
.punbb .submitfield label,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong {
    font-size: 0;
    height: 0;
    width: 0;
    line-height: 0;
    position: absolute;
    left: -9999px;
    overflow: hidden;
}

/* �������� ��������� ������ */
#pun {
    margin: 71px auto 0;
    position: relative;
    width: 1000px;
    background: rgb(var(--pun));
}

.punbb {
    float: left;
    width: 100%;
    height: auto;
}

#pun-maint,
#pun-redirect {
    margin: 50px 20% 12px;
    width: auto;
    float: none;
}

.punbb .main,
.punbb .section {
    margin-bottom: .3em;
}

.punbb .category,
.punbb .post {
    margin-top: .4em;
}

#pun-about,
#pun-ulinks,
.multipage,
.punbb #pun-category1,
.punbb .topicpost,
.punbb .toppost {
    margin-top: 0;
}

#pun-post .topic,
li#onlinelist {
    margin-top: 1em;
}

.punbb .category,
.punbb .formal,
.punbb .forum,
.punbb .info,
.punbb .modmenu,
.punbb .post,
.punbb .section {
    border-style: none none solid;
    border-width: 0 0 2px;
}

#pun-userlist .usertable table,
.punbb .container {
    border-style: solid;
    border-width: 0;
}

#pun-debug h2,
#pun-main h1,
#pun-main h2 {
    padding: .5em 1em;
}

#pun-stats h2,
.punbb .section h2 {
    padding: 0 1em;
}

.punbb .post-content {
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: hidden;
}

.punbb .post-sig dt {
    display: block;
    border-top: .5px solid #88888829;
    width: 50%;
    margin: 5px auto;
}

.punbb .info-box,
.punbb fieldset {
    border-style: solid;
    border-width: 1px;
}

.punbb .post-content p {
    margin: 0;
    padding: 0 0 1em;
    line-height: 150%;
}

.punbb .post-content img {
    vertical-align: text-bottom;
}

.punbb .post-content .blockcode,
.punbb .post-content blockquote {
    width: 100%;
    overflow: hidden;
}

.punbb .post-content .scrollbox {
    width: 100%;
    overflow: auto;
}

.punbb .post-content .code-box,
.punbb .post-content .quote-box {
    margin: .4em 1.8em 1.4em;
    padding: 1em;
    border-style: solid;
    border-width: 1px;
}

.punbb .code-box strong.legend,
.punbb .quote-box cite {
    display: block;
    text-transform: uppercase;
    color: rgb(var(--accent2) / .7);
    font: var(--p2);
    font-size: 8px;
    font-weight: 500;
    letter-spacing: .5px;
    background: rgb(var(--grey2) / .3);
    border-radius: 4px;
    padding: 1px 8px;
    line-height: 2;
    margin-bottom: 5px;
    text-align: center;
}

/* ������� �������� (������� ������!) */
#navlogin #exit-2,
#navlogout .Forgot,
#navlogout .Rega,
#pun-main h1 span a,
#pun-main thead,
#pun-stats h2 span,
#pun-title h1,
#tooltip,
#viewprofile li#pa-fld2 .icon,
#viewprofile li#pa-fld5 .icon,
#viewprofile-next #profilenav,
.lastedit,
.pa-awards,
.pa-fld2 span,
.pa-fld5 span,
.pa-gifts,
.pl-reports,
.punbb .datafield br,
.punbb .modmenu .container span,
.topic a.sharelink,
div#statistic-other,
li.pa-last-visit,
span.closedatafield,
span.item4.status-right {
    display: none;
}

/* Info box */
.punbb .info-box {
    padding: 1.1em 1.7em 1em;
    margin: 0 0 1.1em;
}

.punbb .info-box * {
    padding: 0 0 .7em;
}

.punbb #pun-main .info-box .legend {
    font-size: 1.1em;
    font-weight: 700;
}

.punbb .linkst {
    float: left;
    position: relative;
    width: 100%;
    font-size: 1.1em;
    height: 0;
}

.linkst .pagelink {
    position: absolute;
    top: -5.3em;
    width: 24em;
}

.linkst .postlink {
    position: absolute;
    top: -4em;
    right: 1em;
    width: 16em;
    text-align: right;
    font-weight: 500;
}

.punbb .linksb {
    text-align: right;
    padding: .4em 0 .5em;
    font: var(--p2);
    font-weight: 500;
}

.linksb .pagelink,
.linkst .pagelink {
    float: left;
    width: max-content;
    text-align: left;
    border-radius: 8px;
    padding: 4px 6px;
    color: rgb(var(--second_text));
    font: var(--p1);
    font-size: 9px;
    font-weight: 500;
    background: rgb(var(--grey2) / .25);
}

.linksb .postlink {
    float: right;
    width: 16em;
    font-weight: 700;
    display: none;
}

.subscribelink {
    clear: both;
    padding-top: .3em;
    padding-bottom: .5em;
}

.punbb .formal .container {
    padding: 1.7em 2.3em 2.5em;
    border-radius: 16px;
    margin: 20px 0;
}

.punbb .formsubmit {
    padding: 0;
    margin: 1em 0 0;
}

.punbb .formsubmit a,
.punbb .formsubmit input,
.punbb .formsubmit span {
    margin: 0 .6em 0 0;
}

.punbb fieldset {
    padding: 0;
    margin: 0 0 1em;
}

.punbb fieldset legend {
    padding: 0;
    margin: 0 0 .5rem;
    font-size: 1.1em;
}

small#plng {
    margin: 0 10px 0 0;
    text-transform: lowercase;
    font: var(--p1);
    letter-spacing: .3px;
    padding: 4px 10px;
    border-radius: 32px;
}

.punbb fieldset legend span {
    padding: 4px 8px;
    margin: 0 0 0 -15px;
    border-radius: 32px;
}

.punbb fieldset fieldset {
    border-style: none;
    margin: 0;
    padding: 0 0 8px;
}

.punbb .fs-box {
    padding: 1em 0 .8em;
}

.punbb .fs-box fieldset,
.punbb .fs-box p {
    padding: 0 0 .4em;
}

.punbb .inline .inputfield,
.punbb .inline .passfield,
.punbb .inline .selectfield {
    float: left;
    margin-right: 1em;
}

.punbb .inline .infofield {
    clear: both;
}

.punbb .datafield span.input a {
    font-weight: 400;
}

.punbb .areafield span.input,
.punbb p.longinput span.input {
    display: block;
    padding: 0 12em 0 0;
    height: 100%;
}

.punbb .longinput input,
.punbb textarea {
    background: rgb(var(--grey));
    width: 64%;
    margin: 0;
    border: .5px solid rgb(var(--black) / .3);
    border-radius: 6px;
}

#pun #pun-messages .post-author,
.punbb .hashelp {
    position: relative;
}

.punbb .helplinks {
    display: block;
    position: absolute;
    top: 1em;
    right: 0;
    font-weight: 400;
    width: 36%;
}

.punbb #profile .helplinks {
    top: 1.5em;
}

.punbb .helplinks span {
    display: block;
    padding-bottom: .2em;
}

#pun-post .formal .info-box li {
    padding-left: 4px;
    list-style-type: square;
    list-style-position: inside;
    line-height: 1.5;
    margin: 0;
}

.punbb .main .tcl {
    overflow: hidden;
    text-align: left;
    width: 50%;
    font: var(--p1);
}

.punbb .main .tc2,
.punbb .main .tc3,
.punbb .main .tcmod {
    text-align: center;
    width: 10%;
}

.punbb .main .tcr {
    overflow: hidden;
    text-align: left;
    width: 30%;
}

#pun-modviewforum .main .tcl,
#pun-searchtopics .main .tcl,
#pun-userlist .main .tcl {
    width: 40%;
}

#pun-searchtopics .main .tc2,
#pun-userlist .main .tc2 {
    text-align: left;
    width: 20%;
}

#pun-debug table .tcl {
    width: 15%;
    white-space: normal;
}

#pun-debug .tcr {
    width: 90%;
    white-space: normal;
}

.punbb td span.youposted {
    font-weight: 700;
    margin-left: -1em;
    position: absolute;
}

.punbb td .modlist {
    display: block;
    padding-top: .3em;
}

.punbb .main td {
    border-style: solid none none solid;
    border-width: 1px 0 0 1px;
    padding: .8em 1em;
}

.punbb .main th {
    border-style: none none none solid;
    border-width: 0 0 0 1px;
    padding: .4em 1em;
}

.punbb .main .tcl {
    border-left-style: none;
    border-left-width: 0;
}

tbody.hasicon td.tcl {
    padding-left: 3.2em;
}

#pun-category2 tbody.hasicon td.tcl .intd,
#pun-category3 tbody.hasicon td.tcl .intd,
#pun-category4 tbody.hasicon td.tcl .intd,
#pun-category5 tbody.hasicon td.tcl .intd,
#pun-category6 tbody.hasicon td.tcl .intd,
#pun-category7 tbody.hasicon td.tcl .intd,
.punbb #pun-category1 tbody.hasicon td.tcl .intd {
    font: var(--p1);
    color: rgb(var(--black) / .4);
    height: 88px;
    line-height: 120%;
}

.punbb div.icon {
    border-style: solid;
    border-width: 0;
    height: 0;
    line-height: 0;
    margin-top: .1em;
    width: 0;
}

.punbb table div.icon {
    position: absolute;
    margin: 1.2rem 0 0 27.5rem;
}

.punbb .post .container {
    border-style: none solid solid;
    border-width: 1px;
    margin-top: 1rem;
    padding-bottom: 1px;
}

.punbb .post h3 {
    border-style: solid solid none;
    border-width: 1px;
}

.punbb .post h3 span,
.punbb .post-body,
.punbb .post-links,
li.pa-online {
    border-left-style: solid;
}

.punbb .post h3 span {
    padding: .5em 1em;
    display: block;
    border-left-width: 1px;
    background: rgb(var(--grey2) / .2);
    border-radius: 24px;
}

.punbb .post h3 strong {
    float: right;
    width: 5em;
    text-align: right;
    font-weight: 400;
}

.punbb .post .post-author {
    float: left;
    line-height: 140%;
}

.pa-author {
    font: var(--h1);
    font-weight: 500;
    letter-spacing: -.3px;
    font-size: 16px;
}

.pa-author a {
    text-decoration: none;
    color: rgb(var(--black)) !important;
}

.pa-author a:hover {
    text-decoration: none;
    color: rgb(var(--black) / .65) !important;
}

li.pa-title {
    padding-bottom: .4em;
}

li.pa-online {
    line-height: .8em;
    border-left-width: 0;
    padding-left: 0;
    margin-top: 0;
    font: var(--p2);
    color: rgb(var(--second_text) / .5);
}

#mod-options,
#pun-live-rusff,
#pun-status .container,
input.button {
    color: rgb(var(--second_text) / .8);
}

.punbb .post-body {
    margin-left: 21.5em;
    border-left-width: 1px;
    padding: 0 0 1px;
}

.punbb .post-box {
    background: rgb(var(--grey2) / .2);
    padding: 1em;
    border-radius: 12px;
}

.punbb fieldset .post-box {
    margin-bottom: .8em;
}

.punbb .post-links {
    margin-left: 16.2em;
    border-left-width: 1px;
}

.punbb .post-links ul {
    padding: 1rem 0 0;
    height: 2em;
    line-height: 2em;
    margin-left: -21em;
    border-top-style: dashed;
    border-top-width: 1px;
    background: 0 0;
    text-align: right;
    font: var(--p2);
}

.punbb .post-links li {
    display: inline;
    padding: 4px 6px;
}

.pl-email,
.pl-website,
.punbb .modmenu .container strong {
    float: left;
}

.punbb .clearer {
    clear: both;
    height: 0;
    font-size: 0;
}

.punbb .modmenu .container {
    padding: .5em 0;
    text-align: right;
    font: var(--p1);
    text-transform: lowercase;
    font-weight: 400;
    letter-spacing: .3px;
}

#setmods dt,
.punbb .info .container {
    padding: .8em 1em;
}

#setmods dl,
#viewprofile li {
    padding: 0 0 0 16em;
}

.punbb .modmenu a,
.punbb .modmenu strong {
    height: 1.8em;
    line-height: 1.8em;
}

.punbb .modmenu input {
    margin-left: 1em;
}

.punbb .info .container .backlink {
    padding-top: .8em;
}

#profile .container {
    padding-left: 18.6em;
    background: rgb(var(--grey2) / .15);
}

#profilenav {
    float: left;
    width: 14em;
    margin-left: -16.3em;
    display: inline;
}

#profilenav li {
    padding-bottom: .8em;
    font-weight: 700;
}

#profilenav ul,
#viewprofile ul {
    border-style: solid;
    border-width: 1px;
    padding: 1.8em 18px .8em;
    margin: 0 0 1em;
}

#profilenav h2,
#viewprofile h2 {
    background: 0 0;
    border: none;
    padding: 0;
    margin: 0 14px -.6em;
}

#profilenav h2 span,
#viewprofile h2 span {
    padding: 4px 5px;
    position: relative;
}

#setmods dl {
    margin-bottom: .2em;
}

#viewprofile li span {
    float: left;
    width: 14em;
    margin-left: -16em;
    padding: .5em 1em;
    font-weight: 700;
}

#setmods dt {
    float: left;
    width: 14em;
    margin-left: -16em;
    font-weight: 700;
    display: inline;
}

#setmods dd,
#viewprofile li div,
#viewprofile li strong {
    display: block;
    padding: .5em 1em;
    font-weight: 400;
}

.punbb img.avatardemo {
    float: right;
    margin: 0 0 .8em 1.8em;
}

#pun-userlist .usertable .container {
    border-top: none;
}

#pun-title {
    margin: 0;
    border-style: solid solid none;
}

#pun-title h1 {
    height: 40px;
    padding: 2em 1em 0;
}

#pun-title .container {
    border-style: none solid;
}

#pun-title h1 span {
    font-size: 1.5em;
}

#pun-title table {
    border: none;
    height: 40px;
    width: 100%;
}

#pun-title td.title-logo-tdl {
    border: none;
    width: 100%;
}

#pun-title td.title-logo-tdr {
    border: none;
    width: 664px;
}

#pun-pagelinks {
    position: absolute;
    top: -15px;
    left: 0;
    margin: 0;
    border: none;
    padding: 0;
    width: 100%;
}

#pun-pagelinks.container {
    background: 0 0;
    border: none;
    padding: 0;
}

#pun-pagelinks .container li {
    display: inline;
}

#pun-pagelinks a:hover,
#pun-pagelinks a:link,
#pun-pagelinks li a {
    height: 2em;
    line-height: 2em;
    padding: 0;
    font-size: 1.2em;
    margin-left: -9999px;
    display: block;
    float: left;
    width: 100%;
}

#pun-pagelinks a:active,
#pun-pagelinks a:focus {
    position: relative;
    margin: 0;
}

#pun-pagelinks li a span {
    display: block;
    margin: 0 1em;
}

#pun-navlinks,
#pun-navlinks .container {
    border-style: none;
    border-width: 0;
    margin: 0;
}

#pun-navlinks .container {
    text-align: center;
    width: 800px;
    position: absolute;
    top: 39rem;
    left: 6.5rem;
}

#pun-navlinks > ul > li {
    display: inline;
    width: 26px;
    height: 26px;
    margin: 0 2px 0 0;
}

#pun-navlinks li a {
    text-align: center;
    padding: 2px 4px;
    font: var(--p1);
}

#pun-ulinks .container {
    border-top: none;
    position: absolute;
    width: 800px;
    top: 36.4rem;
    right: 6.35rem;
    font: var(--caption);
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    line-height: 1.7;
    font-size: 7.5px;
    align-items: center;
}

#List-UserNames .a1-copy,
#List-UserNames .a1-paste {
    cursor: pointer;
    display: flex !important;
    color: rgb(var(--main_text));
}

#pun-ulinks li,
#pun-ulinks li a {
    display: inline;
    border-left-style: solid;
    border-left-width: 1px;
    white-space: nowrap;
    text-decoration: none;
    text-transform: lowercase;
    color: rgb(var(--second_text) / .6);
}

#pun-ulinks li a {
    padding: 0 1.5px;
}

#pun-ulinks li.item1,
#pun-ulinks li.item1 a {
    border-left-style: none;
    border-left-width: 0;
    padding-left: 0;
}

#pun-status,
#pun-status .container {
    border-bottom: none;
    margin-bottom: 0;
    padding-top: .5rem;
}

#pun-status .container {
    text-align: center;
    text-transform: lowercase;
    font: var(--caption);
    margin: 0 0 2px;
}

#pun-crumbs1 p.container,
#pun-crumbs2 .container {
    color: rgb(var(--main_text));
    text-transform: lowercase;
}

#pun-status span {
    white-space: nowrap;
    margin-right: .5em;
}

#pun-crumbs1 {
    font-weight: 700;
    overflow: hidden;
    margin-top: 0;
}

#pun-crumbs1 p.container {
    border-top: none;
    margin: 6px 0 20px;
    font: var(--p2);
    text-align: center;
}

#pun-about .container,
#pun-stats li.item3,
#pun-stats li.item4 {
    text-align: right;
    line-height: 150%;
}

#pun-break1,
#pun-break4 {
    margin: -2px 1em;
    position: relative;
    height: 0;
    z-index: 1;
    border-style: solid none;
    border-width: 1px 0;
}

#pun-announcement h2 {
    padding: 0;
    margin: 0 1em -3.5em;
    border-style: none none solid;
    border-width: 0 0 1px;
    position: relative;
    font-weight: 700;
}

div.punbb-admin #pun-about .container,
li#onlinelist,
li#onlinelist div {
    border-top-style: solid;
    border-top-width: 1px;
}

#pun-announcement h2 span {
    display: block;
    padding: 1em 0 .8em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

#pun-announcement .container {
    padding: 4.3em 1em 1em;
}

#pun-stats li.item1,
#pun-stats li.item2 {
    float: left;
    clear: both;
    line-height: 150%;
}

li#onlinelist {
    float: left;
    width: 100%;
    line-height: 130%;
}

li#onlinelist div {
    color: rgb(var(--black) / .6);
    padding: .7em 0 0;
}

#pun-qjump {
    margin: 0;
    border: none;
    width: 50%;
    position: relative;
    float: left;
}

#pun-qjump .container {
    border: none;
    background: 0 0;
    padding: .8em 1em;
}

#pun-about .container {
    border-top-style: none;
}

#pun-about p span {
    display: block;
    padding-left: 50%;
}

#pun-crumbs2 {
    font-weight: 700;
    overflow: hidden;
    border-bottom: none;
    margin: 12px auto 0;
}

#pun-crumbs2 .container {
    border-top: none;
    margin: 6px 0 25px;
    font: var(--p2);
    text-align: center;
}

#pun-help .formal .info-box h3.legend {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 0;
    margin-bottom: .8em;
}

#pun-help .formal .info-box h3.legend span {
    padding-bottom: .6em;
    display: block;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-size: 1.1em;
}

#pun-help .formal dd,
#pun-help .formal p {
    margin-bottom: 1em;
}

#pun-help .formal dl,
#pun-help .formal ul {
    padding: 0 0 0 1em;
}

#pun-help .formal li {
    padding: 0;
    line-height: 130%;
}

#pun-help .formal li * {
    vertical-align: text-top;
}

#pun-help .formal dt span {
    font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
}

#pun-help .formal .parsedmsg,
#pun-help .formal .parsedmsg.incode {
    padding-bottom: 0;
}

body,
textarea {
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

html {
    -ms-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
}

abbr {
    text-decoration-style: dotted;
    cursor: pointer;
    -webkit-text-decoration-line: underline;
}

.pa-reg,
.pa-time-visit {
    font-size: 0;
}

#mod-options,
#notify-settings,
.punbb .main table th,
input.button {
    text-transform: lowercase;
}

#viewprofile li#pa-fld2 .txt {
    margin: 0 -22px;
}

#viewprofile li#pa-fld5 .txt {
    margin: -29px 0 -2px -8px;
}

#viewprofile li#pa-fld5 .icon_angel,
#viewprofile li#pa-fld5 .icon_devil {
    margin: 10px 0 0 -23px;
}

#pun-index .category tbody tr .tcr a {
    vertical-align: -webkit-baseline-middle;
    font: var(--p2);
    letter-spacing: .3px;
}

#pun-index .category tbody tr .tcr span.lastpost {
    vertical-align: -webkit-baseline-middle;
    font: var(--p2);
    letter-spacing: .15px;
    color: rgb(var(--black) / .4);
    text-transform: lowercase;
}

.post-content hr {
    opacity: .1 !important;
    margin: .8em auto;
}

#pun-live-rusff {
    font: var(--p2);
}

.stikeri {
    display: inline-flex;
    margin: 14px 0;
    padding: 4px;
    max-height: 120px;
    overflow-y: auto;
}

#mod-options {
    font: var(--p1);
    border: 0;
    padding: 4px;
    border-radius: 6px;
    margin: 8px 0;
    cursor: pointer;
}

#font-area,
#size-area,
#smilies-area,
#tags .container {
    background: rgb(var(--grey));
}

textarea#reputationText {
    border-radius: 10px;
    padding: 5px;
}

#pun-online .tcl.action,
.section.online-list td.tcl.username {
    font: 400 10px/200% arial;
}

#topic-users-in {
    margin: 8px 0 0;
}

#notify-settings {
    font: 400 10px arial;
}

#image-area-tinp,
#pun-admain input,
#pun-admain optgroup,
#pun-admain select,
#pun-admain textarea,
#video-area-tinp {
    border-radius: 10px;
}

.punbb .user-avatar .avatar-image {
    border-radius: 50%;
    height: 29px !important;
    width: 29px !important;
    border: .5px solid rgb(var(--accent2));
    opacity: 1;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    background-color: rgb(var(--accent) / .2);
    background-blend-mode: overlay;
}

.punbb .user-avatar .avatar-image:hover {
    background-color: transparent !important;
    background-blend-mode: overlay;
    transition: .5s ease-in-out;
}

.punbb .user-avatar .isonline {
    background: #978491 !important;
    width: 6px !important;
    height: 6px !important;
}

.post-rating .container a {
    font: var(--p1) !important;
    font-size: 12px !important;
    color: rgb(var(--second_text) / .8);
}

input.button {
    font: var(--p1);
    font-size: 11px;
    font-weight: 400;
    padding: 9px 12px;
    border-radius: 8px;
    border: 0;
    background: rgb(var(--accent2) / .15);
}

input.button:hover {
    cursor: pointer;
    background: rgb(var(--accent2));
    color: rgb(var(--white) / .8);
    transition: color .3s ease-in-out;
}

#font-area,
#size-area {
    right: unset !important;
    margin: 0;
    width: 200px;
    max-height: 150px;
    overflow: auto;
}

#tags .container {
    font: var(--p1);
    margin: 0;
}

a.positive {
    font: var(--p1) !important;
}

span.qc-post-link {
    margin-left: 5px;
}

#tooltip {
    position: absolute;
    background: rgba(0, 0, 0, .85);
    z-index: 999;
    max-width: 180px;
    border: none;
    border-radius: 16px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .05) inset;
    font: var(--p2);
    color: rgb(var(--white) / .6);
    text-align: center;
    padding: 5px 8px;
    letter-spacing: .3px;
    text-transform: lowercase;
    font-weight: 500;
}

.quiet-quote {
    position: relative;
    display: table;
    margin: 4px 15px 0 19px !important;
    font-style: italic;
    font-size: 11px;
    color: #695f5f;
}

.quiet-quote > p {
    line-height: normal !important;
}

.quiet-quote:after,
.quiet-quote:before {
    font-size: 17px;
    display: inline-block;
    position: absolute;
    z-index: 9;
    font-weight: 900;
    color: #695f5f;
    font-family: System, Arial, sans-serif;
}

.quiet-quote:before {
    content: "\201C";
    left: -17px;
    top: 4px;
}

#pun-navlinks a:not(.NextShow) + span.odd {
    display: none !important;
}

#pun-navlinks #New-exit img {
    position: absolute;
    left: 5px;
    top: 4px;
    margin: 0;
    width: 24px;
    height: 24px;
}

.punbb #pun-navlinks a#New-exit {
    position: absolute;
    background: 0 none !important;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    z-index: 10000 !important;
    margin-top: -7px !important;
    margin-left: 3px !important;
    float: none !important;
    visibility: visible !important;
}

.punbb #pun-navlinks #form-login a.Forgot:before,
.punbb #pun-navlinks #form-login a.Rega:before,
.punbb #pun-navlinks a#New-exit:after,
.punbb #pun-navlinks a#New-exit:before {
    content: none;
}

.punbb #pun-navlinks #form-login input {
    text-rendering: auto;
    color: rgb(var(--main_text));
    margin-top: 7px !important;
    margin-bottom: 4px !important;
    padding: 9px 6px !important;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
    display: inline-block !important;
    text-align: center;
    font: 400 11px Arial !important;
    border: .5px solid rgb(var(--black) / .25);
    min-width: 128px;
    background-color: rgb(var(--white) / .25);
}

#form-login #fld2,
.punbb #form-login #fld1 {
    background-color: rgb(var(--white) / .25);
}

.punbb #pun-navlinks #form-login input[type=submit] {
    border: none;
    color: rgb(var(--white));
    cursor: pointer;
    border-radius: 8px;
    padding: 10px 12px !important;
    text-transform: lowercase;
    font-weight: 500 !important;
    background-color: rgb(var(--accent) / .5);
    transition: color .3s ease-in-out;
    font: var(--p1);
    width: 141px !important;
}

.punbb #pun-navlinks #form-login input[type=submit]:hover {
    cursor: pointer;
    background: rgb(var(--accent2));
    color: rgb(var(--white) / .8);
    transition: color .3s ease-in-out;
}

.punbb #pun-navlinks #form-login {
    display: flex;
    gap: 4px;
    width: 200px;
    font: var(--p1);
    letter-spacing: normal;
    text-transform: lowercase;
    position: absolute !important;
    left: 0;
    top: 32px;
    height: 218px;
    z-index: 100000 !important;
    padding: 7px 12px;
    border-radius: 0 12px 12px 0;
    border: .5px solid rgb(var(--border));
    background: rgb(var(--grey));
    text-align: center;
    flex-direction: column;
    align-items: center;
}

#pun-navlinks #navlogin #form-login,
#pun-navlinks #navlogout #form-login {
    margin-left: -20px;
}

.ismoderator #pun-navlinks #navlogout #form-login {
    margin-left: -20px !important;
}

#pun-navlinks #form-login input[value="�����"] + p {
    margin-bottom: 11px;
    margin-top: 11px;
}

.punbb #pun-navlinks #form-login a.Forgot,
.punbb #pun-navlinks #form-login a.Rega {
    position: relative;
    z-index: 20;
    text-shadow: none;
    cursor: pointer;
    text-transform: lowercase;
    color: rgb(var(--second_text) / .45);
    font: var(--p1);
    letter-spacing: .5 !important;
    background: 0 0;
}

.punbb #pun-navlinks #form-login a.Forgot:hover,
.punbb #pun-navlinks #form-login a.Rega:hover {
    color: #4a7f8d !important;
}

#form-login input.none {
    outline: red dashed 2px !important;
}

#List-UserNames {
    text-transform: lowercase;
    position: absolute;
    margin-top: -7.5px;
    min-height: 208px;
    width: 220px;
    right: 100%;
    padding: 12px 19px 12px 17px;
    border: .5px solid rgb(var(--border));
    background: rgb(var(--pun));
    border-radius: 12px 0 0 12px;
    box-shadow: 0 15px 24px rgb(0 0 0 / 8%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.punbb #List-UserNames ul {
    padding: 0 8px 0 0;
    overflow: hidden;
    overflow-y: auto;
    min-height: 36px;
    max-height: 109px;
}

.punbb #List-UserNames li {
    display: block !important;
    position: relative;
    background: rgb(var(--grey2) / .25);
    text-align: left;
    padding-left: 5px !important;
    font: var(--p1);
    margin: 4px auto !important;
    padding: 10px 8px;
    transition: .33s;
    border-radius: 32px;
}

.punbb #List-UserNames li:hover {
    opacity: .84;
    background: rgb(var(--accent) / .1);
}

.punbb #List-UserNames li > b {
    cursor: pointer;
    opacity: .8;
    padding: 0 6px;
    font-weight: 500;
}

.punbb #List-UserNames li > b:hover {
    opacity: .93;
}

#List-UserNames ul::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

#List-UserNames ul::-webkit-scrollbar-track {
    width: 4px;
    height: 4px;
    background-color: #f8f2ee;
    border: 1px solid transparent;
    border-radius: 5px;
}

#List-UserNames ul::-webkit-scrollbar-thumb {
    border: .5px solid rgb(var(--grey));
    border-radius: 5px;
    background: rgb(var(--black) / .25);
}

#List-UserNames ul li > span {
    display: flex;
    position: absolute;
    opacity: .32;
    cursor: pointer;
    top: 8px;
    bottom: 0;
    font-size: 0;
    right: 11px;
    content: 'Cancel';
    background: url(https://forumstatic.ru/files/001c/6b/a8/87803.svg) 0 0 / cover;
    width: 16px;
    height: 16px;
    justify-content: center;
    align-items: center;
}

#List-UserNames ul:empty:before {
    display: inline-block;
    content: "� ��� ��� ����������� �����, ��������� ����� �����.";
    color: rgb(var(--second_text) / .65);
}

#List-UserNames ul + span {
    display: inline-block;
    padding: 32px 0 8px;
    text-align: left;
    font: var(--p1);
}

.punbb #List-UserNames input {
    font: var(--p1);
    border: .5px solid rgb(var(--black) / .25);
    min-width: 148px;
    background-color: rgb(var(--white) / .25);
    margin-top: 9px;
    padding: 2px !important;
    vertical-align: middle;
}

#List-UserNames ul + span b {
    font: 400 13px Verdana;
    padding: 0 3px;
    color: #2c2c2c;
    display: none;
}

#List-UserNames .a1-copy {
    float: left;
    align-items: center;
    vertical-align: middle;
}

span.a1-copy:before {
    content: url(https://forumstatic.ru/files/001c/6b/a8/64065.svg);
    height: 16px;
}

#List-UserNames .a1-paste {
    float: right;
    align-items: center;
    vertical-align: middle;
}

span.a1-paste:after {
    content: url(https://forumstatic.ru/files/001c/6b/a8/83889.svg);
    height: 16px;
}

.tipsy.a11 {
    font: var(--p1);
    margin-top: -22px !important;
    margin-left: 148px !important;
    max-width: 170px;
}

form#form-login span {
    color: rgb(var(--second_text) / .65);
    font: var(--p1);
}

��

mybb@mybb.ru (queenie) — Fri, 12 Jun 2026 19:45:54 +0300

�� :
��:
<m>���� ���������</m>
��:
<m><audio1></audio1><ma>���� �������������� ��������� ���������</ma></m>
��:
<action>�������� � ����</action>
��:
<icon><img src="������ �� ���� ������ 36�36"></icon>
��:
<circle><img src="������ �� ������ 100�100"></circle>
��:
<img1><img src="������ �� �������� � ���������"></img1>
�� :�� <style>�� css ��</style> � ��
��
<header style="background: #�� ;"> - ��
<middle style="background: url(�� 340�380) bottom no-repeat, #�� ;"> - ��

[hideprofile]

��

mybb@mybb.ru (queenie) — Fri, 27 Feb 2026 00:56:11 +0300

[html]<style>
:root{
--layout-width:500px;
--halo-color-1:#9ec5ff;
--halo-color-2:#5b7fff;
--panel-bg:rgba(18,18,22,0.96);
--accent:#7aa8ff;
--glass:rgba(255,255,255,0.07);
--border:rgba(255,255,255,0.15);
--text:#f2f2f7;
--muted:#b8b8c2;
--anim:0.9s cubic-bezier(.19,1,.22,1);
}

/* ר�� */
.ios-panel{
width:var(--layout-width);
margin:100px auto;
background:var(--panel-bg);
border-radius:48px;
padding:55px;
color:var(--text);
font-family:-apple-system,BlinkMacSystemFont,sans-serif;
position:relative;

box-shadow:
0 30px 50px rgba(0,0,0,.35),
0 0 20px 15px rgba(122,168,255,0.18);
}

/* ===== �� ===== */

.browser{
display:flex;
align-items:center;
gap:14px;
margin-bottom:22px;
padding:12px 18px;
background:rgba(255,255,255,0.05);
border:1px solid var(--border);
border-radius:22px;
backdrop-filter:blur(20px);
}

.tab{
background:var(--glass);
padding:8px 18px;
border-radius:20px;
border:1px solid var(--border);
font-size:12px;
color:var(--muted);
transition:var(--anim);
}

.tab.active{
background:var(--accent);
color:#000;
border-color:var(--accent);
}

.mac-buttons{
display:flex;
gap:6px;
margin-right:8px;
position:absolute;
top:24px;
}

.mac-buttons span{
width:10px;
height:10px;
border-radius:50%;
}

.mac-buttons span:nth-child(1){background:#ff5f57;}
.mac-buttons span:nth-child(2){background:#ffbd2e;}
.mac-buttons span:nth-child(3){background:#28c840;}

.url{
margin:0 auto 30px auto;
background:var(--glass);
padding:12px 26px;
border-radius:22px;
border:1px solid var(--border);
font-size:13px;
color:var(--muted);
backdrop-filter:blur(10px);
}

/* ===== �� ===== */

.top-section{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:25px;
margin-top:40px;
margin-bottom:35px;
}

.left-col{
display:flex;
flex-direction:column;
align-items:center;
gap:15px;
width:140px;
flex-shrink:0;
}

.center-col{
flex:1;
display:flex;
flex-direction:column;
gap:15px;
min-width:0;
}

.top-photos{
display:flex;
flex-direction:column;
gap:14px;
width:70px;
flex-shrink:0;
margin-top:-20px;
}

.photo img{
transition:var(--anim);
}

.photo:hover img{
transform:translateY(-6px) scale(1.05);
filter:grayscale(0%);
}

/* ===== �� ===== */
.avatar-wrap{
position:relative;
width:140px;
flex-shrink:0;
aspect-ratio:1/1;
}

.avatar-wrap::before{
content:"";
position:absolute;
inset:0;
border-radius:50%;
background:radial-gradient(circle at 30% 30%, var(--halo-color-1), var(--halo-color-2));
filter:blur(30px);
opacity:.8;
}

.avatar{
position:absolute;
inset:0;
border-radius:50%;
overflow:hidden;
}

.avatar img{
width:100%;
height:100%;
object-fit:cover;
border-radius:50%;
transition:var(--anim);
}

.avatar img:hover{
transform:scale(1.05);
}

/* ===== �� ===== */
.main-info{
flex:1;
display:flex;
flex-direction:column;
gap:18px;
min-width:0;
}

.name{
font-size:30px;
color:var(--accent);
font-weight:600;
display:flex;
align-items:center;
gap:10px;
}

.lock-icon{
font-size:16px;
opacity:.6;
transition:var(--anim);
}

.lock-icon:hover{
opacity:1;
transform:scale(1.1);
}

.nick
{
font-size:14px;
}

.info{
background:rgba(255,255,255,0.05);
border:1px solid var(--border);
padding:14px 18px;
border-radius:22px;
font-size:11px;
line-height:1.6;
color:var(--muted);
backdrop-filter:blur(10px);
}

.personality{
position:absolute;
bottom:-45px;
left:50%;
transform:translateX(-50%);
background:var(--glass);
border:1px solid var(--border);
padding:8px 16px;
border-radius:20px;
font-size:12px;
white-space:nowrap;
}

.quote-bubble{
margin:35px 0 20px 0;
padding:18px;
border-radius:28px;
background:rgba(255,255,255,0.06);
border:1px solid var(--border);
font-size:11px;
line-height:1.6;
color:var(--text);
backdrop-filter:blur(20px);
transition:var(--anim);
}

.quote-bubble:hover{
background:rgba(255,255,255,0.1);
transform:translateY(-4px);
box-shadow:0 15px 35px rgba(0,0,0,.5);
}

.card{
background:rgba(255,255,255,0.06);
border:1px solid var(--border);
border-radius:28px;
padding:18px;
backdrop-filter:blur(20px);
}

/* ===== �� ===== */

.photo{
position:relative;
width:85px;
aspect-ratio:3/4;
}

.photo::before{
content:"";
position:absolute;
inset:0;
border-radius:26px;
background:radial-gradient(
circle at 30% 30%,
var(--halo-color-1),
var(--halo-color-2)
);
filter:blur(25px);
opacity:.6;
z-index:0;
}

.photo img{
position:relative;
width:100%;
height:100%;
filter:grayscale(100%);
object-fit:cover;
border-radius:26px;
z-index:1;
}

/* ===== �� ===== */

.emoji-bubble{
background:var(--glass);
border:1px solid var(--border);
border-radius:30px;
padding:10px 20px;
display:flex;
gap:15px;
width:fit-content;
align-self:center;
margin-bottom:40px;
}

.emoji-bubble img{
width:15px;
height:15px;
object-fit:contain;
}

/* ===== �� ===== */

.partner{
position:relative;
height:175px;
}

.partner-name{
text-align:center;
color:var(--accent);
transition:var(--anim);
}

.partner img{
width:140px;
aspect-ratio:3/4;
object-fit:cover;
border-radius:25px;
filter:grayscale(100%);
border:1px solid var(--border);
transition:var(--anim);
}

.partner img:hover{
transform:translateY(-6px) scale(1.03);
box-shadow:0 15px 40px rgba(0,0,0,.5);
filter:grayscale(0%);
}

.partner:hover .partner-name{
letter-spacing:1px;
}

.partner-wrap{
position:relative;
display:flex;
align-items:flex-start;
gap:30px;
}

.mini-comments{
height:160px; /* �� */
width:290px;
position:absolute;
right:0;
top:0;

display:flex;
flex-direction:column;
gap:10px;

padding:20px;
border-radius:28px;

background:rgba(255,255,255,0.06);
border:1px solid var(--border);
backdrop-filter:blur(20px);

transition:var(--anim);
}

.comments-header{
font-size:9px;
letter-spacing:2px;
text-transform:uppercase;
color:var(--muted);
margin-bottom:3px;
}

.comment-line{
background:rgba(255,255,255,0.08);
border:1px solid var(--border);
border-radius:16px;
padding:6px 10px;

font-size:10px;
line-height:1.3;

display:flex;
gap:5px;
flex-wrap:wrap;
}

.comment-author{
color:var(--accent);
font-weight:500;
}

.comment-text{
color:var(--text);
opacity:.85;
}

.mini-comments:hover{
transform:translateY(-6px);
background:rgba(255,255,255,0.1);
}

/* ===== �� ===== */

.player{
background:rgba(255,255,255,0.06);
border:1px solid var(--border);
border-radius:28px;
backdrop-filter:blur(20px);

display:flex;
flex-direction:column;
gap:15px;

transition:var(--anim);
margin-bottom:35px;

flex:0 0 260px;
padding:16px; /* �� */
}

.player:hover{
transform:translateY(-6px);
background:rgba(255,255,255,0.1);
}

.track{
display:flex;
align-items:center;
gap:15px;
}

.cover{
width:60px;
height:60px;
border-radius:18px;
overflow:hidden;
flex-shrink:0;
}

.cover img{
width:100%;
height:100%;
object-fit:cover;
}

.track-info{
flex:1;
display:flex;
flex-direction:column;
gap:4px;
}

.track-title{
font-size:14px;
color:var(--text);
font-weight:500;
}

.track-artist{
font-size:12px;
color:var(--accent);
}

.play-btn{
width:38px;
height:38px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:var(--accent);
color:#000;
cursor:pointer;
transition:var(--anim);
box-shadow:0 0 15px rgba(122,168,255,0.5);
}

.play-btn:hover{
transform:scale(1.1);
}

.media-row{
display:flex;
gap:25px;
align-items:stretch;
margin-bottom:40px;
}

.player{
display:flex;
flex-direction:column;
justify-content:center;
margin-top:35px;
}

.pin-widget{
position:relative;
flex:1;
min-height:160px;
border-radius:28px;
overflow:hidden;
background:rgba(255,255,255,0.06);
border:1px solid var(--border);
transition:var(--anim);
}

.pin-widget img{
width:100%;
height:100%;
object-fit:cover;
display:block;
filter:brightness(.9);
transition:var(--anim);
}

.pin-widget:hover{
transform:translateY(-6px);
box-shadow:0 20px 50px rgba(0,0,0,.4);
}

.pin-widget:hover img{
transform:scale(1.05);
filter:brightness(1);
}

/* ===== �� ===== */

.friends{
display:flex;
justify-content:center;
color:var(--accent);
flex-wrap:wrap;
gap:15px;
margin:20px 0 35px 0;
}

.friend{
text-align:center;
font-size:11px;
}

.friend img{
width:60px;
height:60px;
border-radius:50%;
object-fit:cover;
filter:grayscale(100%);
border:1px solid var(--border);
transition:var(--anim);

}

.friend img:hover{
transform:translateY(-6px) scale(1.1);
filter:grayscale(0%);
box-shadow:0 10px 25px rgba(0,0,0,.5);
}

.followers-title{
text-align:center;
font-size:10px;
letter-spacing:2px;
text-transform:uppercase;
color:var(--muted);
margin-bottom:18px;
margin-top:45px;
opacity:.7;
}

.friend div{
transition:var(--anim);
opacity:.6;
}

.friend:hover div{
opacity:1;
color:var(--accent);
}

/* ===== �¨�� ===== */

.stars{
position:absolute;
bottom:-75px;
left:53%;
transform:translateX(-50%);
font-size:18px;
letter-spacing:3px;
white-space:nowrap;
}

.star{
color:rgba(255,255,255,0.3);
}

.star.filled{
color:var(--accent);
}

/* ===== �� ===== */

.actions,
.top-actions{
display:flex;
justify-content:center;
align-items:center;
gap:10px;
margin:20px auto 40px auto;
padding:10px 20px;
width:fit-content;
background:rgba(255,255,255,0.06);
backdrop-filter:blur(25px);
border:1px solid var(--border);
border-radius:40px;
}

.btn{
width:36px;
height:36px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:rgba(255,255,255,0.06);
border:1px solid var(--border);
font-size:15px;
transition:var(--anim);
}

.btn:hover{
background:var(--accent);
color:#000;
transform:scale(1.1);
}

.home-indicator{
width:120px;
height:5px;
border-radius:10px;
background:rgba(255,255,255,0.25);
margin:50px auto 0 auto;
opacity:.5;
margin-top:28px;
}

.metric{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
padding:8px 14px;
min-width:65px;
border-radius:40px;
background:rgba(122,168,255,0.12);
backdrop-filter:blur(25px);
border:1px solid rgba(122,168,255,0.35);
color:var(--accent);
transition:var(--anim);
}

.metric-num{
font-size:14px;
font-weight:600;
line-height:1;
}

.metric-label{
font-size:9px;
letter-spacing:1px;
text-transform:uppercase;
opacity:.6;
}

.metric:hover{
background:rgba(122,168,255,0.2);
border-color:var(--accent);
transform:translateY(-4px);
box-shadow:0 0 25px rgba(122,168,255,.35);
}

</style>

<div class="browser">
<div class="tab">global</div>
<div class="tab active">profile</div>
<div class="tab">media</div>
</div>

<div class="url">www.academy-social.com/yoojimin</div>

<div class="actions">
<div class="metric">
<div class="metric-num">482K</div>
<div class="metric-label">followers</div>
</div>

<div class="metric">
<div class="metric-num">312</div>
<div class="metric-label">following</div>
</div>
<div class="btn">✚</div>
<div class="btn">💬</div>
<div class="btn">✖</div>
<div class="btn">၊၊||၊</div>
<div class="btn">♡</div>
</div>

<div class="main-info">
<div class="name"> Yoo Jimin
<span class="lock-icon">🔒</span>
</div>
<div class="nick">@yoojimin</div>
<div class="info">
��
�� <br>
11.04.2000, 25<br>
��, ��<br>
🐍
</div>
<div class="emoji-bubble">
<img src="https://em-content.zobj.net/source/apple/419/dress_1f457.png">
<img src="https://em-content.zobj.net/source/apple/419/fire_1f525.png">
<img src="https://em-content.zobj.net/source/apple/419/ballet-shoes_1fa70.png">
<img src="https://em-content.zobj.net/source/apple/419/black-heart_1f5a4.png">
<img src="https://em-content.zobj.net/source/apple/419/performing-arts_1f3ad.png">
</div>
</div>

<div class="player card">
<div class="track">
<div class="cover">
<img src="https://t2.genius.com/unsafe/516x516/https%3A%2F%2Fimages.genius.com%2F19890389965fa29805b8e973a412c3cc.1000x1000x1.png">
</div>
<div class="track-info">
<div class="track-title">devil wears prada</div>
<div class="track-artist">plvtinum</div>
</div>
<div class="play-btn">▶</div>
</div>
</div>
<div class="pin-widget">
<img src="https://i.pinimg.com/736x/de/56/a0/de56a09bd7d7247cb5027aa6c0e0b1ce.jpg">
<div class="pin-overlay">inspiration</div>
</div>
</div>

<div class="comments-header">latest comments</div>

<div class="comment-line">
<span class="comment-author">@winter:</span>
�� … �� 🖤
</div>

<div class="comment-line">
<span class="comment-author">@shinryujin:</span>
�� , � ��
</div>

<div class="comment-line">
<span class="comment-author">@hwangyeji:</span>
� ��
</div>

<div class="comment-line">
<span class="comment-author">@parksunghoon:</span>
��
</div>

</div>
</div>

<div class="followers-title">followers:</div>
<div class="friends">
<div class="friend"><img src="https://i.pinimg.com/736x/cc/99/0c/cc990cde82d5e134544420ebaa209029.jpg"><div>ryujin</div></div>
<div class="friend"><img src="https://i.pinimg.com/736x/a6/b3/fe/a6b3fe8c181d721c9947375e3e152037.jpg"><div>yeji</div></div>
<div class="friend"><img src="https://i.pinimg.com/736x/48/f0/9d/48f09dc0a76ca4425225e3a3c47f129b.jpg"><div>winter</div></div>
<div class="friend"><img src="https://i.pinimg.com/736x/f9/c1/9c/f9c19c648faee84481702c9e9c7ed1fd.jpg"><div>yujin</div></div>
<div class="friend"><img src="https://i.pinimg.com/736x/34/79/bb/3479bb26ac8b796bba951a6b30be2dad.jpg"><div>sunghoon</div></div>
<div class="friend"><img src="https://i.pinimg.com/736x/5f/b4/2d/5fb42d38b4289432da2e2b7c7f0b6212.jpg"><div>heeseung</div></div>
</div>

</div>[/html]

hwang hyunjin

mybb@mybb.ru (hwang hyunjin) — Sun, 11 May 2025 12:47:31 +0300

[html]<style>

/*==================================================
IOS CHARACTER TEMPLATE
==================================================*/

:root{

/* �� */

--width:610px;

--gap:12px;

--radius:22px;

--photo-radius:18px;

/* �� */

--background:#f5f5f7;

--card:#ffffff;

--border:#e8e6e7;

--accent:#643341;

--text:#1d1d1f;

--secondary:#9b9ba0;

/* �� */

--shadow:
0 2px 6px rgba(0,0,0,.02),
0 12px 36px rgba(0,0,0,.05);

}

/*==================================================*/

margin:0;
padding:0;
box-sizing:border-box;

}

.character{

width:var(--width);

margin:auto;

font-family:
-apple-system,
BlinkMacSystemFont,
"SF Pro Display",
"Segoe UI",
sans-serif;

color:var(--text);

}

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

.header{

display:flex;

align-items:baseline;

flex-wrap:wrap;

gap:8px;

padding:0 0 18px;

margin-bottom:18px;

border-bottom:1px solid var(--border);

}

.header-name{

font-size:31px;

font-weight:700;

letter-spacing:-.04em;

line-height:1;

white-space:nowrap;

}

.nickname{

color:var(--accent);

font-style:italic;

font-weight:500;

}

.header-age{

font-size:13px;

font-weight:500;

letter-spacing:.05em;

text-transform:uppercase;

color:var(--secondary);

white-space:nowrap;

}

/*==================================================
GRID
==================================================*/

.info{

display:grid;

grid-template-columns:
110px
175px
175px
110px;

gap:var(--gap);

margin-bottom:18px;

}

/*==================================================
CARDS
==================================================*/

.card,
.box{

background:var(--card);

border:1px solid var(--border);

border-radius:var(--radius);

box-shadow:var(--shadow);

overflow:hidden;

}

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

.title{

padding:11px;

background:#fafafa;

border-bottom:1px solid var(--border);

font-size:10px;

font-weight:700;

letter-spacing:.16em;

text-transform:uppercase;

text-align:center;

color:var(--accent);

}

/*==================================================
VALUES
==================================================*/

.value{

padding:18px 14px;

font-size:13px;

line-height:1.6;

text-align:center;

}

/*==================================================
PHOTOS
==================================================*/

.photo{

aspect-ratio:175 / 190;

border-radius:var(--photo-radius);

overflow:hidden;

}

.photo img{

display:block;

width:100%;

height:100%;

object-fit:cover;

object-position:center;

transition:.35s;

}

.photo:hover img{

transform:scale(1.04);

}

/*==================================================
SOUNDTRACK
==================================================*/

.music{

display:flex;

justify-content:center;

align-items:center;

padding:18px;

margin-bottom:18px;

font-size:13px;

font-weight:600;

color:var(--accent);

text-align:center;

letter-spacing:.03em;

}

/*==================================================
BIO
==================================================*/

.bio{

padding:28px;

min-height:260px;

font-size:14px;

line-height:1.9;

text-align:justify;

}

/*==================================================
SCROLLBAR
==================================================*/

::-webkit-scrollbar{

width:5px;

}

::-webkit-scrollbar-thumb{

background:var(--accent);

border-radius:10px;

}

</style>
<div class="character">

<div class="header-name">
HWANG <span class="nickname">HYUNJIN</span>
</div>

</div>

<div class="value">
hwang hyunjin
</div>

<div class="value">
stray kids
</div>

</div>

</div>

</div>

<div class="value">
Seoul
</div>

</div>

♪ michael jackson - bad

</div>

<br>

</div>

[/html]

��

mybb@mybb.ru (queenie) — Sun, 11 May 2025 12:37:50 +0300

��

abcd actress - han sohee aespa - yoo jimin	abcd dpr ian - christian yu
efgh	efgh enhypen - jay park got7 - jackson wang
ijkl itzy - hwang yeji itzy - shin ryujin itzy - shin yuna	ijkl
mnop purple kiss - na goeun	mnop
qrst	qrst seventeen - kim mingyu stray kids - bang chan stray kids - hwang hyunjin
uvwx	uvwx
yz 0-9	yz 0-9

na goeun

mybb@mybb.ru (na goeun) — Sun, 11 May 2025 12:26:46 +0300

na goeun // �� 

purple kiss / 3.09.1999 / 25 / hwang hyunjin

kim mingyu

mybb@mybb.ru (kim mingyu) — Sun, 11 May 2025 11:06:50 +0300

kim mingyu // �� 

seventeen / 6.04.1997 / 28 / shin ryujin

shin ryujin

mybb@mybb.ru (shin ryujin) — Sun, 11 May 2025 10:22:12 +0300

shin ryujin // �� 

itzy / 17.04.2001 / 24 / kim mingyu

jay park

mybb@mybb.ru (jay park) — Sun, 11 May 2025 10:11:19 +0300

park jongseong // �� '��'

enhypen / 20.04.2002 / 23 / yoo jimin

yoo jimim

mybb@mybb.ru (yoo jimin) — Sat, 10 May 2025 19:10:54 +0300

yoo jimin // � �� '��'

aespa / 11.04.2000 / 25 / jay park

jackson wang

mybb@mybb.ru (jackson wang) — Sat, 10 May 2025 18:25:58 +0300

jackson wang // �� 

got7 / 28.03.1994 / 31 / shin yuna

shin yuna

mybb@mybb.ru (shin yuna) — Sat, 10 May 2025 18:15:51 +0300

shin yuna // �� 

itzy / 9.12.2003 / 21 / jackson wang

christian yu

mybb@mybb.ru (christian yu) — Sat, 10 May 2025 18:01:08 +0300

christian yu // �� 

dpr ian / 6.09.1990 / 34 / han sohee

han sohee

mybb@mybb.ru (han sohee) — Sat, 10 May 2025 17:42:08 +0300

han sohee // �� 

actress / 18.11.1993 / 31 / christian yu

bang chan

mybb@mybb.ru (bang chan) — Sat, 10 May 2025 17:20:28 +0300

bang chan // �� '��'

stray kids / 3.10.1997 / 27 / hwang yeji

hwang yeji

mybb@mybb.ru (hwang yeji) — Sat, 10 May 2025 16:10:40 +0300

[html]<style>

/*==================================================
IOS CHARACTER TEMPLATE
==================================================*/

:root{

/* �� */

--width:610px;

--gap:12px;

--radius:22px;

--photo-radius:18px;

/* �� */

--background:#f5f5f7;

--card:#ffffff;

--border:#e8e6e7;

--accent:#643341;

--text:#1d1d1f;

--secondary:#9b9ba0;

/* �� */

--shadow:
0 2px 6px rgba(0,0,0,.02),
0 12px 36px rgba(0,0,0,.05);

}

/*==================================================*/

margin:0;
padding:0;
box-sizing:border-box;

}

.character{

width:var(--width);

margin:auto;

font-family:
-apple-system,
BlinkMacSystemFont,
"SF Pro Display",
"Segoe UI",
sans-serif;

color:var(--text);

}

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

.header{

display:flex;

align-items:baseline;

flex-wrap:wrap;

gap:8px;

padding:0 0 18px;

margin-bottom:18px;

border-bottom:1px solid var(--border);

}

.header-name{

font-size:31px;

font-weight:700;

letter-spacing:-.04em;

line-height:1;

white-space:nowrap;

}

.nickname{

color:var(--accent);

font-style:italic;

font-weight:500;

}

.header-age{

font-size:13px;

font-weight:500;

letter-spacing:.05em;

text-transform:uppercase;

color:var(--secondary);

white-space:nowrap;

}

/*==================================================
GRID
==================================================*/

.info{

display:grid;

grid-template-columns:
110px
175px
175px
110px;

gap:var(--gap);

margin-bottom:18px;

}

/*==================================================
CARDS
==================================================*/

.card,
.box{

background:var(--card);

border:1px solid var(--border);

border-radius:var(--radius);

box-shadow:var(--shadow);

overflow:hidden;

}

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

.title{

padding:11px;

background:#fafafa;

border-bottom:1px solid var(--border);

font-size:10px;

font-weight:700;

letter-spacing:.16em;

text-transform:uppercase;

text-align:center;

color:var(--accent);

}

/*==================================================
VALUES
==================================================*/

.value{

padding:18px 14px;

font-size:13px;

line-height:1.6;

text-align:center;

}

/*==================================================
PHOTOS
==================================================*/

.photo{

aspect-ratio:175 / 190;

border-radius:var(--photo-radius);

overflow:hidden;

}

.photo img{

display:block;

width:100%;

height:100%;

object-fit:cover;

object-position:center;

transition:.35s;

}

.photo:hover img{

transform:scale(1.04);

}

/*==================================================
SOUNDTRACK
==================================================*/

.music{

display:flex;

justify-content:center;

align-items:center;

padding:18px;

margin-bottom:18px;

font-size:13px;

font-weight:600;

color:var(--accent);

text-align:center;

letter-spacing:.03em;

}

/*==================================================
BIO
==================================================*/

.bio{

padding:28px;

min-height:260px;

font-size:14px;

line-height:1.9;

text-align:justify;

}

/*==================================================
SCROLLBAR
==================================================*/

::-webkit-scrollbar{

width:5px;

}

::-webkit-scrollbar-thumb{

background:var(--accent);

border-radius:10px;

}

</style>
<div class="character">

<div class="header-name">
HWANG <span class="nickname">YEJI</span>
</div>

</div>

<div class="value">
hwang yeji
</div>

</div>

</div>

</div>

<div class="value">
Seoul
</div>

</div>

♪ britney spears - toxic

</div>

<br>

</div>

[/html]

��

mybb@mybb.ru (queenie) — Sat, 10 May 2025 16:06:55 +0300

�� // �� 
-- -- --
�� / �� / �� / ��

��:

[quote][align=center]
[b][font=Mak Light][size=18]��� �� ���� // ��� �� ���[/size][/font][/b]
[img]��������[/img] [img]��������[/img] [img]��������[/img]
[font=Mak Light]������ / ���� �������� / ������� / ����[/font]
[/align][/quote]

queencard

�����

������ ���

������ ���������

hwang hyunjin

������ ����������

na goeun

kim mingyu

shin ryujin

jay park

yoo jimim

jackson wang

shin yuna

christian yu

han sohee

bang chan

hwang yeji

������ ������

��

��

��

��

��