.header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1.5rem 1rem}.header-container,.header-left,.logo{align-items:center;display:flex}.logo{color:inherit;gap:.75rem;text-decoration:none}.logo-icon{align-items:center;background:#16a34a;border-radius:.5rem;display:flex;font-size:1.25rem;height:2.5rem;justify-content:center;width:2.5rem}.logo-text h1{color:#111827;font-size:1.5rem;font-weight:700;margin:0}.logo-text p{color:#6b7280;font-size:.875rem;margin:0}.search-container{margin:0 2rem;max-width:28rem}.header-actions{align-items:center;display:flex;gap:.75rem}.btn{text-align:center;text-decoration:none}.btn-ghost{background:#0000;color:#6b7280}.btn-ghost:hover{background:#f3f4f6}@media (max-width:768px){.header-container{flex-direction:column;gap:1rem}.search-container{margin:0;max-width:none;order:3;width:100%}.header-actions{order:2}}.app{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;padding-top:80px}.category-sidebar{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.category-header{border-bottom:1px solid #e5e7eb;padding:1rem}.category-header h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.category-list{display:flex;flex-direction:column;gap:.25rem;padding:.5rem}.category-item{align-items:center;background:#0000;border:none;border-radius:.375rem;cursor:pointer;display:flex;gap:.5rem;padding:.75rem;text-align:left;transition:all .2s;width:100%}.category-item:hover{background:#f3f4f6}.category-item.active{background:#16a34a;color:#fff}.category-icon{font-size:1rem}.category-label{font-size:.875rem;font-weight:500}.statistics{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.statistics-header{border-bottom:1px solid #e5e7eb;padding:1rem}.statistics-header h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.statistics-content{display:flex;flex-direction:column;gap:1rem;padding:1rem}.stat-item{justify-content:space-between}.stat-label{color:#6b7280;font-size:.875rem}.stat-value{color:#111827;font-weight:600}.post-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:box-shadow .2s}.post-card:hover{box-shadow:0 4px 6px #0000001a}.post-header{padding:1.5rem}.post-meta{margin-bottom:.5rem}.post-info{gap:.5rem}.post-time{align-items:center;display:flex;gap:.25rem}.time-icon{font-size:.75rem}.post-title{font-size:1.125rem;margin:0 0 .5rem}.post-content{color:#6b7280;line-height:1.6;margin:0}.post-actions{border-top:1px solid #e5e7eb;padding:1rem 1.5rem}.post-stats{gap:1rem}.stat-button{border-radius:.25rem;gap:.25rem;padding:.25rem}.stat-button.active{background:#eff6ff;color:#2563eb}.detail-button{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;font-size:.875rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.detail-button:hover{background:#f9fafb}.comments-expanded{background:#f9fafb;border-top:1px solid #e5e7eb;padding:1rem 1.5rem}.comments-header{margin-bottom:1rem}.comments-header h4{color:#374151;font-size:.875rem;font-weight:600;margin:0}.comment-form{background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;margin-bottom:1rem;padding:1rem}.comment-input{font-family:inherit;margin-bottom:.5rem}.comment-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.comment-submit-btn{background:#2563eb}.comment-submit-btn:hover:not(:disabled){background:#1d4ed8}.comment-submit-btn:disabled{background:#9ca3af}.comments-list{max-height:300px}.comment-item{background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;margin-bottom:.5rem;padding:.75rem}.comment-item:last-child{margin-bottom:0}.comment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.comment-time{color:#6b7280;font-size:.75rem}.comment-content{color:#374151;font-size:.875rem;line-height:1.5;white-space:pre-wrap}.loading-comments,.no-comments{color:#6b7280;font-size:.875rem;padding:1rem;text-align:center}.loading-comments{color:#2563eb}.post-list{display:flex;flex-direction:column;gap:1rem}.empty-state{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:3rem}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-title{color:#374151;font-size:1.125rem;margin:0 0 .25rem}.empty-subtitle{color:#6b7280;font-size:.875rem;margin:0}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:.5rem;box-shadow:0 10px 25px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:100%}.modal-header{border-bottom:1px solid #e5e7eb;padding:1.5rem;position:relative}.modal-header h2{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.modal-header p{color:#6b7280;font-size:.875rem;margin:0}.close-button{background:#0000;border:none;border-radius:.25rem;color:#6b7280;cursor:pointer;font-size:1.25rem;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s}.close-button:hover{background:#f3f4f6;color:#374151}.modal-form{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;outline:none;padding:.75rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.form-group textarea{min-height:120px;resize:vertical}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.btn-outline{background:#fff}.home{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);min-height:calc(100vh - 80px)}.content-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.search-container{flex:1 1;max-width:400px}.search-input-wrapper{position:relative}.search-icon{color:#9ca3af;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.search-input{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;outline:none;padding:.5rem .75rem .5rem 2.5rem;transition:border-color .2s;width:100%}.search-input:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.btn{gap:.5rem}.btn,.loading-container{align-items:center;display:flex}.loading-container{height:50vh;justify-content:center}@media (max-width:768px){.content-header{align-items:stretch;flex-direction:column}.search-container{max-width:none}}.login-page{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:2rem 1rem}.login-container{background:#fff;border-radius:.5rem;box-shadow:0 10px 25px #0000001a;max-width:400px;padding:2rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-header h2{color:#111827;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.login-header p{color:#6b7280;margin:0}.login-form{display:flex;flex-direction:column;gap:1rem}.login-footer{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.login-footer p{color:#6b7280;margin:0}.login-footer a{color:#16a34a;font-weight:500;text-decoration:none}.login-footer a:hover{text-decoration:underline}.register-page{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:2rem 1rem}.register-container{background:#fff;border-radius:.5rem;box-shadow:0 10px 25px #0000001a;max-width:400px;padding:2rem;width:100%}.register-header{margin-bottom:2rem;text-align:center}.register-header h2{color:#111827;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.register-header p{color:#6b7280;margin:0}.error-message{background:#fef2f2;border-radius:.375rem;font-size:.875rem;margin-bottom:1rem;padding:.75rem}.register-form{gap:1rem}.form-group,.register-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#374151;font-size:.875rem;font-weight:500}.form-group input{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;outline:none;padding:.75rem;transition:border-color .2s}.form-group input:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.btn{margin-top:.5rem;padding:.75rem 1.5rem}.btn-primary:hover:not(:disabled){background:#15803d}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.register-footer{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.register-footer p{color:#6b7280;margin:0}.register-footer a{color:#16a34a;font-weight:500;text-decoration:none}.register-footer a:hover{text-decoration:underline}.comment-section{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.comment-header{border-bottom:1px solid #e5e7eb;padding:1.5rem 2rem 1rem}.comment-header h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.comment-form{border-bottom:1px solid #e5e7eb;padding:1.5rem 2rem}.comment-input-wrapper{display:flex;flex-direction:column;gap:1rem}.comment-input{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;min-height:80px;outline:none;padding:.75rem;resize:vertical;transition:border-color .2s;width:100%}.comment-input:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.comment-submit-btn{align-self:flex-end;background:#16a34a;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.comment-submit-btn:hover:not(:disabled){background:#15803d}.comment-submit-btn:disabled{cursor:not-allowed;opacity:.6}.comments-list{max-height:600px;overflow-y:auto}.no-comments{color:#6b7280;padding:3rem 2rem;text-align:center}.comment-item{border-bottom:1px solid #f3f4f6;padding:1.5rem 2rem}.comment-item:last-child{border-bottom:none}.comment-header-info{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.comment-author-info{display:flex;flex-direction:column;gap:.25rem}.comment-author{color:#374151;font-size:.875rem;font-weight:500}.comment-date{color:#6b7280;font-size:.75rem}.comment-updated{color:#f59e0b;font-style:italic}.comment-actions{align-items:center;display:flex;gap:.5rem}.comment-action-btn{background:#0000;border:none;border-radius:.25rem;cursor:pointer;font-size:.75rem;font-weight:500;padding:.25rem .5rem;transition:all .2s}.comment-edit-btn{color:#2563eb}.comment-edit-btn:hover{background:#eff6ff}.comment-delete-btn{color:#dc2626}.comment-delete-btn:hover{background:#fef2f2}.comment-delete-btn:disabled{cursor:not-allowed;opacity:.5}.comment-update-btn{background:#16a34a;color:#fff;padding:.25rem .75rem}.comment-update-btn:hover:not(:disabled){background:#15803d}.comment-update-btn:disabled{cursor:not-allowed;opacity:.6}.comment-cancel-btn{background:#6b7280;color:#fff;padding:.25rem .75rem}.comment-cancel-btn:hover{background:#4b5563}.comment-content p{color:#374151;line-height:1.6;margin:0;white-space:pre-wrap}.comment-edit-input{border:1px solid #d1d5db;border-radius:.375rem;font-family:inherit;font-size:.875rem;min-height:80px;outline:none;padding:.75rem;resize:vertical;transition:border-color .2s;width:100%}.comment-edit-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.post-detail-page{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);min-height:calc(100vh - 80px);padding:2rem 1rem}.post-detail-container{margin:0 auto;max-width:800px}.back-button{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;cursor:pointer;font-size:.875rem;margin-bottom:1.5rem;padding:.5rem 1rem;transition:all .2s}.back-button:hover{background:#f9fafb}.post-detail{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;overflow:hidden}.post-detail-header{border-bottom:1px solid #e5e7eb;padding:2rem}.post-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.category-badge{border-radius:.25rem;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.category-notice{background:#fef2f2;color:#dc2626}.category-web{background:#eff6ff;color:#2563eb}.category-data{background:#f0fdf4;color:#16a34a}.category-general{background:#faf5ff;color:#9333ea}.category-default{background:#f3f4f6;color:#374151}.post-info{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:1rem}.author-name{color:#374151;font-weight:500}.post-updated{color:#f59e0b;font-style:italic}.post-title{color:#111827;font-size:1.5rem;font-weight:600;line-height:1.4;margin:0}.post-content{border-bottom:1px solid #e5e7eb;padding:2rem}.post-content p{color:#374151;line-height:1.7;margin:0;white-space:pre-wrap}.post-actions{justify-content:space-between;padding:1.5rem 2rem}.post-actions,.post-stats{align-items:center;display:flex}.post-stats{gap:1.5rem}.stat-button{align-items:center;background:#0000;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem;transition:all .2s}.stat-button:hover:not(:disabled){background:#f3f4f6}.stat-button:disabled{cursor:not-allowed;opacity:.5}.stat-button.liked{color:#dc2626}.stat-item{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.stat-icon{font-size:1rem}.author-actions{display:flex;gap:.5rem}.edit-form{margin-top:1rem}.edit-title-input{font-size:1.5rem;font-weight:600}.edit-content-input,.edit-title-input{border:1px solid #d1d5db;border-radius:.375rem;font-family:inherit;margin-bottom:1rem;padding:.75rem;width:100%}.edit-content-input{font-size:1rem;min-height:200px;resize:vertical}.edit-category-select{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;margin-bottom:1rem;padding:.5rem}.edit-actions{display:flex;gap:.5rem}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;height:50vh;justify-content:center}.loading-spinner{color:#6b7280;font-size:1.125rem}.error-message{color:#dc2626;font-size:1.125rem;text-align:center}.btn{border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-primary{background:#16a34a;color:#fff}.btn-primary:hover{background:#15803d}.btn-outline{background:#0000;border:1px solid #d1d5db;color:#374151}.btn-outline:hover{background:#f9fafb}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.mypage-container{background-color:#f8f9fa;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.mypage-header{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:30px}.mypage-header h1{color:#333;font-size:2rem;font-weight:600;margin:0 0 20px}.user-info{gap:20px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#e9ecef;border-radius:50%;color:#6c757d;font-size:2rem;font-weight:700;height:80px;justify-content:center;overflow:hidden;width:80px}.user-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:2rem;font-weight:700;height:100%;justify-content:center;width:100%}.user-details h2{color:#333;font-size:1.5rem;margin:0 0 8px}.user-details p{color:#6c757d;font-size:.9rem;margin:4px 0}.mypage-tabs{display:flex;gap:10px;margin-bottom:20px}.tab-button{background:#fff;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#6c757d;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .3s ease}.tab-button:hover{background:#f8f9fa;color:#495057}.tab-button.active{background:#007bff;color:#fff}.mypage-content{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:30px}.comments-list,.posts-list{display:flex;flex-direction:column;gap:20px}.comment-item,.post-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;transition:all .3s ease}.comment-item:hover,.post-item:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff26}.post-item h3{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 10px}.comment-meta,.post-meta{color:#6c757d;font-size:.85rem;margin:8px 0}.comment-content,.post-content{color:#495057;line-height:1.6;margin:10px 0 0}.empty-state{color:#6c757d;padding:60px 20px;text-align:center}.empty-state p{font-size:1.1rem;margin:0}.mypage-loading{color:#6c757d;font-size:1.1rem}.mypage-error,.mypage-loading{padding:60px 20px;text-align:center}.mypage-error{color:#dc3545}.mypage-error h2{color:#dc3545;margin:0 0 10px}.mypage-error p{color:#6c757d;margin:0}@media (max-width:768px){.mypage-container{padding:10px}.mypage-header{padding:20px}.user-info{text-align:center}.mypage-tabs,.user-info{flex-direction:column}.tab-button{text-align:center}}.main-container{margin:0 auto;max-width:1200px;padding:2rem 1rem}.content-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 3fr}.sidebar{display:flex;flex-direction:column;gap:1.5rem}.main-content{min-height:400px}@media (max-width:1024px){.content-grid{grid-template-columns:1fr}.sidebar{order:2}.main-content{order:1}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button,input,select,textarea{font-family:inherit}
/*# sourceMappingURL=main.126a4847.css.map*/