*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:linear-gradient(135deg,#b1ea66,#798851);min-height:100vh}.app{max-width:800px;margin:0 auto;padding:20px}.header{text-align:center;color:#fff;margin-bottom:30px;padding:20px;background:#ffffff1a;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header h1{font-size:2.5rem;margin-bottom:10px}.subtitle{opacity:.9;font-size:1.1rem}.main-content{background:#fff;border-radius:20px;padding:30px;box-shadow:0 20px 60px #0000004d}.post-form{background:#f8f9fa;padding:25px;border-radius:15px;margin-bottom:30px;border:1px solid #e9ecef}.post-form h2{margin-bottom:20px;color:#333}.type-selector{display:flex;gap:20px;margin-bottom:20px}.type-selector label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 16px;background:#fff;border-radius:8px;border:2px solid #e9ecef}.type-selector input[type=radio]:checked+span{font-weight:700}.form-group{margin-bottom:20px;position:relative}.title-input,.content-input{width:100%;padding:15px;border:2px solid #e9ecef;border-radius:10px;font-size:16px;transition:border-color .3s}.title-input:focus,.content-input:focus{outline:none;border-color:#667eea}.content-input{resize:vertical;min-height:100px}.char-count{text-align:right;font-size:14px;color:#6c757d;margin-top:5px}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 40px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s}.submit-btn:hover{transform:translateY(-2px)}.filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.filter-buttons{display:flex;gap:10px}.filter-buttons button{padding:10px 20px;border:2px solid #e9ecef;background:#fff;border-radius:8px;cursor:pointer;transition:all .3s}.filter-buttons button.active{background:#667eea;color:#fff;border-color:#667eea}.search-bar{position:relative;flex-grow:1;max-width:300px}.search-input{width:100%;padding:10px 15px;border:2px solid #e9ecef;border-radius:8px;font-size:16px}.clear-search{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#6c757d}.post-list{margin-bottom:30px}.post-list h2{margin-bottom:20px;color:#333}.post-item{background:#fff;border:1px solid #e9ecef;border-radius:15px;padding:25px;margin-bottom:20px;transition:transform .2s,box-shadow .2s}.post-item:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0000001a}.post-item.question{border-left:5px solid #ff6b6b}.post-item.discussion{border-left:5px solid #4ecdc4}.post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.post-type{font-weight:600;color:#495057}.post-time{font-size:14px;color:#6c757d}.post-title{color:#333;margin-bottom:15px;font-size:1.3rem}.post-content{color:#495057;line-height:1.6;margin-bottom:20px}.read-more{background:none;border:none;color:#667eea;cursor:pointer;font-weight:600;padding:0;margin-left:5px}.post-actions{display:flex;gap:15px;border-top:1px solid #e9ecef;padding-top:15px}.like-btn,.comment-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .3s}.like-btn:hover,.comment-btn:hover{background:#e9ecef}.like-btn.liked{background:#ffebee;color:#ff6b6b;border-color:#ff6b6b}.comments-section{margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef}.comment-form{display:flex;gap:10px;margin-bottom:20px}.comment-input{flex-grow:1;padding:12px;border:2px solid #e9ecef;border-radius:8px;font-size:16px}.comment-submit{background:#667eea;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600}.comments-list{display:flex;flex-direction:column;gap:15px}.comment{background:#f8f9fa;padding:15px;border-radius:10px}.comment-text{margin-bottom:5px;color:#495057}.comment-time{color:#6c757d}.no-posts{text-align:center;padding:40px;color:#6c757d;background:#f8f9fa;border-radius:15px;border:2px dashed #dee2e6}.footer{text-align:center;color:#fff;margin-top:30px;padding:20px;font-size:14px;opacity:.8}.footer p{margin:5px 0}.error-message{color:#ff6b6b;margin-bottom:15px;padding:10px;background:#ffebee;border-radius:8px;border:1px solid #ffcdd2}@media(max-width:768px){.app{padding:10px}.main-content{padding:20px}.filters{flex-direction:column;align-items:stretch}.search-bar{max-width:100%}.filter-buttons{justify-content:center}.post-header{flex-direction:column;align-items:flex-start;gap:10px}.comment-form{flex-direction:column}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%}