body{font-family:Arial,sans-serif;background:#f5f5f5;color:#1f1f1f;margin:0;padding:20px 0}.page-wrapper{width:100%;max-width:1200px;margin:0 auto;display:flex;position:relative;padding-left:30px;padding-right:40px;box-sizing:border-box}.feed{width:680px;max-width:100%}.tabs{display:flex;gap:20px;margin-bottom:20px;padding:10px 0;border-bottom:1px solid #D7DAE4;background:transparent}.tab-link{color:#7a7f8f;text-decoration:none;padding:6px 0;margin-bottom:-1px;cursor:pointer;border-bottom:2px solid transparent}.tab-link:hover{color:#1f1f1f}.tab-link.active{color:#2d7cff;font-weight:600;border-bottom:2px solid #2D7CFF}.tag-filter{display:block;color:#4b4f5c;padding:6px 10px;margin-bottom:6px;font-size:14px;cursor:pointer;border-radius:999px;text-decoration:none;background:#fff;border:1px solid #D7DAE4}.tag-filter:hover{background:#f0f2f8}.tag-filter.active{background:#2d7cff;border-color:#2d7cff;color:#fff;font-weight:600}.reset-filter{display:block;margin-top:12px;color:#7a7f8f;text-decoration:none;font-size:14px}.reset-filter:hover{color:#4b4f5c}.group-block{margin-bottom:2px;background:transparent;border-radius:10px}.group-header{display:flex;align-items:center;justify-content:space-between;padding:2px 0;cursor:pointer;background:transparent}.group-title{flex:1;background:#fff;border:1px solid #D7DAE4;padding:10px 14px;font-size:16px;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:500;color:#1f1f1f}.group-title .chevron{font-size:16px;color:#9a9fb0;margin-left:10px;transition:transform .25s ease}.group-title .chevron.open{transform:rotate(180deg)}.card{position:relative;background:#fff;border:1px solid #D7DAE4;border-radius:10px;box-shadow:0 4px 12px #0f172a0f;padding:16px 18px;margin-bottom:16px}.task-id{position:absolute;top:8px;right:10px;font-size:12px;color:#9a9fb0}.card h3{margin:0 0 10px;font-size:18px;font-weight:600;color:#1f1f1f}.card p{margin:0 0 10px;color:#4b4f5c;line-height:1.5;word-wrap:break-word}.tag-list{margin-bottom:12px}.tag-item{background:#eaf1ff;color:#2d7cff;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:500;margin-right:8px;display:inline-block}.media.single img,.media.single video{width:100%;max-height:400px;object-fit:cover;border-radius:10px}.media.multi{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:5px}.media.multi img{width:100%;height:120px;object-fit:cover;border-radius:10px}.file-link{display:block;color:#2d7cff;text-decoration:none;margin:5px 0;font-size:14px}.file-link:hover{text-decoration:underline}.actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:14px;color:#7a7f8f}.buttons{display:flex;gap:12px}.buttons button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid #2D7CFF;background:#2d7cff;color:#fff;cursor:pointer;font-size:14px;font-weight:500}.buttons button:hover{background:#205cdb;border-color:#205cdb}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:14px;font-weight:600}.status-approved{background:#d1e5ff;color:#2d7cff}.status-published{background:#dff6e5;color:#20a760}.date{font-size:12px;color:#9a9fb0}.comments-section{margin-top:16px;border-top:1px solid #E3E5EE;padding-top:12px}.comment{display:flex;margin-bottom:10px;padding:8px 10px;background:#fff;border-radius:8px;border:1px solid #D7DAE4}.comment-avatar{width:32px;height:32px;border-radius:50%;margin-right:10px;flex-shrink:0}.comment-author{font-weight:600;color:#1f1f1f;font-size:14px;margin-bottom:2px}.comment-text{color:#4b4f5c;font-size:14px;line-height:1.4;margin-bottom:2px}.comment-date{font-size:11px;color:#9a9fb0}.comment-box{display:flex;align-items:center;background:#fff;border:1px solid #D7DAE4;border-radius:999px;padding:8px 12px;margin-top:10px}.comment-box input{background:transparent;border:none;color:#1f1f1f;flex:1;outline:none;font-size:14px}.comment-box input::placeholder{color:#9a9fb0}.comment-box .icons button{background:none;border:none;cursor:pointer;color:#7a7f8f;font-size:16px;padding:4px}.comment-box .icons button:hover{color:#2d7cff}.card-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.title-left h3{margin:0;font-size:18px;font-weight:600;line-height:1.3}.title-right{display:flex;flex-direction:column;align-items:flex-end}.badge-new-version{background:#ffe3c4;color:#b85c00;font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;margin-bottom:4px}.parent-desc{font-size:12px;color:#7a7f8f;text-align:right;max-width:230px}.group-anchor{height:1px;margin-top:-20px}.image-wrapper{position:relative;overflow:hidden;border-radius:10px}.image-blur{filter:blur(20px);transform:scale(1.1);transition:opacity .4s ease,filter .4s ease;opacity:1}.image-loaded{opacity:1!important;filter:blur(0)!important}.lazy-image{opacity:0;transition:opacity .35s ease}.lazy-image.loaded{opacity:1}.sidebar{position:sticky;top:80px;right:10px;margin-left:30px;width:180px;height:fit-content}.tabs-wrapper{margin-bottom:20px}.group-content{height:0;overflow:hidden;opacity:0;transform-origin:top;transform:scaleY(0);transition:transform .25s ease,opacity .25s ease}.group-content.open{height:auto;transform:scaleY(1);opacity:1}@media(max-width:768px){.page-wrapper{padding:0 12px!important;display:block!important}.sidebar{display:none!important}.feed{width:100%!important;max-width:100%!important}.tabs{gap:12px!important;padding:6px 0!important;margin-bottom:12px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}.tab-link{font-size:14px!important;padding:4px 0!important;white-space:nowrap}.group-block{margin-bottom:6px!important}.group-title{padding:8px 12px!important;font-size:14px!important;border-radius:8px!important}.group-title .chevron{font-size:14px!important;margin-left:6px!important}.group-content{height:auto!important;max-height:0;overflow:hidden;opacity:0;transform:none!important;transition:max-height .25s ease,opacity .25s ease!important}.group-content.open{max-height:5000px;opacity:1;padding-top:4px!important}.card{padding:12px 14px!important;margin-bottom:12px!important;border-radius:8px!important;box-shadow:0 2px 6px #0f172a0a!important}.card h3{font-size:16px!important;margin-bottom:6px!important}.card p{font-size:14px!important;margin-bottom:8px!important;line-height:1.4!important}.parent-desc{font-size:11px!important;max-width:160px!important}.tag-item{font-size:11px!important;padding:3px 8px!important;margin-right:6px!important;border-radius:999px!important}.media.single img,.media.single video{max-height:260px!important;object-fit:cover!important;border-radius:8px!important}.media.multi img{height:90px!important;border-radius:6px!important}.comment{padding:6px 8px!important;margin-bottom:8px!important;border-radius:6px!important}.comment-avatar{width:28px!important;height:28px!important}.comment-text,.comment-author{font-size:13px!important}.comment-box{padding:6px 10px!important;border-radius:40px!important}.comment-box input{font-size:14px!important}.card,.group-title,.comment,.image-wrapper{border-radius:8px!important}}.date-wrapper{position:relative;display:inline-block;vertical-align:middle}.pubdate-highlight{color:#b85c00!important;font-weight:600}.update-badge{background:#ffe3c4;color:#b85c00;font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;margin-bottom:4px;display:flex;align-items:center;gap:4px}.update-icon{font-size:12px}