:root{color-scheme:light;--bg-body:#f4f8ff;--bg-card:#fff;--text-main:#102342;--text-muted:#62738d;--primary:#1261d5;--primary-hover:#0b4eaf;--border:#d8e5f6;--hover-overlay:#edf5ff;--shadow-sm:0 8px 24px rgba(31,78,140,.07);--shadow-md:0 16px 42px rgba(31,78,140,.1)}
html{min-height:100%;overflow-y:auto}body{min-height:100vh;overflow-x:hidden;color:var(--text-main);background:radial-gradient(circle at 8% 1%,#e2efff,transparent 25%),var(--bg-body);touch-action:pan-y pinch-zoom}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(18,97,213,.18);outline-offset:2px}
header{height:72px;padding:0 max(18px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--border);background:rgba(255,255,255,.96);box-shadow:0 5px 22px rgba(42,85,145,.06);backdrop-filter:blur(16px)}
.header-left{min-width:0;gap:16px}.logo img{width:126px;height:58px;display:block;object-fit:contain}.search-bar{height:44px;padding:0 14px;border:1px solid var(--border);border-radius:12px;background:#f8fbff}.search-bar input{color:var(--text-main);background:transparent}.header-nav{align-items:center;gap:4px}.header-nav .donation-btn{display:none!important}.nav-item{height:44px;gap:7px;padding:0 12px;border:0;border-radius:11px;color:var(--text-muted);font-size:12px;font-weight:700}.nav-item svg{width:18px;height:18px}.nav-item:hover{color:var(--primary);background:#edf5ff}.nav-item.active{color:var(--primary);border:0;background:#eaf3ff}.icon-btn{width:44px;height:44px;border:1px solid var(--border);color:var(--text-muted);background:#fff}.icon-btn:hover{color:var(--primary);background:#edf5ff}.btn{min-height:44px;padding:0 15px;border-radius:11px;background:var(--primary)}.btn:hover{background:var(--primary-hover)}.btn-outline{color:var(--text-muted)!important;border:1px solid var(--border)!important;background:#fff!important}.user-widget{min-height:44px;padding-right:10px;border:1px solid var(--border);background:#fff}
.layout-container{width:min(1180px,100%);grid-template-columns:220px minmax(0,1fr) 270px;gap:22px;padding:28px 16px 70px}.sidebar-left,.sidebar-right{top:96px;height:auto;max-height:calc(100vh - 116px)}.nav-group h3{color:var(--text-muted)}.nav-link{min-height:44px;color:var(--text-muted)}.nav-link:hover{color:var(--primary);background:#edf5ff}.nav-link-icon{color:var(--primary);background:#eaf3ff}.nav-link:hover .nav-link-icon{background:#dcecff}.nav-link.active{color:var(--primary);background:#eaf3ff}.feed-column{max-width:640px}.alert-box{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid #c6daf4;border-radius:14px;color:#334967;background:#eaf3ff;text-align:left;font-size:12px}.alert-box a{flex:none;min-height:42px;display:inline-flex;align-items:center;padding:0 13px;border-radius:10px;color:#fff;background:var(--primary);font-weight:800}.create-post-card,.post-card,.widget{border:1px solid var(--border);border-radius:17px;background:#fff;box-shadow:var(--shadow-sm)}.create-post-top input{min-height:44px;border:1px solid var(--border);color:var(--text-main);background:#f8fbff}.create-post-top input:hover,.create-post-top input:focus{background:#fff}.post-option-btn:hover,.post-action-btn:hover{background:#edf5ff}.post-author{color:var(--text-main)!important}.post-content{color:var(--text-main)}.post-stats,.post-actions,.comments-section{border-color:var(--border)!important}.post-action-btn{min-height:44px;color:var(--text-muted)}.comment-content{color:var(--text-main);background:#edf5ff}.widget{padding:18px}.widget-title{color:var(--text-main);border-color:var(--border)}.trend-category{color:var(--primary)}.modal-overlay{background:rgba(16,35,66,.48)}.modal-content{border:1px solid var(--border);color:var(--text-main);background:#fff;box-shadow:var(--shadow-md)}.form-input,select{min-height:44px;border-color:#bfd3ee!important;color:var(--text-main)!important;background:#fbfdff!important}.notif-dropdown{border-color:var(--border)!important;color:var(--text-main)!important;background:#fff!important;box-shadow:var(--shadow-md)!important}
@media(max-width:1100px){.layout-container{grid-template-columns:210px minmax(0,1fr)}.sidebar-right{display:none}}
@media(max-width:768px){body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}header{height:auto;min-height:62px;padding:env(safe-area-inset-top) 12px 0;gap:7px}.header-left{gap:4px}.logo img{width:92px;height:50px}.header-left>.search-bar{display:none}.mobile-menu-btn{min-width:44px;min-height:44px;margin-right:0!important}.header-nav{position:fixed;z-index:1000;right:10px;bottom:max(8px,env(safe-area-inset-bottom));left:10px;height:64px;display:grid!important;grid-template-columns:repeat(3,1fr);gap:3px;padding:6px;border:1px solid #d0def1;border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 12px 36px rgba(20,64,124,.2);backdrop-filter:blur(18px)}.header-nav .nav-item{min-width:0;height:52px;display:flex;flex-direction:column;gap:1px;padding:0;font-size:9px}.header-nav .nav-item svg{width:20px;height:20px}.header-right{min-width:0;gap:5px}.notif-container{display:none!important}#auth-section .btn{width:44px;min-width:44px;padding:0;overflow:hidden;font-size:0}#auth-section .btn svg{margin:0}.user-widget{width:42px;padding:4px;overflow:hidden}.user-widget .name{display:none}.layout-container{display:block;padding:18px 10px 30px}.feed-column{max-width:none}.sidebar-left{top:0;background:#fff}.alert-box{align-items:stretch;flex-direction:column}.alert-box a{justify-content:center}.create-post-card,.post-card,.widget{border-radius:16px}.modal-content{width:calc(100% - 20px);padding:20px}.post-actions{overflow-x:auto}.post-action-btn{flex:none;min-width:100px}}
@media(max-width:390px){.logo img{width:82px}.layout-container{padding-inline:8px}.post-content{padding-inline:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:768px){header{backdrop-filter:none}}