@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Playfair+Display:wght@600;700&display=swap";
:root{--bg-dark:#0f1319;--bg-light:#f7f5f0;--bg-card:#fff;--accent:#6a9955;--accent-glow:#6a99554d;--text-dark:#1a1b1e;--text-muted:#6b7280;--text-light:#fff;--text-light-muted:#9ca3af;--font-serif:"Playfair Display", serif;--font-sans:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-light);color:var(--text-dark);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.layout-container{height:100vh;display:flex;overflow:hidden}.sidebar-left{background-color:var(--bg-dark);width:280px;color:var(--text-light);flex-direction:column;padding:24px;display:flex}.logo-container{margin-bottom:40px}.logo-title{font-family:var(--font-serif);letter-spacing:1px;font-size:36px;font-weight:700}.logo-subtitle{color:var(--text-light-muted);letter-spacing:.5px;font-size:12px}.nav-menu{flex-direction:column;flex:1;gap:16px;display:flex}.nav-item{cursor:pointer;color:var(--text-light-muted);border-radius:12px;align-items:center;gap:16px;padding:12px 16px;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-light);background-color:#ffffff0d}.nav-item.active{color:var(--text-light);border:1px solid var(--accent);box-shadow:0 0 15px var(--accent-glow), inset 0 0 10px var(--accent-glow)}.nav-item-text{flex-direction:column;display:flex}.nav-item-title{font-size:15px;font-weight:600}.nav-item-subtitle{opacity:.7;font-size:11px}.main-content{background-color:var(--bg-light);flex-direction:column;flex:1;display:flex}.top-bar{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;height:70px;padding:0 40px;display:flex}.search-bar{background-color:var(--bg-dark);border:1px solid var(--accent);width:400px;box-shadow:0 0 10px var(--accent-glow);border-radius:20px;align-items:center;padding:8px 16px;display:flex}.search-bar input{color:var(--text-light);width:100%;font-family:var(--font-sans);background:0 0;border:none;outline:none;margin-left:10px}.user-profile-top{align-items:center;gap:12px;display:flex}.avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.content-wrapper{flex:1;justify-content:center;gap:40px;padding:30px 40px;display:flex;overflow:hidden}.feed-section{flex:1;max-width:850px;padding-right:10px;overflow-y:auto}.feed-controls{border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.mode-selector{position:relative}.mode-selector-btn{background:var(--bg-card);color:var(--text-dark);cursor:pointer;border:1px solid #0000001a;border-radius:12px;align-items:center;gap:12px;padding:12px 20px;font-size:16px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 5px #00000005}.mode-selector-btn:hover{border-color:var(--accent)}.dropdown-menu{background:var(--bg-card);z-index:100;border:1px solid #0000001a;border-radius:12px;width:320px;margin-top:8px;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 10px 30px #0000001a}.dropdown-item{cursor:pointer;border-bottom:1px solid #00000008;flex-direction:column;padding:12px 20px;transition:background .2s;display:flex}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#6a99550d}.dropdown-item-title{color:var(--text-dark);margin-bottom:4px;font-size:14px;font-weight:600}.dropdown-item-desc{color:var(--text-muted);font-size:11px}.modifiers-group{align-items:center;gap:12px;display:flex}.modifier-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000001a;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;transition:all .2s;display:flex}.modifier-btn:hover{background:#00000005}.modifier-btn.active{background:var(--bg-dark);color:var(--accent);border-color:var(--bg-dark);box-shadow:0 0 10px var(--accent-glow)}.alert-box{background-color:#fff8dc99;border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:16px;font-size:14px;display:flex}.post-card{background-color:var(--bg-card);border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 2px 10px #00000005}.post-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.post-user-info{align-items:center;gap:12px;display:flex}.post-user-name{color:var(--text-dark);font-weight:600}.post-user-handle{color:var(--text-muted);font-size:13px}.post-tags{gap:8px;display:flex}.post-tag{background-color:var(--bg-light);color:var(--text-muted);border:1px solid #0000000d;border-radius:12px;padding:4px 8px;font-size:11px}.post-content{color:var(--text-dark);margin-bottom:20px;font-size:15px;line-height:1.6}.post-actions{border-top:1px solid #0000000d;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.action-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:13px;display:flex}.action-btn.primary{color:#6a9955;font-weight:500}.sidebar-right{flex-direction:column;gap:24px;width:320px;display:flex;overflow-y:auto}.widget{background-color:var(--bg-card);border-radius:16px;padding:20px;box-shadow:0 2px 10px #00000005}.widget-header{justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:600;display:flex}.data-row{border-bottom:1px solid #00000008;justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.data-label{color:var(--text-muted);align-items:center;gap:8px;display:flex}.data-value{font-weight:500}.radar-map{background-color:var(--bg-dark);border-radius:12px;height:120px;margin-top:16px;position:relative;overflow:hidden}.radar-dot{background-color:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent), 0 0 20px var(--accent);border-radius:50%;position:absolute}.landing-container{background-color:var(--bg-dark);height:100vh;color:var(--text-light);display:flex;overflow:hidden}.landing-left{flex-direction:column;flex:1;justify-content:center;padding:10%;display:flex;position:relative}.landing-title{font-family:var(--font-serif);color:var(--accent);text-shadow:0 0 20px #6a995566;margin-bottom:20px;font-size:80px}.landing-subtitle{max-width:600px;margin-bottom:60px;font-size:32px;font-weight:300;line-height:1.4}.landing-right{z-index:2;background-color:#14181f;border-left:1px solid #ffffff0d;flex-direction:column;justify-content:center;width:480px;padding:60px;display:flex;overflow-y:auto;box-shadow:-10px 0 30px #00000080}@media (max-width:768px){.landing-container{flex-direction:column;height:auto;min-height:100vh;overflow-y:auto}.landing-left{flex:none;padding:60px 24px}.landing-title{font-size:56px}.landing-subtitle{margin-bottom:40px;font-size:24px}.landing-right{border-top:1px solid #ffffff0d;border-left:none;flex:none;width:100%;padding:40px 24px}.layout-container{flex-direction:column;height:100vh;overflow:hidden}.sidebar-left{z-index:1000;border-top:1px solid #ffffff1a;flex-direction:row;justify-content:space-around;align-items:center;width:100%;height:64px;padding:0 8px;position:fixed;bottom:0;left:0}.logo-container,.promo-banner{display:none!important}.nav-menu{flex-direction:row;justify-content:space-around;align-items:center;gap:0;width:100%}.nav-item{border-radius:8px;flex-direction:column;justify-content:center;gap:4px;margin-bottom:0;padding:10px}.nav-item-text{display:none}.nav-item.active{box-shadow:none;background-color:#6a995526}.nav-item.active>div{display:none!important}.create-new-btn{width:44px;height:44px;border-radius:50%!important;margin-top:0!important;padding:0!important;box-shadow:0 4px 10px #6a995566!important}.create-new-text,.sidebar-right{display:none}.main-content{min-height:0}.content-wrapper{flex-direction:column;gap:0;padding:16px 16px 80px;overflow-y:auto}.feed-section{width:100%;padding-right:0;overflow:visible}.search-bar{width:100%;max-width:none}.top-bar{padding:0 16px}}