body, html{font-family:system-ui, -apple-system, sans-serif;line-height:1.5;min-width:980px;color:#334155;background:#ffffff;margin:0;font-optical-sizing:auto;font-size:15px;}
.none{display:none!important}::selection{background:#1e40af;color:#fff;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin: 0;
padding: 0;
border: 0;
} a{text-decoration:none;color:#2563eb;transition:color 0.2s ease;}
a:hover{color:#1d4ed8;}
.post a{border-bottom:1px dashed #2563eb;color:#2563eb;}
.post a:hover{border-bottom:1px dashed #1d4ed8;color:#1d4ed8;}
#main-container-single .post figure a, #main-container-single .post figure a:hover{border-bottom:none;}
a:focus{outline:none;}
svg{overflow:visible;}
summary{list-style-type:none;cursor:pointer;outline:none;border-radius:6px;padding:8px 12px;background:#f8fafc;border:1px solid #e2e8f0;color:#334155;}
summary:hover{background:#eff6ff;}
details{display:inline-block;margin:4px 0;}
details > summary::before{content:"+ ";}
details[open] > summary::before{content:"↓ ";}
details[open]{width:100%;}
details[open] > summary{margin-bottom:6px;display:block;}
sup,sub{height:0;line-height:1;vertical-align:baseline;position:relative;font-size:.9rem;}
sup{bottom:1ex;}
sub{top:.5ex;}
table{border-collapse:collapse;border-spacing:0;}
blockquote,q{quotes:none;font-size:1.2rem;font-style:italic;padding:3px 10px 6px 25px;}
.center{margin:0 auto;text-align:center;}
.bold{font-weight:bold;}
hr{border:0;margin:15px 0;clear:both;border-top:1px solid #e2e8f0;}
h1{color:#1e293b;font-weight:bold;font-size:1.6rem;}
h2{color:#1e293b;font-weight:bold;font-size:1.3rem;padding:0;}
ul{margin-left:24px;}
.wp-caption-text, .gallery-caption{font-weight:normal;}
.alignleft{float:left;}
.alignright{float:right;}
#top{box-sizing:border-box;user-select:none;position:fixed;height:100%;width:48px;display:none;justify-content:center;align-items:center;transition:.2s;}
#top img{max-width:16px;}
#top:hover{transition:.2s;width:56px;background:#cbd5e1;}
#navigation{position:relative;min-width:980px;display:flex;z-index:50;background:#0f172a;user-select:none;max-width:100%;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);}
#navigation a{display:flex;align-items:center;line-height:1;color:#f8fafc;padding:0 15px;font-size:1.1rem;text-decoration:none;}
#navigation ul{list-style-type:none;margin-left:0;}
#navigation ul a{padding:22px 15px;}
#navigation ul li{display:inline-block;}
.menu-item-has-children a:after{line-height:0;color:#94a3b8;margin-left:4px;content:' ▾';}
.menu-item-has-children .sub-menu a:after{content:'';}
.current-post-ancestor .current-post-parent, ul ul .current-menu-item{border-left:3px solid #3b82f6;}
#navigation ul li:hover ul{display:block;}
#navigation ul ul{padding:6px 0 8px;position:absolute;margin-left:-3px;max-width:220px;line-height:42px;background:#ffffff;border:1px solid #e2e8f0;border-radius:8px;display:none;transition:.2s;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);}
#navigation ul ul a{font-size:1rem;color:#334155;margin:0 6px;border:1px solid transparent;border-radius:6px;padding:12px 14px;line-height:1.3;}
#navigation #logo:hover, #navigation a:hover, #navigation #s_1:hover, #navigation #admin:hover{background:#1e293b;}
#navigation ul ul a:hover{background:#f1f5f9;color:#2563eb;}
#navigation ul ul li{box-sizing:border-box;width:100%;}
#navigation ul li:hover ul{opacity:1;transform:translateY(0);}
#help_menu{display:flex;}
#admin{display:flex;align-items:center;padding:0 15px;}
#admin svg{color:#f8fafc;}
#login svg, #search-icon svg, #logo svg{margin-right:8px;}
#navigation #logo{font-size:1.3rem;}
#modal_text{text-align:center;margin:24px 0 36px;}
#ss{width:400px;border:1px solid #cbd5e1;font-size:1.1rem;line-height:1.5;outline:none;border-radius:8px;padding:16px;transition:.2s;box-shadow:0 2px 4px rgba(0, 0, 0, 0.05);}
#ss:focus{border-color:#2563eb;ring:2px solid #bfdbfe;}
#ssub{font-size:1.1rem;line-height:1.5;border-radius:8px;cursor:pointer;background:#2563eb;color:#fff;margin:0 0 0 4px;border:none;padding:16px 32px;transition:.2s;}
#ssub:hover{background:#1d4ed8;box-shadow:0 4px 12px rgba(37, 99, 235, 0.3);}
#ssub:active{background:#1e40af;transform:translateY(2px);}
#main-container-home, #main-container, #main-container-single, #main-container-page{margin:48px auto;min-height:100vh;width:calc(100% - 240px);max-width:1400px;}
#main-container-single{max-width:800px;}
#main-container .article .add_post{width:100%;}
#main-container-page .post{margin-top:16px;}
#main-container-home .category{margin-top:8px;}
#main-container .article{display:flex;flex-direction:row-reverse;}
.article #page_1{background:#f8fafc;border:1px solid #e2e8f0;margin:12px 0;border-radius:8px;padding:4px 8px;color:#334155;display:flex;justify-content:space-around;}
.title{display:inline-block;margin-bottom:18px;width:100%;box-sizing:border-box;}
.title h1{display:inline-block;line-height:1.2;font-size:1.6rem;}
.title p{margin-top:6px;color:#64748b;}
.title h1::first-letter, .title p::first-letter{text-transform:uppercase;}
#razd{display:block;}
#razd a{color:#2563eb;}
#razd a:hover{color:#1d4ed8;}
#btn_now{cursor:pointer;}
#btn_now img{width:18px;height:18px;transform:rotate(-20deg);transition:.5s;}
#btn_now img:hover{transform:rotate(-40deg);transition:.3s;}
.category{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:10px;}
#category_home{margin:10px -5px 14px;display:flex;flex-wrap:wrap;justify-content:center;}
#category_home figure{line-height:0;max-width:200px;display:flex;}
#category_home figure a{border:1px solid #e2e8f0;background:#f8fafc;border-radius:12px;width:100%;position:relative;margin:6px;padding:8px;text-decoration:none;}
#category_home a:hover{background:#eff6ff;border-color:#bfdbfe;}
#category_home img{object-fit:cover;width:100%;height:160px;border-radius:8px;}
#category_home figcaption{line-height:1.2;width:100%;padding:8px 4px 4px;margin:0;color:#475569;font-size:.9rem;font-weight:bold;}
#title_home_small{width:100%;background:#3b82f6;color:#fff;border-radius:8px;font-size:1.4rem;font-weight:bold;padding:14px 22px;margin-bottom:12px;line-height:1.2;}
#title_home_small:hover{transition:.2s;background:#2563eb;text-decoration:none;}
#filters{margin:12px 0 18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
#filters select{appearance:none;background:#fff;border:1px solid #cbd5e1;padding:10px 36px 10px 12px;border-radius:8px;min-width:180px;max-width:360px;line-height:1;transition:all .2s ease;cursor:pointer;position:relative;}
#filters select:hover{outline:none;border-color:#94a3b8;box-shadow:0 4px 12px rgba(0, 0, 0, 0.05);}
#filters noscript, .archive-filters .no-js-button{display:none;}
.excerpt-category{display:flex;flex:0 0 calc(50% - 4px);}
.excerpt-category a{display:flex;transition:.2s;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;width:100%;text-decoration:none;padding:0;color:#334155;box-shadow:0 2px 4px rgba(0, 0, 0, 0.05);}
.excerpt-category a:hover{border:1px solid #3b82f6;box-shadow:0 4px 12px rgba(59, 130, 246, 0.15);transform:translateY(-1px);}
.excerpt-category .featured-thumbnail{overflow:hidden;background:#f1f5f9;aspect-ratio:4/3;position:relative;line-height:0;width:45%;display:flex;justify-content:center;}
.excerpt-category a img{width:100%;height:100%;object-fit:cover;}
.excerpt-category a h2{font-size:1.1rem;line-height:1.2;margin:4px 0;}
.excerpt-category .help{line-height:1;margin:0;position:absolute;bottom:5px;padding:5px 4px;backdrop-filter:blur(4px);background:rgba(30, 41, 59, 0.7);border:1px solid rgba(255, 255, 255, 0.2);border-radius:6px;color:#fff;font-size:.75rem;}
.excerpt-category .help img{width:.7rem;margin-right:4px;}
.excerpt-category .help span{margin:0 3px;display:flex;align-items:center;}
.post-content-category{flex:1;padding:4px 12px 14px;}
.ban_cat{overflow:hidden;vertical-align:top;min-height:90px;max-height:120px;display:inline-block;max-width:100%;}
#main-container-home .ban_cat{display:block;margin:16px auto 12px;}
#main-container-single .ban_cat{width:100%;margin:6px auto;}
#main-container > .ban_cat{margin:6px 3px 12px;}
.category .ban_cat{max-height:140px;border-radius:8px;display:flex;width:calc(33.33% - 10px);margin:0;}
#main-container-page .ban_cat{margin:24px 0 36px;}
#tags .ban_cat{padding-top:15px;max-height:160px;}
.post .helper_draft{background:#fee2e2;color:#b91c1c;padding:12px;margin:10px 0;border-radius:6px;border:1px solid #fecaca;}
#title-single h1{display:inline;min-height:58px;font-size:1.9rem;line-height:1.4;}
#category_single{display:flex;align-items:center;margin:12px 0;border-top:1px dashed #e2e8f0;border-bottom:1px dashed #e2e8f0;}
#category_single a{padding:4px 8px;color:#475569;}
#category_single a:hover{background:#f1f5f9;}
#category_single svg{margin:-8px 16px 0 0;}
#views{padding-right:6px;}
#main-container-single .post-edit-link{text-decoration:none;display:inline-block;border-radius:6px;margin:4px 6px 4px 0;padding:8px 14px;background:#f8fafc;border:1px solid #e2e8f0;color:#334155;}
#main-container-single .post-edit-link:hover{background:#f1f5f9;border-color:#cbd5e1;}
#single .post{font-size:1.1rem;margin-top:18px;}
.post iframe{max-width:80%;display:block;margin:14px auto 8px;border-radius:8px;}
.post h2{margin:10px 0 2px;}
.post p{padding:4px 0 8px;}
.post ul{list-style-type:square;margin:2px 12px 8px 24px;}
.post .help_post ul{padding:6px 0;}
ol{padding:2px 12px 8px 24px;}
.post ul li, .post ol li{width:fit-content;margin-bottom:4px;}
.select{user-select:all;}
.help-single{display:flex;align-items:center;font-weight:bold;margin-left:6px;font-size:1.4rem;user-select:none;padding:9px 18px;border-radius:8px;color:#334155;border:1px solid #e2e8f0;text-align:center;float:right;background:#f8fafc;}
#main-container .help-single img{display:block;max-height:23px;margin-right:8px;}
#post_bonus .help_green{color:#fff;background:#10b981;}
#post_bonus{float:right;}
#main-container-single .post .single_expl a{color:#3b82f6;}
#main-container-single .post .single_expl a:hover{color:#1d4ed8;}
#main-container-single .post .single_expl img{margin-right:5px;border-radius:2px;user-select:none;}
#altern h2{margin:8px 0 6px;}
.post img{max-width:100%;border-radius:6px;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);}
.wp-caption .aligncenter a{padding:0 0 50%;}
.wp-caption{text-align:center;margin:10px 0;}
.aligncenter figcaption{margin-top:0;}
.pswp__caption__center{max-width:90%;}
.gallery-icon{line-height:1.4;text-align:center;}
.gallery{margin:12px 0 10px;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;}
.gallery a{display:inline-block;max-width:100%;height:100%;}
.gallery-item{flex:1 1 calc(25% - 28px);width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.gallery img{aspect-ratio:5/3;height:auto;object-fit:cover;}
.gallery-columns-1 img{border-radius:12px;aspect-ratio:auto;}
.gallery figcaption{color:#64748b;font-size:.9rem;margin:0;font-style:italic;text-align:center;width:100%;}
.post figure a{cursor:zoom-in;border-radius:6px;max-width:100%;}
.gallery-columns-1 figure, .gallery-columns-2 figure, .gallery-columns-5 figure:nth-child(1), .gallery-columns-5 figure:nth-child(2), .gallery-columns-5 figure:nth-child(9), .gallery-columns-5 figure:nth-child(10), .gallery-columns-7 figure:nth-child(1), .gallery-columns-7 figure:nth-child(2), .gallery-columns-7 figure:nth-child(6), .gallery-columns-7 figure:nth-child(7), .gallery-columns-4 figure{flex:1 1 calc(50% - 28px);}
.gallery-columns-3 figure, .gallery-columns-7 figure, .gallery-columns-5 figure{flex:1 1 calc(100% / 3 - 30px);}
.comments-area{margin-top:20px;}
.comments-title{color:#1e293b;margin:20px 0;text-align:center;}
#comment-list{display:inline-block;width:100%;list-style:none;margin:0 0 12px;padding:0;}
#comment-list > li{display:flex;flex-direction:column;margin-bottom:20px;padding:8px 15px;border-left:3px solid #e2e8f0;transition:all 0.3s ease;}
#comment-list > li:hover{box-shadow:0 4px 12px rgba(0, 0, 0, 0.05);border-left-color:#3b82f6;}
#comment-list ol{margin-left:-5px;padding:0;list-style:none;}
#comment-list ol li{margin-bottom:14px;padding:8px 15px;border-left:1px solid #cbd5e1;}
.comment-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.comment-author{font-weight:600;color:#1e293b;}
.comment-edit a, .comment-spam-link{color:#2563eb;text-decoration:none;font-size:.9rem;}
.comment-edit a:hover, .comment-spam-link:hover{text-decoration:underline;}
.comment-content{margin:12px 0 14px;color:#475569;line-height:1.6;}
#commentform{margin-top:20px;}
#commentform label{display:block;margin-bottom:5px;font-weight:500;color:#334155;}
#commentform{min-width:100%;max-width:100%;margin-bottom:15px;box-sizing:border-box;}
#commentform textarea{background:#fff;box-sizing:border-box;border:1px solid #cbd5e1;resize:none;width:100%;padding:12px 8px;border-radius:6px;transition:border-color 0.3s ease;height:80px;}
#commentform textarea:focus{border-color:#3b82f6;outline:none;}
.form-submit{margin-top:8px;display:flex;justify-content:end;}
#commentform input{display:none;border-radius:8px;cursor:pointer;background:#2563eb;color:#fff;margin:0 0 0 4px;border:none;padding:12px 26px;transition:.2s;}
#commentform input:hover{background:#1d4ed8;box-shadow:0 4px 12px rgba(37, 99, 235, 0.3);}
#commentform input:active{background:#1e40af;transform:translateY(2px);}
.form-submit .btn-submit-custom{display:inline-block;background-color:#2563eb;color:#fff;border-radius:6px;padding:12px 24px;cursor:pointer;transition:background-color 0.3s ease;border:none;font-size:1rem;}
.must-log-in{padding:18px 8px;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:18px;text-align:center;background:#f8fafc;}
.must-log-in a{border-bottom:1px dashed #2563eb;}
.must-log-in a:hover{border-bottom:1px solid #2563eb;}
.load-more-button{display:block;width:100%;padding:12px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color 0.3s ease;margin-top:20px;font-weight:500;}
.load-more-button:hover{background-color:#1d4ed8;}
.comment-reply{order:1;}
.comment-reply a{color:#2563eb;text-decoration:none;font-size:.9rem;}
.comment-reply a:hover{text-decoration:underline;}
.comment-reply-title{font-weight:500;color:#334155;margin-bottom:10px;display:flex;align-items:center;}
.comment-reply-title a{margin-left:12px;color:#2563eb;text-decoration:none;}
.comment-reply-title small{margin-left:0;}
.comment-reply-title small a{color:#ef4444;text-decoration:none;}
#footer{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;background-color:#f1f5f9;padding:30px 0;border-top:1px solid #e2e8f0;}
#footer a{text-decoration:none;color:#475569;margin:0 15px;display:flex;align-items:center;transition:color 0.3s ease;}
#footer a:hover{color:#2563eb;}
#footer img{width:24px;height:24px;margin-right:8px;}
#footer a span{font-size:.9rem;font-weight:500;}
@media(max-width:1200px){
.aligncenter{max-width:100%;}
.gallery-columns-5 figure:nth-child(1),.gallery-columns-5 figure:nth-child(2), .gallery-columns-5 figure:nth-child(9),.gallery-columns-5 figure:nth-child(10){flex:1 1 calc(50% - 28px);}
.gallery-columns-5 figure{flex:1 1 calc(100% / 3 - 30px);}
}
@media(min-width:1500px){
#main-container-home .excerpt-category, #main-container .excerpt-category { flex: 0 0 calc(25% - 6px); }
#main-container-home .excerpt-category a, #main-container .excerpt-category a { display: block; }
#main-container-home .excerpt-category .featured-thumbnail, #main-container .excerpt-category .featured-thumbnail { width: 100%; }
}