h1,h2,h3,h4,h5,h6,p{margin:0}p:last-child{margin-bottom:0}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;font-weight:400;color:#242424;background-color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{display:flex;flex-direction:column;min-width:100vw;min-height:100vh;margin:0}main{flex-grow:1}main:has(.back-link){text-align:center}.container{min-width:320px;max-width:375px;margin:0 auto;padding:0 16px}@media only screen and (min-width: 768px){.container{max-width:768px}}@media only screen and (min-width: 1200px){.container{max-width:1200px}}.layout{display:grid;grid-template-columns:280px 1fr;height:100vh;overflow:hidden}.layout__content{grid-column:2;display:flex;flex-direction:column;overflow-y:auto}.container{width:100%;max-width:none;margin:0;padding:0 16px;box-sizing:border-box}@keyframes slide{0%{transform:translate(-140%) translateY(-50%)}to{transform:translate(-104%) translateY(-50%)}}@keyframes stretch{0%{opacity:0;transform:translate(-50%) translateY(100%) scale(.2)}to{opacity:1;transform:translate(-50%) translateY(100%) scale(1)}}.sidebar{position:fixed;top:0;left:0;bottom:0;box-sizing:border-box;width:280px;height:100vh;padding:16px;background-color:#fff;border-right:1px solid #e5e5e5;display:flex;flex-direction:column;z-index:5}.sidebar__logo{display:flex;align-items:center;margin-bottom:24px}.sidebar__logo-icon{width:24px;height:24px;fill:#ff4500;margin-right:8px}.sidebar__logo-text{font-size:1.25rem;font-weight:700;color:#ff4500}.sidebar__user{position:relative;display:flex;align-items:center;margin-bottom:24px}.sidebar__user-email{font-size:.9rem;color:#333}.sidebar__user-toggle{margin-left:auto;background:none;border:none;font-size:.8rem;color:#666;cursor:pointer}.sidebar__user-menu{position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #e5e5e5;border-radius:4px;box-shadow:0 4px 8px #0000000d;display:none;flex-direction:column;margin-top:4px;z-index:10}.sidebar__user-menu.visible{display:flex}.sidebar__user-menu-item{padding:8px 12px;background:none;border:none;text-align:left;font-size:.9rem;cursor:pointer}.sidebar__user-menu-item:hover{background-color:#f6f6f6}.sidebar__user-email:empty+.sidebar__user-toggle+.sidebar__user-menu .sidebar__user-logout{display:none}.sidebar__search{position:relative;margin-bottom:24px}.sidebar__search-input{width:100%;padding:8px 12px 8px 36px;font-size:.9rem;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.sidebar__search-icon{position:absolute;top:50%;left:12px;width:16px;height:16px;fill:#888;transform:translateY(-50%)}.sidebar__nav-list{list-style:none;margin:0;padding:0;flex-shrink:0}.sidebar__nav-item{margin:4px 0}.sidebar__nav-link{display:flex;align-items:center;color:#333;text-decoration:none;font-size:.9rem;padding:4px 0}.sidebar__nav-icon{width:16px;height:16px;fill:currentColor;margin-right:8px}.sidebar__nav-item--active>.sidebar__nav-link{color:#ff4500;font-weight:600}.sidebar__nav-icon-chev{width:16px;height:16px;fill:#666;margin-left:auto;transition:transform .2s ease}.sidebar__nav-sublist{list-style:none;margin:4px 0 0 16px;padding:0;display:none}.sidebar__nav-item--active>.sidebar__nav-sublist{display:block}.sidebar__nav-subitem{margin:4px 0}.sidebar__nav-subitem .sidebar__nav-link{font-size:.85rem;color:#555;padding:4px 0}.header{position:sticky;top:0;z-index:10;background-color:#fff;border-bottom:1px solid #e5e5e5}.header__inner{display:flex;align-items:center;padding:0 16px;height:56px}.header__tabs-list{display:flex;list-style:none;margin:0;padding:0}.header__tabs-item{margin-right:24px}.header__tabs-item:last-child{margin-right:0}.header__tab{display:inline-block;padding:4px 0;font-size:.875rem;font-weight:500;text-transform:uppercase;text-decoration:none;color:#888;border-bottom:2px solid transparent;transition:color .2s,border-bottom-color .2s}.header__tab--active{color:#ff4500;border-bottom-color:#ff4500}.posts{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px;padding:16px 0;box-sizing:border-box}.post-card{background-color:#fff;border:1px solid #e5e5e5;border-radius:4px;display:flex;flex:0 0 1200px;flex-direction:column;overflow:hidden}.post-card__media img{width:100%;display:block;object-fit:cover}.post-card__body{flex:1;padding:12px;box-sizing:border-box}.post-card__title{margin:0 0 8px;font-size:1rem;font-weight:600;color:#333}.post-card__info{margin:0 0 8px;font-size:.85rem;color:#666}.post-card__info a{color:#0079d3;text-decoration:none}.post-card__text{margin:0;font-size:.9rem;color:#333;line-height:1.4}.post-card__footer{display:flex;align-items:center;border-top:1px solid #e5e5e5;padding:8px;gap:16px}.post-card__votes{display:flex;flex-direction:column;align-items:center;min-width:40px;gap:4px}.post-card__vote-up{background:none;border:none;font-size:1rem;color:#333;cursor:pointer}.post-card__vote-diff{font-size:.85rem;font-weight:600;color:#333}.post-card__vote-down{background:none;border:none;font-size:1rem;color:#333;cursor:pointer}.post-card__vote-up.active,.post-card__vote-down.active,.post-card__vote-up:hover,.post-card__vote-down:hover{color:#ff4500}.post-card__vote-up:disabled,.post-card__vote-down:disabled{opacity:.5;cursor:not-allowed}.post-card__comments{margin-left:16px;padding:4px 6px;font-size:.85rem;color:#333;background:none;border:none;cursor:pointer;display:flex;align-items:center}.post-card__comments:hover{background-color:#f6f6f6;border-radius:4px}.auth{display:flex;flex-direction:column;align-items:center;padding:80px 16px}.auth__title{margin-bottom:24px;font-size:1.5rem;font-weight:600;color:#333;text-align:center}.form{width:100%;max-width:400px;background-color:#fff;border:1px solid #e5e5e5;border-radius:4px;padding:24px;box-shadow:0 4px 8px #0000000d;box-sizing:border-box}.form__group{margin-bottom:16px;display:flex;flex-direction:column}.form__label{margin-bottom:8px;font-size:.9rem;color:#555}.form__input{padding:10px 12px;font-size:.9rem;border:1px solid #cccccc;border-radius:4px;box-sizing:border-box}.form__actions{text-align:center;margin-top:16px}.btn--primary{background-color:#ff4500;color:#fff;border:none;padding:10px 16px;font-size:.9rem;border-radius:4px;cursor:pointer;transition:background-color .2s}.btn--primary:hover{background-color:#e03e00}.form__footer{margin-top:16px;font-size:.85rem;text-align:center}.form__footer a{color:#0079d3;text-decoration:none}.form__footer a:hover{text-decoration:underline}.form__error{margin-top:12px;font-size:.85rem;color:#d00;min-height:1em;text-align:center}.view{display:none}.view--active{display:block}.myposts{margin-top:24px}.myposts__title{font-size:1.5rem;font-weight:600;margin-bottom:16px;color:#333}.myposts__form{display:flex;flex-direction:column;gap:12px;background-color:#fff;border:1px solid #e5e5e5;border-radius:4px;padding:16px;margin-bottom:24px}.myposts__field{display:flex;flex-direction:column}.myposts__field label{font-size:.875rem;margin-bottom:4px;color:#555}.myposts__input,.myposts__textarea{font-size:1rem;padding:8px;border:1px solid #e5e5e5;border-radius:4px;background-color:#fafafa}.myposts__textarea{resize:vertical;min-height:80px}.myposts__submit{align-self:flex-start;background-color:#ff4500;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.myposts__submit:hover{background-color:#e03e00}.myposts__list{display:flex;flex-wrap:wrap;align-items:flex-start;gap:24px}.comments{margin-top:24px;background-color:#fff;border:1px solid #e5e5e5;border-radius:4px;padding:16px}.comments__title{margin:0 0 12px;font-size:1.125rem;font-weight:600;color:#333}.comments__list{list-style:none;margin:0;padding:0}.comment{display:flex;align-items:flex-start;padding:12px 0;border-top:1px solid #e5e5e5}.comment:first-child{border-top:none}.comment--nested{margin-left:24px;border-left:2px solid #e5e5e5;padding-left:12px}.comment__votes{display:flex;flex-direction:column;align-items:center;margin-right:16px}.comment__vote-up,.comment__vote-down{background:none;border:none;font-size:.9rem;cursor:pointer;line-height:1}.comment__vote-diff{margin:4px 0;font-size:.75rem;color:#ff4500}.comment__content{flex:1}.comment__info{font-size:.75rem;color:#555;margin-bottom:6px}.comment__body{margin:0 0 8px;font-size:.875rem;color:#333;line-height:1.4}.comment__actions{display:flex;align-items:center;gap:12px}.comment__reply{background:none;border:none;font-size:.75rem;color:#888;cursor:pointer;padding:0}.comments__form{display:flex;flex-direction:column;gap:8px;margin-top:16px;border-top:1px solid #e5e5e5;padding-top:16px}.comments__textarea{font-size:.875rem;padding:8px;border:1px solid #e5e5e5;border-radius:4px;resize:vertical;min-height:60px}.comments__submit{align-self:flex-end;background-color:#ff4500;color:#fff;border:none;border-radius:4px;padding:6px 16px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.comments__submit:hover{background-color:#e03e00}