*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#333;background-color:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}a{font-weight:500;color:#667eea;text-decoration:inherit}a:hover{color:#764ba2}button{font-family:inherit;cursor:pointer}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}.navbar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 0;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000}.navbar-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.navbar-brand{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;transition:opacity .3s}.navbar-brand:hover{opacity:.8}.navbar-menu{display:flex;align-items:center;gap:1.5rem}.navbar-link{color:#fff;text-decoration:none;font-weight:500;transition:opacity .3s}.navbar-link:hover{opacity:.8}.navbar-user{color:#ffffffe6;font-size:.9rem}.navbar-button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:5px;cursor:pointer;font-weight:500;transition:all .3s;text-decoration:none;display:inline-block}.navbar-button:hover{background:#ffffff4d;border-color:#ffffff80}@media(max-width:768px){.navbar-container{flex-direction:column;gap:1rem}.navbar-menu{flex-wrap:wrap;justify-content:center}}.post-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;overflow:hidden;transition:all .3s;display:flex;flex-direction:column}.post-card:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-2px)}.post-card-image{width:100%;height:200px;overflow:hidden;background:#f0f0f0}.post-card-image img{width:100%;height:100%;object-fit:cover}.post-card-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.post-card-meta{display:flex;gap:1rem;margin-bottom:.75rem;font-size:.85rem;color:#666}.post-card-date{color:#999}.post-card-category{color:#667eea;font-weight:500}.post-card-title{margin:0 0 .75rem;font-size:1.5rem}.post-card-title a{color:#333;text-decoration:none;transition:color .3s}.post-card-title a:hover{color:#667eea}.post-card-excerpt{color:#666;line-height:1.6;margin-bottom:1rem;flex:1}.post-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#999;margin-top:auto}.post-card-author{font-weight:500}.post-card-views{color:#999}.home{max-width:1200px;margin:0 auto;padding:2rem}.home-header{text-align:center;margin-bottom:3rem}.home-header h1{font-size:3rem;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:1.2rem;color:#666}.home-content{display:grid;grid-template-columns:1fr 300px;gap:2rem}.search-form{display:flex;gap:.5rem;margin-bottom:2rem}.search-input{flex:1;padding:.75rem;border:2px solid #e0e0e0;border-radius:5px;font-size:1rem}.search-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:500;transition:opacity .3s}.search-button:hover{opacity:.9}.loading,.no-posts{text-align:center;padding:3rem;color:#666;font-size:1.1rem}.home-sidebar{position:sticky;top:100px;height:fit-content}.sidebar-section{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:1.5rem;margin-bottom:1.5rem}.sidebar-section h3{margin-top:0;margin-bottom:1rem;color:#333}.category-list{list-style:none;padding:0;margin:0}.category-list li{margin-bottom:.5rem}.category-list a{color:#667eea;text-decoration:none;transition:color .3s}.category-list a:hover{color:#764ba2;text-decoration:underline}.empty-state{color:#999;font-style:italic}@media(max-width:968px){.home-content{grid-template-columns:1fr}.home-sidebar{position:static}}.comment-section{background:#fff;border-radius:10px;padding:2rem;box-shadow:0 2px 10px #0000001a}.comment-section h2{margin-top:0;margin-bottom:1.5rem;color:#333}.comment-form{margin-bottom:2rem}.comment-input{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:5px;font-size:1rem;font-family:inherit;resize:vertical;margin-bottom:.5rem}.comment-input:focus{outline:none;border-color:#667eea}.comment-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:5px;cursor:pointer;font-weight:500;transition:opacity .3s}.comment-submit:hover{opacity:.9}.comment-login-prompt{margin-bottom:2rem;color:#666}.comment-login-prompt a{color:#667eea;text-decoration:none;font-weight:500}.comment-login-prompt a:hover{text-decoration:underline}.comment-loading,.comment-empty{text-align:center;padding:2rem;color:#999}.comments-list{display:flex;flex-direction:column;gap:1.5rem}.comment{padding:1rem;background:#f9f9f9;border-radius:5px;border-left:3px solid #667eea}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.comment-date{font-size:.85rem;color:#999}.comment-content{color:#333;line-height:1.6}.comment-replies{margin-top:1rem;margin-left:2rem;padding-left:1rem;border-left:2px solid #e0e0e0}.post-detail{max-width:800px;margin:0 auto;padding:2rem}.post-detail-loading,.post-detail-error{text-align:center;padding:3rem;font-size:1.2rem;color:#666}.post-detail-content{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem}.post-detail-image{width:100%;height:400px;overflow:hidden;background:#f0f0f0}.post-detail-image img{width:100%;height:100%;object-fit:cover}.post-detail-header{padding:2rem}.post-detail-meta{display:flex;gap:1rem;align-items:center;margin-bottom:1rem;font-size:.9rem;color:#666}.post-detail-date{color:#999}.post-detail-categories{display:flex;gap:.5rem;flex-wrap:wrap}.category-tag{background:#667eea;color:#fff;padding:.25rem .75rem;border-radius:20px;text-decoration:none;font-size:.85rem;transition:opacity .3s}.category-tag:hover{opacity:.8}.post-detail-title{font-size:2.5rem;margin:1rem 0;color:#333;line-height:1.2}.post-detail-excerpt{font-size:1.2rem;color:#666;margin-bottom:1rem;font-style:italic}.post-detail-author{color:#666;margin-bottom:1rem}.views-count{color:#999}.post-detail-body{padding:0 2rem 2rem;line-height:1.8;color:#333}.post-detail-body h1,.post-detail-body h2,.post-detail-body h3{margin-top:2rem;margin-bottom:1rem;color:#333}.post-detail-body p{margin-bottom:1rem}.post-detail-body img{max-width:100%;height:auto;border-radius:5px;margin:1rem 0}.post-detail-tags{padding:1rem 2rem;border-top:1px solid #e0e0e0;color:#666}.tag-link{color:#667eea;text-decoration:none;margin-left:.5rem;transition:color .3s}.tag-link:hover{color:#764ba2;text-decoration:underline}@media(max-width:768px){.post-detail{padding:1rem}.post-detail-title{font-size:2rem}.post-detail-header,.post-detail-body{padding:1.5rem}}.auth-container{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.auth-card{background:#fff;border-radius:15px;box-shadow:0 10px 40px #0000001a;padding:3rem;width:100%;max-width:450px}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:2rem;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-header p{color:#666;font-size:1rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#333;font-size:.9rem}.form-group input{padding:.75rem;border:2px solid #e0e0e0;border-radius:5px;font-size:1rem;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#667eea}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 5px 15px #667eea66}.error-message{background:#fee;color:#c33;padding:.75rem;border-radius:5px;margin-bottom:1rem;border:1px solid #fcc}.auth-footer{text-align:center;margin-top:1.5rem;color:#666}.auth-footer a{color:#667eea;text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.dashboard{max-width:1200px;margin:0 auto;padding:2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard-header h1{font-size:2rem;color:#333}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 2px 10px #0000001a;text-align:center}.stat-card h3{margin:0 0 .5rem;color:#666;font-size:.9rem;font-weight:500}.stat-number{font-size:2.5rem;font-weight:700;color:#667eea;margin:0}.dashboard-loading,.dashboard-empty,.dashboard-error{text-align:center;padding:3rem;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a}.dashboard-posts{background:#fff;border-radius:10px;padding:2rem;box-shadow:0 2px 10px #0000001a}.dashboard-posts h2{margin-top:0;margin-bottom:1.5rem;color:#333}.posts-table{width:100%;border-collapse:collapse}.posts-table th{text-align:left;padding:1rem;border-bottom:2px solid #e0e0e0;color:#666;font-weight:600}.posts-table td{padding:1rem;border-bottom:1px solid #f0f0f0}.posts-table tr:hover{background:#f9f9f9}.posts-table a{color:#667eea;text-decoration:none;font-weight:500}.posts-table a:hover{text-decoration:underline}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.status-published{background:#d4edda;color:#155724}.status-draft{background:#fff3cd;color:#856404}.status-archived{background:#f8d7da;color:#721c24}.action-buttons{display:flex;gap:.5rem}.btn{padding:.5rem 1rem;border:none;border-radius:5px;font-size:.9rem;font-weight:500;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s}.btn-primary:hover{opacity:.9}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.btn-small{padding:.25rem .75rem;font-size:.85rem}@media(max-width:768px){.dashboard-header{flex-direction:column;gap:1rem;align-items:flex-start}.posts-table{font-size:.9rem}.posts-table th,.posts-table td{padding:.5rem}}.rich-text-editor{background:#fff;border-radius:5px;border:2px solid #e0e0e0}.editor-toolbar{padding:.5rem;background:#f9f9f9;border-bottom:1px solid #e0e0e0;border-radius:5px 5px 0 0}.help-button{background:#667eea;color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;font-size:.9rem;font-weight:500;transition:opacity .3s}.help-button:hover{opacity:.9}.editor-help{padding:1rem;background:#f0f7ff;border-bottom:1px solid #e0e0e0;font-size:.9rem}.editor-help h4{margin-top:0;margin-bottom:.5rem;color:#333}.editor-help ul{margin:.5rem 0;padding-left:1.5rem}.editor-help li{margin-bottom:.25rem}.editor-help pre{background:#fff;padding:.75rem;border-radius:5px;overflow-x:auto;font-size:.85rem;margin:.5rem 0}.editor-textarea{width:100%;min-height:400px;padding:1rem;border:none;border-radius:0 0 5px 5px;font-family:Courier New,monospace;font-size:.95rem;line-height:1.6;resize:vertical;outline:none}.editor-textarea:focus{outline:none}.editor-tip{padding:.75rem 1rem;background:#fff9e6;border-top:1px solid #e0e0e0;border-radius:0 0 5px 5px;font-size:.85rem;color:#666;margin:0}.post-editor{max-width:1000px;margin:0 auto;padding:2rem}.post-editor-loading{text-align:center;padding:3rem;font-size:1.2rem;color:#666}.post-editor-error{text-align:center;padding:3rem;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a}.post-editor-error h2{color:#c33;margin-bottom:1rem}.post-editor-error p{color:#666;margin-bottom:1.5rem}.post-editor-header{margin-bottom:2rem}.post-editor-header h1{font-size:2rem;color:#333}.post-editor-form{background:#fff;border-radius:10px;padding:2rem;box-shadow:0 2px 10px #0000001a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:5px;font-size:1rem;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#667eea}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.checkbox-group{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;background:#f9f9f9;border-radius:5px}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #e0e0e0}.btn{padding:.75rem 1.5rem;border:none;border-radius:5px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){opacity:.9}.btn-secondary{background:#e0e0e0;color:#333}.btn-secondary:hover{background:#d0d0d0}.btn:disabled{opacity:.6;cursor:not-allowed}.post-detail-body iframe{max-width:100%;border-radius:5px;margin:1.5rem 0}.post-detail-body .video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;margin:1.5rem 0}.post-detail-body .video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.category-page{max-width:1200px;margin:0 auto;padding:2rem}.category-page-header{text-align:center;margin-bottom:3rem}.category-page-header h1{font-size:2.5rem;margin-bottom:.5rem;color:#333}.category-description{font-size:1.1rem;color:#666}.category-page-loading,.category-page-empty,.category-page-error{text-align:center;padding:3rem;color:#666;font-size:1.1rem}.tag-page{max-width:1200px;margin:0 auto;padding:2rem}.tag-page-header{text-align:center;margin-bottom:3rem}.tag-page-header h1{font-size:2.5rem;margin-bottom:.5rem;color:#333}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.tag-page-loading,.tag-page-empty,.tag-page-error{text-align:center;padding:3rem;color:#666;font-size:1.1rem}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination button{padding:.5rem 1rem;border:1px solid #e0e0e0;background:#fff;border-radius:5px;cursor:pointer;transition:all .3s}.pagination button:hover:not(:disabled){background:#f5f5f5;border-color:#667eea}.pagination button:disabled{opacity:.5;cursor:not-allowed}.app{min-height:100vh;display:flex;flex-direction:column;background:#f5f7fa}.main-content{flex:1;padding-top:2rem;padding-bottom:2rem}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.loading-spinner{font-size:1.2rem;color:#666}