:root{--blue:#3C91B4;--black:#151515;--text:#555555;--white:#ffffff;--gray:#EFF1F2}
::-webkit-scrollbar-track{background-color:var(--white)}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-thumb{background-color:var(--blue)}
@media (min-width: 1246px) {
.container{width:1246px}
}
a,a:hover{color:var(--blue)}
a{transition:.5s}
a:hover{text-decoration:none}
body{font-family:"Ubuntu Sans",sans-serif;color:var(--text)}
body,html{height:100%}
input{border-radius:0;}
.page_wrapper{display:flex;flex-direction:column;min-height:100vh;overflow:hidden}
footer{margin-top:auto}
.alert{background:var(--blue);color:var(--white);font-size:18px;text-align:center;border-color:var(--blue);position:fixed;top:50%;left:50%;max-width:95%;width:500px;padding:40px;transform:translate(-50%,-50%);z-index:1}
.alert>.close{position:absolute;opacity:1;text-shadow:none;top:10px;right:20px}
.mm-wrapper_opened .hamburger--spin .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}
.mm-wrapper_opened .hamburger--spin .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}
.mm-wrapper_opened .hamburger--spin .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}
input,button,select,textarea,a{outline:none!important}
header{padding:30px 0}
.logo_center{display:flex;justify-content:center}
.links_list{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.link_item{border-radius:10px;background:var(--gray);color:var(--black);font-size:19px;padding:45px 40px;display:flex;align-items:center;line-height:1;gap:10px;justify-content:space-between}
.home_page{padding:60px 0}
.header_inner{display:flex;justify-content:space-between;align-items:center;gap:20px}
.auth_btns{display:flex;gap:10px}
.bt.blue_bor{color:var(--blue);border-color:var(--blue);background:transparent}
.bt.blue{background:var(--blue);border-color:var(--blue);color:white}
.bt{display:inline-flex;line-height:1;border-width:1px;border-style:solid;font-weight:700;border-radius:7px;padding:10px 20px;justify-content:center;gap: 6px;}
.news_lane{background:var(--gray);color:var(--black);padding:15px 0;line-height:1.1;font-weight:400}
.news_lane span{margin-right:40px}
.page_pad{padding:30px 0 50px}
.alert_link{background:#3C91B41A;border-radius:7px;padding:7px 20px;display:flex;align-items:center;gap:15px;justify-content:center;font-size:17px;font-weight:800}
.h2_title{font-size:30px;line-height:1.1;color:var(--black)}
.mb30{margin-bottom:30px}
.mb20{margin-bottom:20px}
.centered{text-align:center;margin-right:auto;margin-left:auto}
.levels_wrapper{display:flex;gap:7px;border:1px solid #151515;border-radius:7px;padding:12px 10px}
.level_arrow{background:#E4E4E4;display:flex;align-items:center;justify-content:center;border-radius:3px;min-width:30px}
.level_btn{color:#424B5A;border:1px solid #D9D9D9;border-radius:7px;display:flex;justify-content:center;align-items:center;line-height:1;height:34px}
.level_btn.current{background:var(--blue);border-color:var(--blue);color:white}
.cw_rate_btn{--width:36px;background:#EBF4F7;width:var(--width);height:var(--width);min-width:var(--width);display:flex;align-items:center;justify-content:center;border-radius:50%}
.cw_bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}
.cw_rate{display:flex;align-items:center;gap:16px}
.cw_rate_item{display:flex;align-items:center;font-size:14px;line-height:1;font-weight:500;gap:6px;margin-bottom:0;position:relative}
.cw_comment_btn{background:#3C91B41A;border-radius:7px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--blue);line-height:1;padding:8px 24px}
footer{position:fixed;left:0;bottom:0;width:100%;z-index:1;border-top:1px solid #E8E8E8;border-radius:20px 20px 0 0;padding:16px;background:white}
.social{display:flex;justify-content:center;gap:10px}
.social a{border:1px solid var(--blue);width:50px;height:36px;border-radius:7px;display:flex;align-items:center;justify-content:center}
.page_wrapper{padding-bottom:70px}
.crossword_wrapper{margin-bottom:25px}
.crossword_wrapper img{width:100%}
.login_popup{position:fixed;bottom:0;height: 600px;max-height: calc(100vh - 100px);overflow:auto;background:white;left:0;width:100%;padding:40px 0 20px;bottom:-100vh;transition:bottom .4s ease-out;pointer-events:none;opacity:0;z-index:1}
.login_popup.visible{bottom:0;pointer-events:auto;opacity:1}
.h1_title{color:var(--black);font-size:33px;line-height:1.1}
.font20{font-size:20px}
.mb40{margin-bottom:40px}
.login_tabs{display:flex;border:1px solid #C3C3C3;border-radius:10px}
.login_tab{width:100%;text-align:center;padding:8px;margin:-1px;color:#3C91B4;font-weight:700;cursor:pointer;transition:.5s}
.login_tab.active{background:var(--blue);color:white;border-radius:10px}
.login_popup .container{padding-right:22px;padding-left:22px}
.text{line-height:1.2}
.login_content{padding:30px 0;display:none}
.login_field label{color:#555555;font-size:18px;line-height:1.1;font-weight:normal;margin-bottom:15px}
.required:after{content:"*";color:#FF0000;margin-left:5px}
.required{position:relative}
.login_field{margin-bottom:20px}
.login_input{background:#F5F5F5;border-radius:4px;border:none;color:var(--black);font-size:17px;padding:13px 16px;width:100%}
.login_input::placeholder{color:#999999}
.field_note{color:#666666;font-size:13px;line-height:1.2;margin-top:9px}
.login_content .bt{width:100%;text-align:center;font-size:17px;padding:16px}
.login_popup::-webkit-scrollbar{width:0}
.close_login_popup{display:none;cursor:pointer}
.hamburger{padding:0}
.hamburger-box{width:18px;height:12px}
.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{width:18px;height:2px;border-radius:0}
.hamburger-inner:before{top:-7px}
.hamburger-inner:after{bottom:-7px}
.circle_icon{border:1px solid #AFAFAF;--width:40px;width:var(--width);min-width:var(--width);height:var(--width);border-radius:50%;display:flex;align-items:center;justify-content:center}
.profile_btns{display:flex;gap:10px}

.menu_wrapper{position:relative}
.menu_dropdown{position:absolute;top:calc(100% - 15px);right:0;background:white;width:248px;border-radius:7px;z-index:1;padding:30px 25px;text-align:right;border:1px solid #BABABA;display:none}
.menu_dropdown ul{list-style:none;padding-left:0;margin-bottom:0}
.menu_dropdown ul li{line-height:1.1;font-size:17px;font-weight:500}
.menu_dropdown ul li a{color:var(--black)}
.menu_dropdown ul li:not(:last-child){margin-bottom:17px}

.popup_window::-webkit-scrollbar{width:0}
.popup_window .container{padding-right:10px;padding-left:10px;width: 100%;}
.popup_window:before{position:absolute;content:"";left:50%;top:15px;height:2px;width:40px;background:var(--black);transform:translateX(-50%)}
.bt.pp_btn{font-size:17px;padding:17px;margin-top:30px;width: 500px;max-width: 100%;margin-right: auto;margin-left: auto;display: table;text-align: center;}
.popup_text{color:#555555;font-size:15px;text-align:center;line-height:1.3;margin-top: 25px;}

.comments_title{text-align:center;line-height:1;font-size:17px;font-weight:500;color:var(--black);margin-bottom:30px}
.comment_ava{--width:40px;width:var(--width);height:var(--width);min-width:var(--width);border-radius:50%}
.comment_ava img{width:100%;height:100%;object-fit:cover}
.comment_item{display:flex;align-items:flex-start;gap:14px}
.comment_username{color:var(--black);font-weight:500;text-transform:uppercase;line-height:1.1;margin-bottom:10px}
.comment_text{font-size:13px;line-height:1.4}
.comment_text :last-child{margin-bottom:0}
.comment_reply{color:#555555;font-size:13px;font-weight:500;margin-top:10px}
.comment_item:not(:last-child){margin-bottom:20px}

.backdrop_in{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:999;display:none;opacity:0;transition:opacity .3s ease}
.backdrop_in.visible{opacity:1;display:block}
.popup_window{position:fixed;bottom:0;left: 50%;width:100%;max-height:calc(100vh - 78px);overflow:auto;z-index:1000;background:white;border-radius:40px 40px 0 0;padding:35px 0;transform: translate(-50%,100%);transition:transform .4s cubic-bezier(0.25,0.46,0.45,0.94);pointer-events:none;min-height: 284px;}
.popup_window.visible{transform:translateY(0);pointer-events:auto}
.popup_window.dragging{transition:none}


.cw_rate_item input{position:absolute;z-index:-1;left:0;width:0}
.cw_rate_item input:checked + .like{background:#4CD964}
.cw_rate_item input:checked + .dislike{background:red}
.cw_rate_item input:checked + .cw_rate_btn svg *{fill:white}

.spell_direction{color:#777777;font-size:20px;font-weight:300;line-height:1.1;text-align:center;margin-bottom:15px}
.word_descr{font-size:20px;font-weight:500;color:var(--black);line-height:1.2;text-align:center;margin-bottom: 25px;}
.letter_input{max-width:100%;width:45px;height:45px}
.letters_row{display:flex;border:2px solid #151515;border-radius:5px;overflow:hidden}
.letter_input input{width:100%;padding:0;text-align:center;border:none;height:100%;font-size:22px;font-weight:600}
.letter_input:not(:last-child){border-right:2px solid #151515}
.letter_input input.green{background:#4CD964;color:white}
.letter_input input.red{background:#FF5757;color:white}
.spell_bottom{display:flex;margin-top:40px;max-width: 100%;margin-right: auto;margin-left: auto;justify-content: space-between;}


.share_icon{--width:36px;width:var(--width);min-width:var(--width);height:var(--width);background:var(--blue);border-radius:50%;display:flex;align-items:center;justify-content:center}
.dropdown_block{padding:35px 0 0;display: none;}
.dropdown_title{color:#777777;font-size:17px;line-height:1.1;margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #DFDFDF}
.share_btn{display:flex;color: #666666;font-size: 14px;font-weight:500;line-height:1.1;align-items:center;position:relative;gap: 10px;margin-left: 25px;}
.soc_icon{border:1px solid #BCBCBC;--width:30px;width:var(--width);min-width:var(--width);height:var(--width);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:28px}
.share_link{display:flex;width:100%;color:#151515;font-size:18px;font-weight:500;line-height:1.1;padding: 12px 23px 12px 0;border-bottom:1px solid #DFDFDF;align-items:center;position:relative}
.share_link:after{content:url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="1" width="22" height="22" rx="11" stroke="%233C91B4" stroke-width="2"/><path d="M9.96191 7.92438L14.0376 11.9999L9.96191 16.0756" stroke="%233C91B4" stroke-width="2"/></svg>');margin-left:auto}
.share_btn.active .share_icon{background:#9CCDE2}


.author_info{display:flex;align-items:center;justify-content:space-between;margin-top:20px}
.author_profile{display:flex;align-items:center;gap:10px;line-height:1}
.author_title{color:#777777;margin-bottom:5px}
.author_name{color:#151515}
.author_aside{font-size:14px}
.author_info .bt{font-size:16px}

.word_number{position:absolute;top:2px;left:2px;color:#8B8B8B;font-size:19px;line-height:1}
.letters_row{position:relative}
.donat_toggle.active{background:#9CCDE2;border-color:#9CCDE2}
.donat_toggle img{width:12px}
.comment_top{color:#A2A2A2;font-size:13px;line-height:1;text-transform:uppercase;margin-bottom:5px}
.popup_form{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;width: 500px;margin-right: auto;margin-left: auto;max-width: 100%;}
.popup_form input,.popup_form button{height:74px;border-radius:7px}
.popup_form button{font-size:16px;align-items:center}
.input_field{border:1px solid #CCCCCC;color:var(--black);padding:10px 20px}
.popup_form input{width:100%}
.input_field::placeholder{color:#777777}
.popup_icon{font-size:135px;display:flex;justify-content:center;line-height:1;margin-bottom:50px}
.popup_title{text-align:center;color:var(--black);font-size:35px;line-height:1.1;font-weight:500}
.popup_text2{text-align:center;margin-top:30px;font-size:20px;line-height:1.2}
.popup_window_center{display:flex;flex-direction:column;justify-content:center}
.popup_window.completePopup{min-height:526px}

.header_border{border-bottom:1px solid #E8E8E8;border-radius:0 0 30px 30px}
.page_title{font-size:23px;color:var(--black);line-height:1.1}
.border_bot{padding-bottom:25px;border-bottom:1px solid #E4E4E4}
.mb50{margin-bottom:50px}
.page_pad_inner{padding:25px 0 50px}
.profile_box_cell{position:relative;display:flex;align-items:center;gap:10px;font-weight:normal;margin-bottom:0;padding:14px 32px;font-size:14px;color:var(--black)}
.profile_box_cell input[type="file"]{position:absolute;left:0;width:0;opacity: 0;}
.profile_box_cell:not(:last-child){border-bottom:1px solid #E4E4E4}
.profile_box{border:1px solid #E4E4E4;border-radius:10px}
.profile_box_cell > span{color:#666666}
.profile_box_cell:after{content:url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="1" width="22" height="22" rx="11" stroke="%233C91B4" stroke-width="2"/><path d="M9.96191 7.92438L14.0376 11.9999L9.96191 16.0756" stroke="%233C91B4" stroke-width="2"/></svg>');margin-left:auto}
.profile_box_cell.profile_box_cell_last:after{display:none}
.profile_box_cell_last .bt{margin-top:0;font-size:15px;padding:10px}
.profile_page{display:flex;flex-wrap:wrap;gap:20px}
.profile_box{max-width:100%;width:375px}
.profile_box.profile_box2{padding:17px 32px}
.acc_balance{display:flex;align-items:center;gap:10px;color:var(--black);font-size:18px;font-weight:500;line-height:1}
.mb15{margin-bottom:15px}
.profile_box .bt.pp_btn{margin-top:0}
.page_back{display:flex;align-items:center;gap:10px;color:#999999;font-size:15px;padding-left:20px}
.field_wrap label,.field_wrap input{width:100%}
.edit_form{display:flex;flex-wrap:wrap;gap:22px}
.mb45{margin-bottom:45px}
.field_wrap{width:370px;max-width:100%}
.field_wrap label{color:#555555;font-size:18px;font-weight:normal;margin-bottom:14px;line-height:1}
.bt.submit_btn{width:370px;max-width:100%;font-size:17px;padding:18px}
.st_field{background:#F5F5F5;border-radius:4px;border:none;color:var(--black);font-size:17px;padding:13px 15px}
.st_field::placeholder{color:#999999}
.trans_list_title{border-bottom:1px solid #E4E4E4;color:#151515;font-size:18px;line-height:1.1;padding:0 0 20px 20px}
.trans_list_item{padding:20px;border-bottom:1px solid #E4E4E4;line-height:1.2}
.trans_sum{font-size:18px;color:var(--black);margin-bottom:10px}
.trans_date{font-size:14px}
.table_wrap th{color:#888888;font-weight:normal;line-height:1}
.table_wrap th,.table_wrap td{font-size:18px;padding:16px 12px}
.table_wrap td{color:#151515}
.table_wrap td:first-child,.table_wrap th:first-child{padding-left:0}
.table_wrap td:last-child,.table_wrap th:last-child{padding-right:0}
.table_wrap table{width:100%}
.table_wrap thead{border-bottom:1px solid #E4E4E4}
.table_wrap tbody tr{border-bottom:1px solid #E4E4E4}
.black{color:var(--black)}
.semi{font-weight:600}
.vote_btn.cw_rate_item{font-size:18px;font-weight:500;background:transparent;border:none;padding:0}
.vote_btn .cw_rate_btn{--width:28px;background:#8697B4}
.td_title{margin-bottom:7px}
.td_attr{margin-bottom:12px;display:flex;flex-wrap:wrap;gap:10px 24px}
.vote_btn .cw_rate_btn svg{width:14px;height:auto}
.vote_btn .cw_rate_btn svg *{fill:white}
.def_list_item{display:flex;align-items:center;gap:10px;justify-content:space-between;font-size:18px;color:var(--black);padding:20px 0;border-bottom:1px solid #E4E4E4;line-height:1.2}
.def_list_item:after{content:url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="1" width="22" height="22" rx="11" stroke="%233C91B4" stroke-width="2"/><path d="M9.96191 7.92438L14.0376 11.9999L9.96191 16.0756" stroke="%233C91B4" stroke-width="2"/></svg>')}
.list_title{color:#555555;font-size:18px;line-height:1.1}
.back_link{display:flex;align-items:center;gap:10px;color:#555555;font-size:15px}
.back_link:before{content:url('data:image/svg+xml,<svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.73706 0.353561L0.707031 4.38353L4.73706 8.41356" stroke="black"/></svg>')}
.font15{font-size:15px}
.popup_form.def_form{grid-template-columns:1fr;gap:25px}
.text_title{font-size:18px;font-weight:500;line-height:1.1;margin-bottom:25px}
.guide_img img{max-width:100%;border:1px solid #000000;border-radius:10px}
.img_note{line-height:1.1;margin-top:20px;color:#555555;font-size:15px}
.letters_row_center {
    display: flex;
    justify-content: center;
}

.comment_form {
    display: flex;
    gap: 10px;
    margin-top: 40px;
}

.comment_field {
    position: relative;
    width: 100%;
}

.openEmojis {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    z-index: 1;
}

.user_avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.user_avatar {
    --width: 44px;
    width: var(--width);
    height: var(--width);
    min-width: var(--width);
}

.comment_field input {
    width: 100%;
    border: 1px solid #000000;
    border-radius: 10px;
    height: 44px;
    font-size: 15px;
    padding: 10px 20px;
}


        .crossword_grid {
            display: grid;
            width: 100%;
            aspect-ratio: 1 / 1;
            max-width: 100%;
            margin: 20px auto 50px;
            border: 1px solid #333;
        }

        .grid_cell {
            position: relative;
            border: 1px solid #333;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.8rem;
            font-weight: bold;
            color: #333;
            cursor: pointer;
            user-select: none;
            background-color: #fff;
        }
        .grid_cell.black {
            background-color: #333;
            border: none;
            cursor: default;
        }
        .grid_cell:not(.black):hover {
            background-color: #e6f7ff;
        }

        .cell_number {
            position: absolute;
            top: 0px;
            left: 1px;
            font-size: 1rem;
            font-weight: normal;
        }


.copyright {
    color: #FFFFFF;
    font-size: 14px;
}

.popup_window .close_popup {position: absolute;right: 20px;top: 20px;}


.footer-links a {
    color: #FFFFFF;
    font-size: 14px;
    display: block;
}