:root{--primary:#fff;--secondary:#ffffff99;--background:#0b151e;--surface:#1a2332;--surface-hover:#212d3f;--border:#ffffff15;--accent-blue:#1b72e8;--accent-purple:#8b5cf6;--gradient-primary:linear-gradient(135deg,#1b72e8,#8b5cf6);--gradient-hero:linear-gradient(135deg,rgba(27,114,232,0.15),rgba(139,92,246,0.15))}*{margin:0;padding:0;box-sizing:border-box}body,html{background:var(--background)}body{font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--primary);min-height:100vh;line-height:1.6}.header{position:fixed;top:0;left:0;right:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(11,21,30,.8);border-bottom:1px solid var(--border)}.header-content{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:600;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-user{display:flex;align-items:center;gap:1rem}.user-email{color:var(--secondary);font-size:.9rem;text-decoration:none;transition:color .2s;cursor:pointer}.user-email:hover{color:var(--primary)}.nav-loading{color:var(--secondary);font-size:.9rem}.button{padding:.65rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;border:none;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.button-primary{background:var(--gradient-primary);color:white}.button-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(27,114,232,.3)}.button-secondary{background:transparent;color:var(--primary);border:1px solid var(--border)}.button-secondary:hover{background:var(--surface);border-color:var(--accent-blue)}.hero{max-width:1200px;margin:0 auto;padding:8rem 2rem 6rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center;min-height:calc(100vh - 80px)}.hero-content h1{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;letter-spacing:-.02em}.hero-content h1 .gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-content p{font-size:1.25rem;color:var(--secondary);margin-bottom:2rem;line-height:1.7}.hero-buttons{display:flex;gap:1rem}.hero-visual{position:relative;height:500px;border-radius:24px;background:var(--gradient-hero);border:1px solid var(--border);overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(27,114,232,.2) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.2) 0,transparent 50%)}.hero-placeholder{position:relative;z-index:1;width:80%;height:80%;background:var(--surface);border-radius:16px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--secondary);font-size:1.5rem;font-weight:500}.features{max-width:1200px;margin:6rem auto;padding:0 2rem 4rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;margin-top:3rem}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:all .3s}.feature-card:hover{background:var(--surface-hover);border-color:var(--accent-blue);transform:translateY(-4px)}.feature-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.feature-card h3{font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.feature-card p{color:var(--secondary);line-height:1.6}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 1.5rem 2rem}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:3rem;width:100%;max-width:450px}.auth-card h1{font-size:2rem;font-weight:600;margin-bottom:.5rem;text-align:center}.auth-card .subtitle{color:var(--secondary);text-align:center;margin-bottom:2rem}.auth-form{gap:1.25rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-size:.9rem;font-weight:500;color:var(--primary)}.input-wrapper{position:relative}.form-group input{width:100%;padding:.75rem 1rem;background:var(--background);border:1px solid var(--border);border-radius:8px;color:var(--primary);font-size:.95rem;font-family:inherit;transition:all .2s}.form-group input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(27,114,232,.1)}.form-group input.error{border-color:#ef4444}.password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--secondary);cursor:pointer;padding:.25rem;font-size:.9rem;transition:color .2s}.password-toggle:hover{color:var(--primary)}.error-message{color:#ef4444;font-size:.85rem;margin-top:-.5rem}.button-full{width:100%;padding:.85rem 1.5rem;font-size:1rem;margin-top:.5rem}.button-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-primary:disabled:hover{transform:none;box-shadow:none}.auth-footer{margin-top:1.5rem;text-align:center;color:var(--secondary);font-size:.9rem}.auth-footer a{color:var(--accent-blue);text-decoration:none;font-weight:500;transition:color .2s}.auth-footer a:hover{color:var(--accent-purple)}.my-page-container{min-height:100vh;padding:6rem 2rem 4rem;max-width:1200px;margin:0 auto}.my-page-loading{text-align:center;color:var(--secondary);padding:4rem;font-size:1.1rem}.my-page-content{display:flex;flex-direction:column;gap:3rem}.user-info-section{width:100%}.user-info-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:3rem}.user-info-card h1{font-size:2.5rem;font-weight:600;margin-bottom:2rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-details{display:flex;flex-direction:column;gap:1.5rem}.user-detail-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.user-detail-item:last-child{border-bottom:none;padding-bottom:0}.detail-label{font-size:.95rem;color:var(--secondary);font-weight:500}.detail-value{font-size:1rem;color:var(--primary);font-weight:500}.posts-section{width:100%}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-header h2{font-size:1.75rem;font-weight:600;color:var(--primary)}.empty-state{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:4rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.empty-icon{font-size:4rem;margin-bottom:.5rem;opacity:.5}.empty-state h3{font-size:1.5rem;font-weight:600;color:var(--primary);margin-bottom:.5rem}.empty-state p{font-size:1rem;color:var(--secondary);margin-bottom:1.5rem;max-width:400px}@media (max-width:768px){.header-content{padding:1rem}.hero{grid-template-columns:1fr;gap:3rem;padding:6rem 1.5rem 4rem;min-height:auto}.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.1rem}.hero-buttons{flex-direction:column}.hero-visual{height:350px}.features{padding:0 1.5rem 3rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.auth-card{padding:2rem 1.5rem}.auth-card h1{font-size:1.75rem}.my-page-container{padding:6rem 1.5rem 3rem}.user-info-card{padding:2rem 1.5rem}.user-info-card h1{font-size:2rem}.section-header{flex-direction:column;gap:1rem;align-items:flex-start}.section-header h2{font-size:1.5rem}.empty-state{padding:3rem 1.5rem}.empty-icon{font-size:3rem}.empty-state h3{font-size:1.25rem}.user-detail-item{flex-direction:column;align-items:flex-start;gap:.5rem}}.comment-section{margin-top:3rem;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem}.comment-section-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.comment-section-header h3{font-size:1.5rem;font-weight:600;color:var(--primary)}.comment-form-container{margin-bottom:2rem}.comment-form{display:flex;flex-direction:column;gap:.75rem}.comment-form textarea{width:100%;padding:.75rem 1rem;background:var(--background);border:1px solid var(--border);border-radius:8px;color:var(--primary);font-size:.95rem;font-family:inherit;resize:vertical;transition:all .2s;line-height:1.6;min-height:80px}.comment-form textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(27,114,232,.1)}.comment-form-footer{display:flex;justify-content:space-between;align-items:center}.comment-char-count{font-size:.85rem;color:var(--secondary)}.comment-form-buttons{display:flex;gap:.5rem}.comment-form-login{padding:1.5rem;background:var(--background);border:1px solid var(--border);border-radius:8px;text-align:center;color:var(--secondary)}.comment-form-login .login-link{color:var(--accent-blue);text-decoration:none;font-weight:500;transition:color .2s}.comment-form-login .login-link:hover{color:var(--accent-purple)}.comment-loading{padding:2rem}.comment-empty,.comment-loading{text-align:center;color:var(--secondary)}.comment-empty{padding:3rem 2rem;background:var(--background);border-radius:8px}.comment-list{display:flex;flex-direction:column;gap:.75rem}.comment-item{padding:1.5rem;background:var(--background);border:1px solid var(--border);border-radius:12px;transition:all .2s}.comment-item.editing,.comment-item:hover{background:var(--surface)}.comment-item.editing{border-color:var(--accent-blue)}.comment-list>.comment-item{margin-bottom:.5rem}.comment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.comment-author{display:flex;align-items:center;gap:.75rem}.comment-author-image{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--border);flex-shrink:0}.comment-item.depth-1 .comment-author-image,.comment-item.depth-2 .comment-author-image{width:28px;height:28px}.comment-author-info{display:flex;flex-direction:column;gap:.25rem}.comment-author-name{font-size:.9rem;font-weight:600;color:var(--primary)}.comment-time{font-size:.75rem;color:var(--secondary);font-weight:400}.comment-actions{display:flex;gap:.5rem}.comment-action-btn{padding:.3rem .6rem;background:transparent;border:none;border-radius:4px;color:var(--secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.comment-action-btn:hover{background:var(--surface);color:var(--primary)}.comment-action-btn.delete{color:#ef4444}.comment-action-btn.delete:hover{background:#ef444410;color:#dc2626}.comment-action-btn:disabled{opacity:.5;cursor:not-allowed}.comment-content{font-size:.9rem;line-height:1.5;color:var(--primary);white-space:pre-wrap;word-break:break-word;margin-top:.5rem}@media (max-width:768px){.comment-section{padding:1rem;margin-top:2rem}.comment-section-header h3{font-size:1.25rem}.comment-item{padding:1rem}.comment-list>.comment-item{margin-bottom:.5rem}.comment-header{flex-direction:row;align-items:flex-start}.comment-actions{flex-wrap:wrap}.comment-form-footer{flex-direction:column;align-items:flex-start;gap:.5rem}.comment-form-buttons{width:100%;justify-content:flex-end}.comment-author-image{width:28px;height:28px}.comment-item.depth-1 .comment-author-image,.comment-item.depth-2 .comment-author-image{width:24px;height:24px}}.comment-reply-form{margin-top:1rem;background:transparent;border-left:2px solid var(--accent-blue);padding:.75rem .75rem .75rem 1rem}.comment-reply-form .comment-form{gap:.5rem}.comment-reply-form .comment-form textarea{min-height:60px;font-size:.9rem}.comment-item.deleted{opacity:.7;border:none}.comment-item.deleted,.comment-item.deleted:hover{background:transparent}.comment-deleted-message{padding:.5rem 0;color:var(--secondary);font-style:italic;font-size:.9rem;text-align:left}.comment-item{position:relative}.comment-item.depth-0{margin-left:0}.comment-item.depth-1,.comment-item.depth-2{margin-left:2.5rem;padding-left:1.5rem;position:relative}.comment-item.depth-1:before,.comment-item.depth-2:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--border);transition:background .2s}.comment-item.depth-1:before{background:rgba(27,114,232,.3)}.comment-item.depth-2:before{background:rgba(147,51,234,.3)}.comment-item.depth-1:hover:before{background:var(--accent-blue)}.comment-item.depth-2:hover:before{background:var(--accent-purple)}.comment-replies{margin-top:.75rem;display:flex;flex-direction:column;gap:.75rem}.comment-item .comment-item{border:none;border-radius:0;padding:1rem 1.5rem;background:transparent}.comment-item .comment-item:hover{background:rgba(27,114,232,.03);border:none}@media (max-width:768px){.comment-item.depth-1,.comment-item.depth-2{margin-left:1.5rem;padding-left:1rem}.comment-item .comment-item{padding:.75rem 1rem}.reply-indicator{flex-direction:column;align-items:flex-start;gap:.5rem}}.toastui-editor-defaultUI{background:#ffffff!important;border:1px solid #d1d5db!important;border-radius:8px!important}.toastui-editor-defaultUI-toolbar{background:#f9fafb!important;border-bottom:1px solid #e5e7eb!important}.toastui-editor-toolbar-icons{color:#374151!important}.toastui-editor-toolbar-icons:hover{background:#e5e7eb!important;color:#1f2937!important}.toastui-editor-md-container,.toastui-editor-ww-container{background:#ffffff!important;color:#111827!important}.toastui-editor-contents{color:#111827!important}.toastui-editor-contents h1,.toastui-editor-contents h2,.toastui-editor-contents h3,.toastui-editor-contents h4,.toastui-editor-contents h5,.toastui-editor-contents h6{color:#111827!important;border-bottom-color:#e5e7eb!important}.toastui-editor-contents a{color:#2563eb!important}.toastui-editor-contents code{background:#f3f4f6!important;color:#be185d!important}.toastui-editor-contents pre{background:#f9fafb!important;border-color:#e5e7eb!important}.toastui-editor-contents blockquote{border-left-color:#3b82f6!important;color:#6b7280!important;background:#eff6ff!important}.toastui-editor-contents table,.toastui-editor-contents td,.toastui-editor-contents th{border-color:#e5e7eb!important}.toastui-editor-contents th{background:#f9fafb!important}.toastui-editor-contents{color:#e8edf2!important}.toastui-editor-contents h1,.toastui-editor-contents h2,.toastui-editor-contents h3,.toastui-editor-contents h4,.toastui-editor-contents h5,.toastui-editor-contents h6{color:#ffffff!important;border-bottom-color:var(--border)!important;padding-bottom:.3em;margin-top:1.5em;margin-bottom:.75em}.toastui-editor-contents p{color:#e8edf2!important}.toastui-editor-contents a{color:var(--accent-blue)!important;text-decoration:none}.toastui-editor-contents a:hover{text-decoration:underline}.toastui-editor-contents code{background:var(--surface-hover)!important;color:var(--accent-purple)!important;padding:.2em .4em;border-radius:3px}.toastui-editor-contents pre{background:var(--surface-hover)!important;border:1px solid var(--border)!important;padding:1em;border-radius:8px;overflow-x:auto}.toastui-editor-contents pre code{background:transparent!important;color:#e8edf2!important;padding:0}.toastui-editor-contents blockquote{border-left:4px solid var(--accent-blue)!important;color:var(--secondary)!important;background:rgba(27,114,232,.05)!important;padding:.5em 1em;margin:1em 0;border-radius:4px}.toastui-editor-contents table{width:100%;border-collapse:collapse;margin:1em 0;border-color:var(--border)!important}.toastui-editor-contents td,.toastui-editor-contents th{border:1px solid var(--border)!important;padding:.75em 1em;text-align:left;color:#e8edf2!important}.toastui-editor-contents th{background:var(--surface)!important;font-weight:600}.toastui-editor-contents ol,.toastui-editor-contents ul{margin-left:1.5em;padding-left:0;color:#e8edf2!important}.toastui-editor-contents li{color:#e8edf2!important}.toastui-editor-contents img{max-width:100%;height:auto;border-radius:8px}.toastui-editor-contents hr{border-color:var(--border)!important}.ProseMirror{background:#1a2332!important;color:#ffffff!important}.ProseMirror-focused{outline:none!important}.ProseMirror .placeholder{color:#9ca3af!important}.toastui-editor-popup{border:1px solid #d1d5db!important;box-shadow:0 4px 6px rgba(0,0,0,.1)!important}.toastui-editor-popup,.toastui-editor-popup-body ul{background:#ffffff!important}.toastui-editor-popup-body ul li{color:#111827!important}.toastui-editor-popup-body ul li:hover{background:#f3f4f6!important;color:#111827!important}.markdown-viewer{font-size:1.1rem;line-height:1.8;color:var(--primary)}.markdown-viewer h1,.markdown-viewer h2,.markdown-viewer h3,.markdown-viewer h4,.markdown-viewer h5,.markdown-viewer h6{color:#ffffff;border-bottom:1px solid var(--border);padding-bottom:.3em;margin-top:1.5em;margin-bottom:.75em;font-weight:600}.markdown-viewer h1{font-size:2em}.markdown-viewer h2{font-size:1.5em}.markdown-viewer h3{font-size:1.25em}.markdown-viewer h4{font-size:1.1em}.markdown-viewer p{color:#e8edf2;margin:1em 0}.markdown-viewer a{color:var(--accent-blue);text-decoration:none;transition:color .2s}.markdown-viewer a:hover{color:var(--accent-purple);text-decoration:underline}.markdown-viewer code{background:var(--surface-hover);color:var(--accent-purple);padding:.2em .4em;border-radius:3px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.9em}.markdown-viewer pre{background:var(--surface-hover);border:1px solid var(--border);padding:1em;border-radius:8px;overflow-x:auto;margin:1em 0}.markdown-viewer pre code{background:transparent;color:#e8edf2;padding:0}.markdown-viewer blockquote{border-left:4px solid var(--accent-blue);color:var(--secondary);background-color:rgba(27,114,232,.05);padding:.5em 1em;margin:1em 0;border-radius:4px}.markdown-viewer table{border-collapse:collapse;width:100%;margin:1em 0;border:1px solid var(--border)}.markdown-viewer td,.markdown-viewer th{border:1px solid var(--border);padding:.75em 1em;text-align:left;color:#e8edf2}.markdown-viewer th{background:var(--surface);font-weight:600}.markdown-viewer ol,.markdown-viewer ul{color:#e8edf2;padding-left:2em;margin:1em 0}.markdown-viewer li{margin:.5em 0}.markdown-viewer img{max-width:100%;height:auto;border-radius:8px;margin:1em 0;border:1px solid var(--border)}.markdown-viewer hr{border:none;border-top:1px solid var(--border);margin:2em 0}