:root{--bg: #000;--text: #fff;--accent: #1d9bf0;--card: #16181c;--border: #2f3336;--shadow: rgba(0, 0, 0, .1);--radius: 8px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--font-primary: Arial, sans-serif;--font-size-sm: .8rem;--font-size-base: 1rem;--font-size-lg: 1.1rem;--font-size-xl: 1.2rem;--font-size-2xl: 1.5rem;--z-fixed: 100;--z-modal: 200;--z-dropdown: 150;--z-drawer: 150;--breakpoint-mobile: 768px;--breakpoint-desktop: 769px}[data-theme=light]{--bg: #fff;--text: #000;--card: #f7f9f9;--border: #e0e0e0;--shadow: rgba(0, 0, 0, .08)}*{box-sizing:border-box}html,body{margin:0;padding:0;max-width:100vw;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-primary);font-size:var(--font-size-base);line-height:1.5;min-height:100vh}body{display:flex;flex-direction:column;width:100vw;box-sizing:border-box}@media(min-width:769px){body{display:grid;grid-template-columns:220px 1fr 320px;grid-template-rows:auto 1fr auto;grid-template-areas:"sidebar header trends" "sidebar main trends" "sidebar footer trends";width:100vw}}ul,ol{list-style:none;margin:0;padding:0}ul li,ol li{list-style:none}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit;font-size:inherit}header{grid-area:header;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border);background:var(--bg);width:100vw;max-width:100vw;box-sizing:border-box;z-index:10;position:relative}@media(min-width:1024px){header{padding:var(--spacing-lg) var(--spacing-xl)}}header h1{font-size:var(--font-size-2xl);text-align:center;margin:0;flex:1}header>div{display:flex;align-items:center;gap:var(--spacing-md);position:relative}header button{background:none;border:none;color:var(--text);font-size:var(--font-size-xl);cursor:pointer;padding:0;display:flex;align-items:center;gap:.25rem;min-width:40px;min-height:40px;justify-content:center;transition:opacity .3s}header button:hover{opacity:.7}#notifications-dropdown{position:absolute;top:3rem;right:var(--spacing-md);background:var(--card);border:1px solid var(--border);padding:var(--spacing-md);z-index:var(--z-dropdown);max-width:300px;overflow-y:auto;max-height:400px;border-radius:var(--radius);box-shadow:0 2px 8px var(--shadow);display:none}#notifications-dropdown.show{display:block!important}#notifications-dropdown div{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border)}#notifications-dropdown div.unread{font-weight:700}#notifications-dropdown button{margin-top:var(--spacing-sm);background:var(--accent);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border:none;cursor:pointer;border-radius:4px;transition:opacity .2s}#notifications-dropdown button:hover{opacity:.9}#main-nav{grid-area:sidebar;display:flex;justify-content:space-around;align-items:center;background:var(--bg);border-top:1px solid var(--border);position:fixed;bottom:0;left:0;width:100vw;max-width:100vw;z-index:101;box-sizing:border-box}#main-nav a{color:var(--text);padding:var(--spacing-md);text-align:center;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background .3s}#main-nav a:hover{background:var(--card)}@media(min-width:769px){#main-nav{grid-area:sidebar;position:static;width:220px;height:100vh;border-right:1px solid var(--border);border-top:none;flex-direction:column;justify-content:flex-start;padding-top:var(--spacing-xl);z-index:10}#main-nav a{text-align:left;padding:var(--spacing-md) var(--spacing-lg);flex:initial;border-bottom:1px solid var(--border);font-size:var(--font-size-lg)}}#nav-list{display:none;flex-direction:column;background:var(--bg);position:absolute;top:60px;left:0;width:100vw;box-shadow:0 2px 8px var(--shadow);z-index:var(--z-drawer)}#nav-list.show{display:flex}#nav-list a{padding:var(--spacing-md);color:var(--text);text-decoration:none;border-bottom:1px solid var(--border)}@media(min-width:769px){#nav-list{display:flex!important;position:static;width:100%;background:none;box-shadow:none;top:auto;left:auto;flex-direction:column}#nav-list a{padding:var(--spacing-lg) var(--spacing-lg);font-size:var(--font-size-lg);border-bottom:1px solid var(--border);text-align:left}}#nav-btn.hamburger{display:none!important}#nav-btn.hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:none;border:none;cursor:pointer;z-index:200}#nav-btn.hamburger span{display:block;width:28px;height:3px;margin:4px 0;background:var(--text);border-radius:2px;transition:.3s}@media(min-width:769px){#nav-btn.hamburger{display:none!important}}#tab-bar{display:flex;position:fixed;left:0;bottom:0;width:100vw;height:56px;background:var(--bg);border-top:1px solid var(--border);z-index:102;justify-content:space-around;align-items:center;box-shadow:0 -2px 8px var(--shadow);box-sizing:border-box}#tab-bar a{flex:1;text-align:center;color:var(--text);text-decoration:none;font-size:1.5rem;padding:var(--spacing-xs) 0;display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;background:none;transition:color .3s}#tab-bar a:active,#tab-bar a:focus{color:var(--accent)}#tab-bar .tab-label{font-size:var(--font-size-sm);margin-top:.1rem;display:none}@media(min-width:769px){#tab-bar{display:none!important}}main{grid-area:main;padding:var(--spacing-md) var(--spacing-sm) var(--spacing-md) var(--spacing-sm);width:100vw;max-width:100vw;box-sizing:border-box;flex:1 1 auto;overflow-y:auto;background:var(--bg);margin-bottom:70px}@media(min-width:769px){main{grid-area:main;padding:var(--spacing-xl) var(--spacing-lg);width:100%;max-width:700px;margin:0 auto;background:var(--bg)}}.post-card{background:var(--card);padding:var(--spacing-md);margin-bottom:var(--spacing-md);border-radius:var(--radius);border:1px solid var(--border)}.post-card h3{margin:0 0 var(--spacing-sm) 0;display:flex;align-items:center;font-size:var(--font-size-lg)}.post-card h3:before{content:"";width:32px;height:32px;background:gray;border-radius:50%;margin-right:var(--spacing-sm);flex-shrink:0}.post-card p{margin:0 0 var(--spacing-sm) 0;line-height:1.5}.post-card img{max-width:100%;height:auto;border-radius:var(--radius);margin-bottom:var(--spacing-sm);display:block}.post-card .location-badge{font-size:var(--font-size-sm);color:var(--accent);display:block;margin-bottom:var(--spacing-sm)}.post-card .like-btn,.post-card .comment-button{background:none;border:none;color:var(--text);cursor:pointer;font-size:inherit;padding:0;margin-right:var(--spacing-md);transition:color .3s}.post-card .like-btn.liked{color:red}.post-card .comment-button{color:var(--accent);margin-left:var(--spacing-md)}main form{display:flex;flex-direction:column;gap:var(--spacing-sm)}main textarea,main input{padding:var(--spacing-sm);background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:4px;font-size:inherit}main textarea:focus,main input:focus{outline:2px solid var(--accent);outline-offset:2px}main form button{background:var(--accent);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:4px;cursor:pointer;font-size:inherit;font-weight:700;transition:opacity .3s}main form button:hover{opacity:.9}#load-more{display:block;margin:var(--spacing-md) auto;padding:var(--spacing-sm) var(--spacing-md);background:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:inherit;transition:opacity .3s}#load-more:hover{opacity:.9}.success-message{background:#90ee90;color:#000;padding:var(--spacing-md);margin-bottom:var(--spacing-md);border-radius:var(--radius)}#user-info{text-align:center;margin-bottom:var(--spacing-xl)}#user-info h2{margin:0 0 var(--spacing-sm) 0}.follow-button{background:var(--accent);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:4px;cursor:pointer;font-size:inherit;transition:opacity .3s}.follow-button:hover{opacity:.9}#post-detail-container .post-card{margin-bottom:var(--spacing-xl)}#comments .comment{background:var(--card);padding:var(--spacing-sm);margin-top:var(--spacing-sm);border-radius:4px;border-left:3px solid var(--accent)}#trends{grid-area:trends;padding:var(--spacing-xl) var(--spacing-md);border-left:1px solid var(--border);background:var(--bg);display:none}@media(min-width:769px){#trends{display:block;min-height:100vh;width:320px}}#trends h3{margin:0 0 var(--spacing-md) 0}#trends ul{list-style:none;padding:0;margin:0}#trends ul li{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border)}footer{grid-area:footer;text-align:center;padding:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text);background:var(--bg);border-top:1px solid var(--border);position:static;width:100%;box-sizing:border-box;min-height:auto}footer>div{margin-bottom:var(--spacing-md)}footer h3{margin:var(--spacing-sm) 0;font-size:var(--font-size-lg)}footer p{margin:var(--spacing-xs) 0}footer a{color:var(--accent);text-decoration:none;transition:opacity .3s}footer a:hover{opacity:.8}footer ul{list-style:none;padding:0;margin:0}footer ul li{padding:var(--spacing-xs) 0}footer #year-date,footer #bytehaven-digital,footer #quick-links,footer #socials{display:flex;flex-direction:column;gap:var(--spacing-md)}footer #socials{flex-direction:row;justify-content:center}footer #socials img{width:30px;height:auto}@media(min-width:769px){main{margin-bottom:0}footer{grid-area:footer;position:static;width:100%;max-width:none;min-height:60px;padding:var(--spacing-md) var(--spacing-xl)}}.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:9999;background:var(--accent);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:4px;font-weight:700}.skip-link:focus{left:50%;top:10px;width:auto;height:auto;transform:translate(-50%);outline:2px solid var(--accent);box-shadow:0 2px 8px var(--shadow)}#create-post-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--card);padding:var(--spacing-xl);border-radius:var(--radius);box-shadow:0 0 10px var(--shadow);z-index:var(--z-modal);display:none;border:1px solid var(--border)}#create-post-modal.active{display:block}main>div{display:block}main>div.hidden{display:none!important}#feed-container,#search-container,#new-post-container,#profile-container,#nearby-container,#post-detail-container{min-height:500px}#new-post-container{max-width:600px;margin:0 auto;padding:var(--spacing-lg);background:var(--card);border-radius:var(--radius)}#new-post-container textarea,#new-post-container input{width:100%;margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:4px;font-size:inherit}#new-post-container button{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:inherit;font-weight:700;transition:opacity .3s}#new-post-container button:hover{opacity:.9}#search-container{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:600px;margin:0 auto}#search-container input{padding:var(--spacing-md);background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:4px;font-size:inherit}#search-container button{padding:var(--spacing-sm) var(--spacing-md);background:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700}#search-results{display:grid;gap:var(--spacing-md)}.hidden{display:none!important}#hamburger{display:block;cursor:pointer;font-size:1.5rem}@media(min-width:769px){#hamburger{display:none}}