.onboarding{align-items:center;display:flex;flex-direction:column;padding:2rem;position:relative}.onboarding__skip{background:#0000;border:none;color:#555;cursor:pointer;font-size:.9rem;position:absolute;right:1rem;top:1rem}.onboarding__image{margin-bottom:1.5rem;max-width:220px}.onboarding__title{font-size:1.75rem;margin-bottom:.75rem;text-align:center}.onboarding__text{color:#555;font-size:1rem;margin-bottom:1.5rem;max-width:400px;text-align:center}.onboarding__controls{display:flex;gap:1rem;margin-bottom:1rem}.onboarding__dots{display:flex;gap:.5rem}.onboarding__dot{background:#ccc;border-radius:50%;cursor:pointer;height:10px;width:10px}.onboarding__dot--active{background:#1da1f2}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}:root{--color-bg:#f1f3f5;--color-text:#343a40;--primary-color:#4361ee;--secondary-color:#2ecc71}[data-theme=dark]{--color-bg:#343a40;--color-text:#f1f3f5}body{background-color:#f1f3f5;background-color:var(--color-bg);color:#343a40;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;transition:background-color .2s,color .2s}a{color:inherit;text-decoration:none}ul{list-style:none}img{height:auto;max-width:100%}button{cursor:pointer;font-family:inherit}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;padding:24px 0}.container{margin:0 auto;max-width:1200px;padding:0 16px;width:100%}.btn{border-radius:4px;display:inline-block;font-weight:600;padding:8px 16px;transition:all .2s}.btn-primary{background-color:#4361ee;background-color:var(--primary-color)}.btn-primary:hover{filter:brightness(90%)}.btn-secondary{background-color:#2ecc71;background-color:var(--secondary-color);color:#fff}.btn-secondary:hover{filter:brightness(90%)}.btn-outline{border:1px solid #4361ee;border:1px solid var(--primary-color);color:#4361ee;color:var(--primary-color)}.btn-outline:hover{background-color:#4361ee;background-color:var(--primary-color);color:#fff}.btn-primary{background:#1da1f2;border:none;border-radius:4px;color:#fff}.btn-outline,.btn-primary{cursor:pointer;padding:.5rem 1rem}.btn-outline{background:#0000;border:1px solid #1da1f2;border-radius:4px;color:#1da1f2}.navbar{background:#fff;border-bottom:1px solid #dee2e6;position:relative}.navbar .navbar-container{align-items:center;display:flex;justify-content:space-between;padding:12px 1rem}.navbar .navbar-brand{color:#4361ee;font-size:1.5rem;font-weight:700}.navbar .navbar-burger{background:none;border:none;cursor:pointer;display:none;font-size:1.5rem;z-index:30}.navbar .navbar-links{align-items:center;display:flex;gap:12px}.navbar .navbar-links .nav-link{color:#343a40;font-weight:500;padding:8px 12px;transition:background .15s ease}.navbar .navbar-links .nav-link.active{background:#4361ee1a;border-radius:4px;color:#4361ee}.navbar .navbar-auth{align-items:center;display:flex;gap:16px}.navbar .navbar-auth .btn-login,.navbar .navbar-auth .btn-logout,.navbar .navbar-auth .btn-register{border-radius:8px;font-weight:500;overflow:hidden;padding:8px 24px;position:relative;text-transform:uppercase;transition:background .3s ease,color .3s ease,transform .2s ease}.navbar .navbar-auth .btn-login:after,.navbar .navbar-auth .btn-logout:after,.navbar .navbar-auth .btn-register:after{background:currentColor;bottom:4px;content:"";height:2px;left:50%;position:absolute;transition:width .3s ease,left .3s ease;width:0}.navbar .navbar-auth .btn-login:hover:after,.navbar .navbar-auth .btn-logout:hover:after,.navbar .navbar-auth .btn-register:hover:after{left:10%;width:80%}.navbar .navbar-auth .btn-login:hover,.navbar .navbar-auth .btn-logout:hover,.navbar .navbar-auth .btn-register:hover{transform:translateY(-2px)}.navbar .navbar-auth .btn-login,.navbar .navbar-auth .btn-register{background:#0000;border:2px solid #4361ee;color:#4361ee}.navbar .navbar-auth .btn-logout{background:#4361ee;border:2px solid #4361ee;color:#fff}@media(max-width:768px){.navbar .navbar-burger{display:block}.navbar .navbar-auth,.navbar .navbar-links{display:none}.navbar .navbar-links.open{align-content:center;align-items:center;background:#fff;box-shadow:-2px 0 8px #0000001a;display:flex;flex-direction:column;height:100vh;justify-content:center;max-width:300px;padding-top:24px;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:75%}.navbar .navbar-links.open .nav-link{padding:16px 0;text-align:center;width:100%}.navbar .navbar-links.open--active{transform:translateX(0)}.navbar .navbar-auth.open{align-items:center;background:#fff;bottom:0;box-shadow:-2px 0 8px #0000001a;display:flex;flex-direction:column;max-width:300px;padding:16px 0;position:fixed;right:0;top:auto;transform:translateX(100%);transition:transform .3s ease;width:75%}.navbar .navbar-auth.open .btn-login,.navbar .navbar-auth.open .btn-logout,.navbar .navbar-auth.open .btn-register{margin-bottom:12px;text-align:center;width:90%}.navbar .navbar-auth.open--active{transform:translateX(0)}}.footer{background-color:#343a40;color:#fff;margin-top:auto;padding:24px 0}.footer-container{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:1200px;padding:0 16px;width:100%}.footer-links{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.footer-links a{color:#ffffffb3;transition:color .2s}.footer-links a:hover{color:#fff}.footer-copyright{color:#ffffff80;font-size:.9rem;text-align:center}.post-card{background:#fff;border-radius:6px;box-shadow:0 1px 4px #0000001a;display:flex;flex-direction:column;margin-bottom:1rem;overflow:hidden;transition:transform .2s,box-shadow .2s}.post-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.post-card .post-link{color:inherit;display:flex;flex-direction:column;height:100%;text-decoration:none}.post-card .post-image{background:#eee;height:180px;overflow:hidden;width:100%}.post-card .post-image img{height:100%;object-fit:cover;width:100%}.post-card .post-content{display:flex;flex:1 1;flex-direction:column;padding:1rem}.post-card .post-content .post-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.post-card .post-content .post-header .post-title{color:#222;font-size:1.25rem;line-height:1.2;margin:0}.post-card .post-content .post-header .bookmark-btn{background:none;border:none;color:#666;cursor:pointer;font-size:1.1rem;transition:color .2s}.post-card .post-content .post-header .bookmark-btn:hover{color:#000}.post-card .post-content .post-excerpt{color:#555;flex:1 1;margin:.5rem 0}.post-card .post-content .post-meta{color:#777;display:flex;flex-wrap:wrap;font-size:.875rem;gap:.75rem;margin-top:.5rem}.post-card .post-content .post-meta span{align-items:center;display:inline-flex;gap:.25rem}.post-card .post-content .post-meta .post-category{background:#eef8ff;border-radius:4px;color:#0366d6;font-weight:500;padding:.2rem .5rem}.post-card .post-content .post-stats{color:#555;display:flex;font-size:.9rem;gap:1rem;margin-top:.75rem}.post-card .post-content .post-stats span{align-items:center;display:inline-flex;gap:.25rem}.home-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:240px 1fr 280px;padding:1rem}@media(max-width:900px){.home-container{grid-template-columns:1fr}}.home-container .sidebar{background:#fff;border-radius:6px;box-shadow:0 1px 6px #0000001a;height:fit-content!important;padding:1rem}.home-container .sidebar.left .profile-summary{text-align:center}.home-container .sidebar.left .profile-summary .avatar{border-radius:50%;height:80px;margin:.5rem 0;object-fit:cover;width:80px}.home-container .sidebar.left .profile-summary .name{font-size:1.1rem;margin-bottom:.5rem}.home-container .sidebar.left .profile-summary .nav-links{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.home-container .sidebar.left .profile-summary .nav-links a{color:#333}.home-container .sidebar.left .profile-summary .nav-links a:hover{color:#1da1f2}.home-container .sidebar.right section:not(:last-child){margin-bottom:2rem}.home-container .sidebar.right section h3{border-bottom:1px solid #eee;font-size:1.1rem;margin-bottom:.5rem;padding-bottom:.25rem}.home-container .sidebar.right section ul{list-style:none;padding:0}.home-container .sidebar.right section ul li{margin-bottom:.75rem}.home-container .sidebar.right section ul li a,.home-container .sidebar.right section ul li button{background:none;border:none;color:#1da1f2;cursor:pointer;font:inherit;text-align:left}.home-container .sidebar.right section ul li a.active,.home-container .sidebar.right section ul li a:hover,.home-container .sidebar.right section ul li button.active,.home-container .sidebar.right section ul li button:hover{text-decoration:underline}.home-container .sidebar.right section ul li small{color:#666}.home-container .main-content{display:flex;flex-direction:column;gap:1.5rem}.home-container .main-content .controls-bar{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.home-container .main-content .controls-bar input{border:1px solid #ccc;border-radius:4px;flex:2 1;padding:.5rem}.home-container .main-content .controls-bar select{background:#fff;border:1px solid #ccc;border-radius:4px;flex:1 1;padding:.5rem}.home-container .main-content .controls-bar .clear-tag{background:#f5f5f5;border:1px solid #ccc;border-radius:4px;cursor:pointer;font:inherit;padding:.3rem .6rem}.home-container .main-content .feed-list{display:flex;flex-direction:column;gap:1rem}.home-container .main-content .feed-list .no-posts{color:#666;margin:2rem 0;text-align:center}.home-container .error-message{color:#d32f2d;grid-column:1/-1;margin:1rem;text-align:center}
/*# sourceMappingURL=main.874b75f8.css.map*/