body{font-family:Pretendard,sans-serif;margin:0}code{font-family:Pretendard,monospace}*{box-sizing:border-box;margin:0;padding:0}@font-face{font-display:swap;font-family:Pretendard;font-weight:100;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2) format("woff2")}@font-face{font-display:swap;font-family:Pretendard;font-weight:200;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2) format("woff2")}@font-face{font-display:swap;font-family:Pretendard;font-weight:300;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2) format("woff2")}@font-face{font-display:swap;font-family:Pretendard;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Pretendard;font-weight:500;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Pretendard;font-weight:600;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Pretendard;font-weight:700;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Pretendard;font-weight:800;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Pretendard;font-weight:900;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2) format("woff2")}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.sidebar-content{padding:20px}.sidebar-header{align-items:center;display:flex;justify-content:space-between}.sidebar-title{font-size:1.5rem;margin:0}.category-nav{gap:8px}.category-container{justify-content:column;width:100%}.category-item{background:#0000;border-radius:4px;padding:8px 12px;position:relative;transition:background-color .2s}.category-item:hover{background-color:#0000000d}.category-item.active{background-color:#0000001a}.category-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-count{background-color:#0000001a;border-radius:10px;font-size:.8rem;margin-left:8px;padding:2px 6px}.folder-icon{cursor:pointer;display:flex;justify-content:center;margin-right:4px;-webkit-user-select:none;user-select:none}.subcategories{margin-left:16px}.category-actions{display:none;gap:4px;justify-content:center;padding-right:24px;position:absolute;right:12px}.category-item:hover .category-actions{display:flex}.category-action-btn{background:#0000;border:none;border-radius:50%;cursor:pointer;opacity:.7;padding:2px;transition:opacity .2s}.category-action-btn:hover{opacity:1}.add-root-category-btn{size:22px;align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center}.add-root-category-btn:hover{background-color:#0000000d}.category-edit-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:inherit;padding:4px 8px}.category-edit-input:focus{border-color:#07c;box-shadow:0 0 0 2px #07c3;outline:none}.post-category-path{color:gray;font-size:14px}.Home{background-color:#fafafa;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.Home *{box-sizing:border-box}.Home .mobile-sidebar{animation:slideIn .3s ease-in-out;background-color:#fff;box-shadow:2px 0 10px #0000001a;height:calc(100vh - 64px);left:0;overflow-y:auto;padding-bottom:20px;position:fixed;top:64px;width:280px;z-index:90}.Home .main-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:240px minmax(0,1fr) 240px;margin:0 auto;max-width:1200px;padding:80px 12px 12px;width:100%}.Home .sidebar-wrapper{max-height:calc(100vh - 100px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:80px}.Home .main-content{flex:1 1}.Home .right-sidebar{display:flex;flex-direction:column;max-height:calc(100vh - 100px);position:-webkit-sticky;position:sticky;width:240px}.Home .loading{align-items:center;color:#666;display:flex;font-size:1.1rem;justify-content:center;min-height:60vh}.Home .error{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:3rem auto;max-width:600px;padding:2rem;text-align:center}.Home .error h2{color:#f44336;margin-bottom:1rem}.Home .error button{background-color:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:1rem;padding:8px 16px}.Home .error button:hover{background-color:#3367d6}@media(max-width:1024px){.Home .main-layout{grid-template-columns:240px 1fr}.Home .right-sidebar{display:none}}@media(max-width:768px){.Home .main-layout{grid-template-columns:1fr}.Home .sidebar-wrapper{display:none}}@media(max-width:480px){.Home .main-layout{gap:10px;padding:5px}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.Post{padding-top:64px;width:100vw}.Post,.Post .post-container{display:flex;justify-content:center}.Post .post-container{max-width:1400px;padding:30px 10px 10px;position:relative;width:100%}.Post .post-container .post-date{color:#777}.Post .post-view{background-color:#fff;height:-webkit-fit-content;height:fit-content;margin-bottom:50px;max-width:800px;padding:15px;width:100%}.Post .post-header{padding-bottom:1rem}.Post .post-header h1{color:#333;font-size:2.2rem;line-height:1.3;margin-bottom:1rem}.Post .post-author{font-weight:700}.Post .post-category{background-color:#e8f0fe;border-radius:4px;color:#4285f4;font-size:.9rem;padding:2px 8px}.Post .post-category-path{color:gray;margin-bottom:5px}.Post .post-category-path .category-path-item{color:#eee;font-size:14px}.Post .post-category-path .category-path-item.clickable{color:gray;font-weight:600}.Post .post-category-path .category-path-item.clickable:hover{color:var(--primary-blue)}.Post .post-category-path .category-path-separator{color:#6c757d;font-weight:700}.Post .post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:.8rem}.Post .post-tag{background-color:#f5f5f5;border-radius:4px;color:#555;font-size:.85rem;padding:2px 8px}.Post .post-stats{align-items:center;color:#777;display:flex;justify-content:space-between}.Post .post-like-btn{align-items:center;background-color:#0000;border:none;color:#f44336;cursor:pointer;display:flex;font-size:.9rem;padding:5px 12px;transition:all .2s}.Post .tiptap-view{color:#333;font-family:Pretendard,-apple-system,sans-serif;font-size:1.05rem;line-height:1.8;margin:2rem 0}.Post .tiptap-view p{margin:.6em 0 1em}.Post .tiptap-view h1{font-size:2em;font-weight:700;margin:1.5rem 0 .8rem}.Post .tiptap-view h2{font-size:1.6em;font-weight:700;margin:1.4rem 0 .7rem}.Post .tiptap-view h3{font-size:1.3em;font-weight:600;margin:1.2rem 0 .6rem}.Post .tiptap-view h4{font-size:1.1em;font-weight:600;margin:1rem 0 .5rem}.Post .tiptap-view h5,.Post .tiptap-view h6{font-size:1em;font-weight:600;margin:.8rem 0 .4rem}.Post .tiptap-view img{border-radius:6px;display:block;height:auto;margin:1rem 0;max-width:100%}.Post .tiptap-view a{color:#2563eb;text-decoration:underline;text-underline-offset:2px}.Post .tiptap-view blockquote{background:#f0f4ff;border-left:4px solid #4285f4;border-radius:0 6px 6px 0;color:#555;margin:1.5rem 0;padding:.5em 0 .5em 1.2em}.Post .tiptap-view pre{background:#282c34;border-radius:8px;margin:1.2em 0;overflow-x:auto;padding:1.2em 1.5em}.Post .tiptap-view pre code{background:none;border:none;color:#abb2bf;font-family:JetBrains Mono,Fira Code,monospace;font-size:.92em;line-height:1.6}.Post .tiptap-view code{background:#f1f3f5;border:1px solid #e0e0e0;border-radius:3px;color:#e83e8c;font-family:JetBrains Mono,Fira Code,monospace;font-size:.88em;padding:.15em .4em}.Post .tiptap-view ol,.Post .tiptap-view ul{margin:.6em 0;padding-left:1.8em}.Post .tiptap-view li{margin:.25em 0}.Post .tiptap-view hr{border:none;border-top:2px solid #e5e7eb;margin:1.5em 0}.Post .tiptap-view mark{background-color:#fef08a;border-radius:2px;padding:0 2px}.Post .tiptap-view strong{font-weight:700}.Post .tiptap-view em{font-style:italic}.Post .tiptap-view u{text-decoration:underline}.Post .tiptap-view s{text-decoration:line-through}.Post .post-actions{border-top:1px solid #eaeaea;display:flex;gap:10px;margin-top:2rem;padding-top:1rem}.Post .post-actions button{border-radius:4px;cursor:pointer;font-weight:700;padding:8px 16px;transition:background-color .2s}.Post .edit-btn{background-color:#4285f4;border:none;color:#fff}.Post .edit-btn:hover{background-color:#3367d6}.Post .delete-btn{background-color:#f44336;border:none;color:#fff}.Post .delete-btn:hover{background-color:#d32f2f}.Post .back-btn{background-color:#f5f5f5;border:1px solid #ddd;color:#555;margin-left:auto}.Post .back-btn:hover{background-color:#e5e5e5}.Post .post-error,.Post .post-loading{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:3rem auto;max-width:600px;padding:2rem;text-align:center}.Post .post-error h2{color:#f44336;margin-bottom:1rem}.Post .post-error button{background-color:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:1rem;padding:8px 16px}@media(max-width:1200px){.Post .post-container{justify-content:center}.Post .post-view{max-width:100%}}@media(max-width:768px){.Post .post-view{margin:0;padding:15px}.Post .post-container{padding:30px 10px 10px}.Post .post-header h1{font-size:1.8rem}.Post .post-actions{flex-wrap:wrap}}.comment-form{background-color:initial;border-radius:0;margin-bottom:24px;padding:0;transition:none}.comment-form,.comment-form:hover,.reply-form{box-shadow:none}.reply-form{background-color:initial;margin:16px 0 0;padding:0}.reply-form .form-field textarea{min-height:80px}.error-message{background:#fff0f0;background:var(--primary-light,#fff0f0);border:none;border-radius:8px;border-radius:var(--radius-sm,8px);color:#ff6b6b;color:var(--primary-color,#ff6b6b);font-size:14px;font-weight:500;margin-bottom:16px;padding:12px 16px}.comment-form h4{color:#191f28;color:var(--text-primary,#191f28);font-size:16px;font-weight:600;letter-spacing:-.2px;margin-bottom:20px}.form-field{margin-bottom:16px}.form-row{display:flex;gap:16px}.form-row .form-field{flex:1 1}.form-field label{color:#4e5968;color:var(--text-secondary,#4e5968);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-field input{background-color:#fff;background-color:var(--bg-primary,#fff);border:1px solid #e5e8eb;border:1px solid var(--border-light,#e5e8eb);border-radius:8px;border-radius:var(--radius-sm,8px);color:#191f28;color:var(--text-primary,#191f28);font-family:Pretendard;font-size:15px;padding:14px 16px;transition:all .15s ease;width:100%}.form-field input:focus{border-color:#ff6b6b;border-color:var(--primary-color,#ff6b6b);box-shadow:0 0 0 3px #ff6b6b1a;outline:none}.form-field input::placeholder{color:#b0b8c1;color:var(--text-disabled,#b0b8c1)}.form-field textarea{background-color:#fff;background-color:var(--bg-primary,#fff);border:1px solid #e5e8eb;border:1px solid var(--border-light,#e5e8eb);border-radius:8px;border-radius:var(--radius-sm,8px);color:#191f28;color:var(--text-primary,#191f28);font-family:Pretendard;font-size:15px;line-height:1.6;min-height:120px;padding:14px 16px;resize:vertical;transition:all .15s ease;width:100%}.form-field textarea:focus{border-color:#ff6b6b;border-color:var(--primary-color,#ff6b6b);box-shadow:0 0 0 3px #ff6b6b1a;outline:none}.form-field textarea::placeholder{color:#b0b8c1;color:var(--text-disabled,#b0b8c1)}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.cancel-btn{background-color:#f2f4f6;background-color:var(--bg-tertiary,#f2f4f6);border:none;border-radius:8px;border-radius:var(--radius-sm,8px);color:#4e5968;color:var(--text-secondary,#4e5968);cursor:pointer;font-family:Pretendard;font-size:14px;font-weight:600;padding:12px 20px;transition:all .15s ease}.cancel-btn:hover:not(:disabled){background-color:#e5e8eb;background-color:var(--border-light,#e5e8eb)}.cancel-btn:disabled{cursor:not-allowed;opacity:.5}.submit-btn{background-color:#ff6b6b;background-color:var(--primary-color,#ff6b6b);border:none;border-radius:8px;border-radius:var(--radius-sm,8px);color:#fff;cursor:pointer;font-family:Pretendard;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.submit-btn:hover:not(:disabled){background-color:#ee5a5a;background-color:var(--primary-hover,#ee5a5a);box-shadow:0 4px 12px #ff6b6b4d;transform:translateY(-1px)}.submit-btn:disabled{background:#b0b8c1;background:var(--text-disabled,#b0b8c1);box-shadow:none;cursor:not-allowed}@media (max-width:768px){.comment-form{border-radius:0;padding:0}.form-field input,.form-field textarea{font-size:16px;padding:12px 14px}.form-row{flex-direction:column;gap:0}.form-actions{gap:10px;justify-content:flex-end}.form-actions button{font-size:15px;padding:12px 18px}}.comment-item{background-color:#fff;background-color:var(--bg-primary,#fff);border:1px solid #e5e8eb;border:1px solid var(--border-light,#e5e8eb);border-radius:12px;border-radius:var(--radius-md,12px);margin-bottom:12px;overflow:hidden;transition:all .2s ease}.comment-item:hover{box-shadow:0 2px 8px #0000000a;box-shadow:var(--shadow-sm,0 2px 8px #0000000a)}.comment-content{padding:20px}.comment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.comment-author{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.comment-author strong{color:#191f28;color:var(--text-primary,#191f28);font-size:15px;font-weight:600}.comment-date{color:#8b95a1;color:var(--text-tertiary,#8b95a1);font-size:13px;font-weight:400}.comment-edited{color:#b0b8c1;color:var(--text-disabled,#b0b8c1);font-size:12px;font-style:italic;font-weight:400}.comment-actions{display:flex;gap:4px}.comment-actions button{background:none;border:none;border-radius:4px;border-radius:var(--radius-xs,4px);color:#8b95a1;color:var(--text-tertiary,#8b95a1);cursor:pointer;font-size:13px;font-weight:500;padding:6px 10px;transition:all .15s ease}.reply-btn:hover{background-color:#fff0f0;background-color:var(--primary-light,#fff0f0);color:#ff6b6b;color:var(--primary-color,#ff6b6b)}.edit-btn:hover{background-color:#fff8e6;color:#f0a500}.delete-btn:hover{background-color:#fff0f0;background-color:var(--primary-light,#fff0f0);color:#ff6b6b;color:var(--primary-color,#ff6b6b)}.comment-body{margin-bottom:8px}.comment-text{color:#4e5968;color:var(--text-secondary,#4e5968);font-size:15px;line-height:1.7;margin:0;white-space:pre-wrap}.edit-form{margin-top:12px}.edit-form textarea{background-color:#fff;background-color:var(--bg-primary,#fff);border:1px solid #e5e8eb;border:1px solid var(--border-light,#e5e8eb);border-radius:8px;border-radius:var(--radius-sm,8px);color:#191f28;color:var(--text-primary,#191f28);font-family:Pretendard;font-size:15px;line-height:1.6;margin-bottom:12px;min-height:100px;padding:14px 16px;resize:vertical;transition:all .15s ease;width:100%}.edit-form textarea:focus{border-color:#ff6b6b;border-color:var(--primary-color,#ff6b6b);box-shadow:0 0 0 3px #ff6b6b1a;outline:none}.edit-form textarea::placeholder{color:#b0b8c1;color:var(--text-disabled,#b0b8c1)}.edit-actions{display:flex;gap:8px;justify-content:flex-end}.edit-actions .cancel-btn{background-color:#f2f4f6;background-color:var(--bg-tertiary,#f2f4f6);color:#4e5968;color:var(--text-secondary,#4e5968);transition:all .15s ease}.edit-actions .cancel-btn,.edit-actions .save-btn{border:none;border-radius:4px;border-radius:var(--radius-xs,4px);cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px}.edit-actions .save-btn{background-color:#ff6b6b;background-color:var(--primary-color,#ff6b6b);color:#fff;transition:all .2s ease}.edit-actions .cancel-btn:hover:not(:disabled){background-color:#e5e8eb;background-color:var(--border-light,#e5e8eb)}.edit-actions .save-btn:hover:not(:disabled){background-color:#ee5a5a;background-color:var(--primary-hover,#ee5a5a);transform:translateY(-1px)}.edit-actions button:disabled{cursor:not-allowed;opacity:.5;transform:none}.replies{background-color:#f9fafb;background-color:var(--bg-secondary,#f9fafb);border-radius:0 0 12px 12px;border-radius:0 0 var(--radius-md,12px) var(--radius-md,12px);border-top:1px solid #e5e8eb;border-top:1px solid var(--border-light,#e5e8eb);margin-top:8px;padding:16px 20px 0}.replies .comment-item{background-color:#fff;background-color:var(--bg-primary,#fff);border-left:3px solid #fff0f0;border-left:3px solid var(--primary-light,#fff0f0);border-radius:8px;border-radius:var(--radius-sm,8px);margin-left:20px}.replies .comment-item .comment-content{padding:16px}.replies .replies .comment-item{border-left:2px solid #e5e8eb;border-left:2px solid var(--border-light,#e5e8eb);margin-left:16px}@media (max-width:768px){.comment-item{border-radius:8px;border-radius:var(--radius-sm,8px);margin-bottom:10px}.comment-content{padding:16px}.comment-header{gap:8px}.comment-author,.comment-header{align-items:flex-start;flex-direction:column}.comment-author{gap:4px}.comment-actions{align-self:flex-end;gap:4px}.comment-actions button{font-size:12px;padding:6px 10px}.edit-form textarea{font-size:16px;padding:12px 14px}.replies .comment-item{margin-left:12px}.replies .replies .comment-item{margin-left:8px}.edit-actions{justify-content:stretch}.edit-actions button{flex:1 1;font-size:15px;padding:12px 14px}}.comment-section{border-top:1px solid #f1f5f9;margin-top:48px;padding-top:40px}.comment-section h3{color:#1a1a1a;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:32px}.comment-count{color:#64748b;font-size:1rem;font-weight:500;margin-left:12px}.comments-list{margin-top:32px}.comments-empty{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:none;border-radius:16px;font-style:normal;line-height:1.6;padding:48px 24px}.comments-empty,.comments-loading{color:#64748b;font-size:1rem;text-align:center}.comments-loading{padding:32px}.comments-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:none;border-radius:12px;color:#dc2626;font-size:.95rem;font-weight:500;margin:24px 0;padding:20px 24px;text-align:center}.error{color:#777}.retry-btn{background-color:#fff;border:1px solid #aaa;border-radius:5px;cursor:pointer;margin-top:10px;padding:5px 7px}@media (max-width:768px){.comment-section{margin-top:40px;padding-top:32px}.comment-section h3{font-size:1.5rem;margin-bottom:24px}.comment-count{font-size:.9rem;margin-left:8px}.comments-empty{font-size:.95rem;padding:40px 20px}.comments-loading{font-size:.95rem;padding:24px}.comments-error{font-size:.9rem;padding:16px 20px}}.table-of-contents{max-height:calc(100vh - 150px);overflow-y:auto;padding:20px;position:fixed;right:calc(50vw - 685px);top:135px;width:280px}@media (max-width:1600px){.table-of-contents{right:20px}}.toc-title{display:none}.toc-list{list-style:none;margin:0;padding:0}.toc-item{border-left:2px solid #0000;color:#666;cursor:pointer;font-size:.9rem;line-height:1.4;margin-bottom:4px;padding:8px 0 8px 12px;transition:all .2s ease}.toc-item.active,.toc-item:hover{color:var(--primary-blue)}.toc-item.active{font-weight:700}.toc-level-1{font-size:.95rem;font-weight:600;padding-left:12px}.toc-level-2{padding-left:24px}.toc-level-3{font-size:.85rem;padding-left:36px}.toc-level-4{font-size:.85rem;padding-left:48px}.toc-level-5,.toc-level-6{font-size:.8rem;padding-left:60px}.table-of-contents::-webkit-scrollbar{width:6px}.table-of-contents::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.table-of-contents::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.table-of-contents::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:1400px){.table-of-contents{margin-left:20px;width:240px}}@media (max-width:1200px){.table-of-contents{display:none}}.hierarchical-category-selector{display:flex;flex-direction:column;gap:10px}.category-level{align-items:center;display:flex}.category-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .2s ease;width:100%}.category-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.category-select:hover{border-color:#aaa}.category-level:not(:first-child){margin-left:20px;position:relative}.category-level:not(:first-child):before{color:#666;content:"└─";font-family:Pretendard;left:-20px;position:absolute;top:50%;transform:translateY(-50%)}@media (max-width:768px){.hierarchical-category-selector{gap:8px}.category-level:not(:first-child){margin-left:15px}.category-level:not(:first-child):before{left:-15px}.category-select{font-size:13px;padding:6px 10px}}.tiptap-wrapper{background:#fff;border:1px solid #ddd;border-radius:8px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.tiptap-wrapper:focus-within{border-color:#4285f4;box-shadow:0 0 0 3px #4285f41f}.tiptap-wrapper.drag-over{background-color:#4285f40a;border-color:#4285f4;box-shadow:0 0 0 3px #4285f433}.tiptap-toolbar{background:#f8f9fa;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;padding:6px 10px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.tiptap-toolbar,.toolbar-group{align-items:center;display:flex;gap:2px}.toolbar-group{border-right:1px solid #e0e0e0;padding:0 4px}.toolbar-group:last-child{border-right:none}.tiptap-toolbar button{align-items:center;background:#0000;border:none;border-radius:4px;color:#374151;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;height:28px;justify-content:center;min-width:30px;padding:0 5px;transition:background .15s,color .15s}.tiptap-toolbar button:hover:not(:disabled){background:#e5e7eb;color:#111}.tiptap-toolbar button.active{background:#dbeafe;color:#1d4ed8}.tiptap-toolbar button:disabled{cursor:not-allowed;opacity:.35}.heading-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-family:inherit;font-size:.85rem;height:28px;outline:none;padding:0 6px}.heading-select:focus{border-color:#4285f4}.tiptap-content{padding:0}.tiptap-content .ProseMirror{color:#222;font-family:Pretendard,-apple-system,sans-serif;font-size:1rem;line-height:1.8;min-height:400px;outline:none;padding:1.25rem 1.5rem}.tiptap-content .ProseMirror p.is-editor-empty:first-child:before{color:#adb5bd;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.tiptap-content .ProseMirror h1{font-size:2em;font-weight:700;margin:1.2em 0 .5em}.tiptap-content .ProseMirror h2{font-size:1.6em;font-weight:700;margin:1em 0 .5em}.tiptap-content .ProseMirror h3{font-size:1.3em;font-weight:600;margin:.9em 0 .4em}.tiptap-content .ProseMirror h4{font-size:1.1em;font-weight:600;margin:.8em 0 .4em}.tiptap-content .ProseMirror h5,.tiptap-content .ProseMirror h6{font-size:1em;font-weight:600;margin:.7em 0 .4em}.tiptap-content .ProseMirror p{margin:.5em 0}.tiptap-content .ProseMirror .tiptap-image,.tiptap-content .ProseMirror img{border-radius:6px;cursor:pointer;display:block;height:auto;margin:10px 0;max-width:100%;transition:box-shadow .2s}.tiptap-content .ProseMirror img.ProseMirror-selectednode{box-shadow:0 0 0 3px #4285f4}.tiptap-content .ProseMirror .tiptap-link,.tiptap-content .ProseMirror a{color:#2563eb;text-decoration:underline;text-underline-offset:2px}.tiptap-content .ProseMirror blockquote{background:#f0f4ff;border-left:4px solid #4285f4;border-radius:0 6px 6px 0;color:#555;margin:1em 0;padding:.5em 0 .5em 1.2em}.tiptap-content .ProseMirror code{background:#f1f3f5;border:1px solid #e0e0e0;border-radius:3px;color:#e83e8c;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.88em;padding:.15em .4em}.tiptap-content .ProseMirror pre{background:#282c34;border:1px solid #3e4451;border-radius:8px;margin:1.2em 0;overflow-x:auto;padding:1.2em 1.5em}.tiptap-content .ProseMirror pre code{background:none;border:none;color:#abb2bf;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.92em;line-height:1.6;padding:0}.tiptap-content .hljs-comment,.tiptap-content .hljs-quote{color:#5c6370;font-style:italic}.tiptap-content .hljs-keyword,.tiptap-content .hljs-selector-tag{color:#c678dd}.tiptap-content .hljs-regexp,.tiptap-content .hljs-string{color:#98c379}.tiptap-content .hljs-literal,.tiptap-content .hljs-number{color:#d19a66}.tiptap-content .hljs-name,.tiptap-content .hljs-section,.tiptap-content .hljs-title{color:#61afef}.tiptap-content .hljs-attr,.tiptap-content .hljs-tag{color:#e06c75}.tiptap-content .hljs-template-variable,.tiptap-content .hljs-variable{color:#d19a66}.tiptap-content .hljs-built_in{color:#e6c07b}.tiptap-content .ProseMirror ol,.tiptap-content .ProseMirror ul{margin:.6em 0;padding-left:1.8em}.tiptap-content .ProseMirror li{margin:.25em 0}.tiptap-content .ProseMirror hr{border:none;border-top:2px solid #e5e7eb;margin:1.5em 0}.tiptap-content .ProseMirror mark{background-color:#fef08a;border-radius:2px;padding:0 2px}.tiptap-bubble-menu{background:#1f2937;border-radius:8px;box-shadow:0 4px 16px #00000040;display:flex;gap:2px;padding:4px 6px}.tiptap-bubble-menu button{align-items:center;background:#0000;border:none;border-radius:4px;color:#e5e7eb;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;height:26px;justify-content:center;min-width:28px;padding:0 4px;transition:background .12s}.tiptap-bubble-menu button:hover{background:#374151}.tiptap-bubble-menu button.active{background:#3b82f6;color:#fff}.tiptap-statusbar{background:#f8f9fa;border-top:1px solid #f3f4f6;color:#9ca3af;display:flex;font-size:.78rem;justify-content:flex-end;padding:4px 12px}@media (max-width:768px){.tiptap-toolbar{gap:1px;padding:4px 6px}.tiptap-toolbar button{font-size:.8rem;height:26px;min-width:26px}.heading-select{font-size:.8rem}.tiptap-content .ProseMirror{font-size:.95rem;min-height:250px;padding:1rem}}.PostEditor{background-color:#fff;border-radius:8px;margin:0 auto;max-width:1100px;min-height:100vh;padding:20px;position:relative}.PostEditor h2{color:#333;font-size:1.8rem;margin-bottom:2rem;text-align:center}.PostEditor .form-group{margin-bottom:1.5rem}.PostEditor .form-group label{color:#555;display:block;font-weight:700;margin-bottom:8px}.PostEditor .form-group input[type=text],.PostEditor .form-group textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-family:Pretendard,-apple-system,sans-serif;font-size:1rem;padding:10px;width:100%}.PostEditor .form-group input[type=text]:focus,.PostEditor .form-group textarea:focus{border-color:#4285f4;box-shadow:0 0 0 2px #4285f41a;outline:none}.PostEditor .author-display{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:4px;color:#374151;font-weight:500;padding:10px}.PostEditor .editor-help-text{color:#6b7280;font-size:.85rem;font-style:italic;margin-bottom:8px}.PostEditor .uploading-overlay{align-items:center;background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.PostEditor .uploading-indicator{background:#000c;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:1rem;padding:16px 32px}.PostEditor .button-group{display:flex;gap:10px;justify-content:center;margin-top:1.5rem}.PostEditor .cancel-button,.PostEditor .submit-button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 24px;transition:background-color .2s}.PostEditor .submit-button{background-color:#4285f4;color:#fff}.PostEditor .submit-button:hover{background-color:#3367d6}.PostEditor .submit-button:disabled{background-color:#a6c0ea;cursor:not-allowed}.PostEditor .cancel-button{background-color:#f5f5f5;border:1px solid #ddd;color:#555}.PostEditor .cancel-button:hover{background-color:#e5e5e5}.PostEditor .post-editor-error{background-color:#ffebee;border-left:4px solid #c62828;border-radius:4px;color:#c62828;font-weight:500;margin-bottom:20px;padding:12px}.PostEditor .editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.PostEditor .editor-header .editor-title-area{align-items:center;display:flex;gap:1rem}.PostEditor .editor-header .editor-title-area h2{margin:0}.PostEditor .editor-header .editor-title-area .last-saved-time{animation:fadeIn .5s ease-out;background:#f0f0f0;border-radius:12px;color:#888;font-size:.85rem;padding:.2rem .6rem}.PostEditor .ai-generate-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:6px;padding:8px 16px;transition:transform .2s,box-shadow .2s}.PostEditor .ai-generate-btn:hover{box-shadow:0 4px 12px #764ba24d;transform:translateY(-2px)}.PostEditor .modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.PostEditor .modal-content{animation:slideUp .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:500px;padding:2rem;width:90%}.PostEditor .modal-content h3{color:#333;margin-bottom:.5rem;margin-top:0}.PostEditor .modal-content p{color:#666;font-size:.95rem;margin-bottom:1.5rem}.PostEditor .modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:1.5rem}@media(max-width:768px){.PostEditor{margin:0 10px;padding:15px}.PostEditor h2{font-size:1.5rem}.PostEditor .button-group{flex-direction:column;gap:8px}.PostEditor .cancel-button,.PostEditor .submit-button{padding:12px;width:100%}.PostEditor .editor-header{align-items:flex-start;flex-direction:column;gap:1rem}}@media(max-width:480px){.PostEditor{margin:0 5px;padding:10px}.PostEditor .form-group{margin-bottom:1rem}.PostEditor .form-group input[type=text],.PostEditor .form-group textarea{font-size:.95rem;padding:8px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.Loading{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#ffffffd9;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #f2f4f6;border-top-color:#ff6b6b;border:3px solid var(--bg-tertiary,#f2f4f6);border-radius:50%;border-top-color:var(--primary-color,#ff6b6b);height:40px;margin-bottom:16px;width:40px}.Loading p{color:#4e5968;color:var(--text-secondary,#4e5968);font-size:15px;font-weight:500}@keyframes spin{to{transform:rotate(1turn)}}.admin-login-container{bottom:100px;position:fixed;right:30px;z-index:100}.admin-login-trigger{background-color:#f1f1f1;border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#555;cursor:pointer;font-size:.85rem;opacity:.7;padding:8px 12px;transition:all .3s ease}.admin-login-trigger:hover{background-color:#e0e0e0;opacity:1}.admin-login-form{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:20px;width:300px}.admin-login-form h3{color:#333;font-size:1.2rem;margin-bottom:15px;margin-top:0}.keyboard-shortcuts-info{background-color:#f8f9fa;border-radius:4px;color:#555;font-size:.85rem;margin-bottom:15px;padding:8px 12px}.keyboard-shortcuts-info small{display:block;font-weight:700;margin-bottom:5px}.keyboard-shortcuts-info ul{margin:0;padding-left:20px}.keyboard-shortcuts-info li{margin:3px 0}.keyboard-shortcuts-info kbd{background-color:#f1f1f1;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 1px #0003;color:#333;display:inline-block;font-family:Pretendard;font-size:.75rem;line-height:1;margin:0 2px;padding:2px 4px}.admin-login-form .form-group{margin-bottom:15px}.admin-login-form input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:10px;width:100%}.admin-login-error{color:#d32f2f;font-size:.9rem;margin-bottom:15px}.admin-login-buttons{display:flex;gap:10px;justify-content:space-between}.admin-login-buttons button{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-weight:700;padding:8px 0}.admin-login-buttons button[type=submit]{background-color:#4285f4;color:#fff}.admin-login-buttons button[type=submit]:hover{background-color:#3367d6}.admin-login-buttons .cancel-btn{background-color:#f5f5f5;color:#555}.admin-login-buttons .cancel-btn:hover{background-color:#e0e0e0}.admin-status{align-items:flex-end;bottom:100px;display:flex;flex-direction:column;gap:10px;position:fixed;right:30px;z-index:100}.admin-badge{animation:pulse 2s infinite;background-color:#4285f4;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:.8rem;font-weight:700;padding:5px 10px}@keyframes pulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.admin-logout-btn{background-color:#f5f5f5;border:none;border-radius:4px;color:#555;cursor:pointer;font-size:.8rem;padding:5px 10px}.admin-logout-btn:hover{background-color:#e0e0e0}@media (max-width:768px){.admin-login-container{bottom:80px;right:20px}.admin-login-form{width:220px}}:root{--primary-blue:#ff7474;--primary-blue-hover:#e96767;--secondary-blue:#f2f4f6;--text-primary:#191f28;--text-secondary:#8b95a1;--text-disabled:#b0b8c1;--border-light:#e5e8eb;--border-normal:#d2d5d9;--bg-white:#fff;--bg-gray-50:#f9fafb;--bg-gray-100:#f2f4f6;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--radius-sm:6px;--radius-md:12px;--radius-lg:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#191f28;color:var(--text-primary);line-height:1.6}body,button{font-family:Pretendard}.app{display:flex;flex-direction:column;min-height:100vh}.header{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;background:var(--bg-white);border-bottom:1px solid #e5e8eb;border-bottom:1px solid var(--border-light);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);left:0;position:fixed;top:0;transform:translateZ(0);transition:transform .3s ease-in-out;width:100%;will-change:transform;z-index:1000}.header-content{box-sizing:border-box;height:64px;margin:0 auto;max-width:1176px;padding:0 12px}.header-content,.header-left{align-items:center;display:flex;gap:10px}.menu-button{background:#0000;border:none;border-radius:4px;color:#191f28;color:var(--text-primary);cursor:pointer;display:none;padding:5px}.menu-button:hover{background:#f2f4f6;background:var(--bg-gray-100)}.mobile-only{display:none}.logo{color:#ff7474;color:var(--primary-blue);font-size:20px;font-weight:700}.logo-text{color:inherit;display:inline-block;text-decoration:none}.header-nav{display:flex;gap:16px;margin-left:auto}.nav-link{color:#8b95a1;color:var(--text-secondary);font-weight:500;padding:4px 0;text-decoration:none;transition:color .2s ease}.nav-link:hover{color:#191f28;color:var(--text-primary)}.header-right{align-items:center;display:flex}@media (max-width:768px){.header-right{margin-left:auto}}.search-button{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);border-radius:50%;color:#8b95a1;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:4px;transition:all .2s ease;width:32px}.search-button:hover{background:#f2f4f6;background:var(--bg-gray-100);color:#191f28;color:var(--text-primary)}.main-layout{grid-gap:16px;box-sizing:border-box;display:grid;flex:1 1;gap:16px;grid-template-columns:240px 1fr 280px;margin:0 auto;max-width:1300px;padding:16px 12px;width:100%}.sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:80px}@media (max-width:768px){.sidebar{position:relative;top:0}}.sidebar-content{background:#fff;background:var(--bg-white);padding:12px}.sidebar-title{color:#191f28;color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:10px}.category-nav{display:flex;flex-direction:column;gap:2px}.category-item{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:space-between;padding:6px 8px;text-align:left;transition:all .2s ease;width:100%}.category-item:hover{background:#f9fafb;background:var(--bg-gray-50)}.category-item.active{background:#f2f4f6;background:var(--secondary-blue);color:#ff7474;color:var(--primary-blue);font-weight:600}.category-name{font-size:14px}.category-count{background:#f2f4f6;background:var(--bg-gray-100);border-radius:12px;color:#b0b8c1;color:var(--text-disabled);font-size:12px;min-width:24px;padding:1px 4px;text-align:center}.category-item.active .category-count{background:#fff;background:var(--bg-white);color:#ff7474;color:var(--primary-blue)}.post-list{min-height:100vh;width:100%}.post-list-header{align-items:center;background:#fff;background:var(--bg-white);display:flex;justify-content:space-between;margin-bottom:12px;padding:12px}.post-list-title{color:#191f28;color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.post-count{color:#8b95a1;color:var(--text-secondary);font-size:14px}.posts-container{display:flex;flex-direction:column;margin-top:10px}.post-card{background:#fff;background:var(--bg-white);border-bottom:1px solid #e5e8eb;border-bottom:1px solid var(--border-light);cursor:pointer;padding:14px;transition:all .2s ease}.post-card:last-child{border-bottom:none}.post-title{color:#191f28;color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.4;margin-bottom:6px}.post-excerpt{color:#8b95a1;color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:10px}.post-meta{align-items:center;display:flex;height:30px;justify-content:space-between;margin-bottom:8px}.post-category-tag{background:#f2f4f6;background:var(--secondary-blue);border-radius:6px;border-radius:var(--radius-sm);color:#ff7474;color:var(--primary-blue);font-size:12px;margin-bottom:5px;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.post-author-info{align-items:center;color:#b0b8c1;color:var(--text-disabled);display:flex;font-size:12px;gap:10px}.post-author{color:#8b95a1;color:var(--text-secondary);font-size:14px;font-weight:600}.post-stats{align-items:center;color:#b0b8c1;color:var(--text-disabled);display:flex;font-size:12px;gap:6px}.post-tags{display:flex;flex-wrap:wrap;gap:4px}.post-tag{background:#f2f4f6;background:var(--secondary-blue);border-radius:6px;border-radius:var(--radius-sm);color:#ff7474;color:var(--primary-blue);font-size:12px;font-weight:500;padding:2px 4px}.popular-posts{height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 100px);overflow-x:hidden;overflow-y:auto;position:-webkit-sticky;position:sticky;top:80px}.popular-posts-content{background:#fff;background:var(--bg-white);padding:12px}.popular-posts-title{color:#191f28;color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:10px}.popular-posts-list{display:flex;flex-direction:column;gap:8px}.popular-post-item{border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:6px;padding:6px;transition:background .2s ease}.popular-post-item:hover{background:#f9fafb;background:var(--bg-gray-50)}.popular-post-rank{align-items:center;background:#ff7474;background:var(--primary-blue);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.popular-post-content{flex:1 1;min-width:0}.popular-post-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#191f28;color:var(--text-primary);display:-webkit-box;font-size:14px;font-weight:600;line-height:1.4;margin-bottom:3px;overflow:hidden}.popular-post-meta{align-items:center;color:#b0b8c1;color:var(--text-disabled);display:flex;font-size:11px;gap:4px}@media (max-width:1024px){.main-layout{gap:24px;grid-template-columns:240px 1fr}.popular-posts{display:none}}@media (max-width:768px){.main-layout{gap:20px;grid-template-columns:1fr;padding:10px 8px}.header-content{padding:0 8px}.header-nav{display:none}.mobile-only{display:block}.menu-button{align-items:center;display:flex;justify-content:center;margin-right:5px}.post-list-title{font-size:24px}.post-card{padding:10px}.post-title{font-size:18px}}@media (max-width:480px){.main-layout{padding:8px 6px}.header-content{padding:0 6px}.post-card{padding:8px}.post-meta{align-items:flex-start;gap:4px}}.error-message,.loading-message{align-items:center;background:#fff;background:var(--bg-white);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);color:#8b95a1;color:var(--text-secondary);display:flex;font-size:16px;justify-content:center;margin:32px auto;max-width:400px;min-height:200px;padding:32px;text-align:center}.error-message{background:#fef5e7;border:1px solid #fed7d7;color:#e53e3e}.ql-code-block{box-sizing:border-box;font-family:Consolas;font-size:14px;padding-left:20px}.ql-code-block-container{counter-reset:line}.ql-code-block-container .ql-code-block:before{color:gray;content:counter(line);counter-increment:line;left:0;position:absolute;text-align:right;-webkit-user-select:none;user-select:none;width:20px}.post-editor{background-color:#fff;border-radius:8px;margin:0 auto;max-width:1100px;min-height:100vh;padding:20px}.form-group{margin-bottom:1.5rem}.form-group label{color:#555;display:block;font-weight:700;margin-bottom:8px}.editor-help-text{color:#666;font-size:.85rem;font-style:italic;margin-bottom:8px}.form-group input[type=text],.form-group textarea{border:1px solid #ddd;border-radius:4px;font-family:Pretendard;font-size:1rem;padding:10px;width:100%}.quill-wrapper{margin-bottom:1.5rem;position:relative;z-index:1}.quill{margin-bottom:1rem;position:relative}.ql-container{border-bottom-left-radius:4px;border-bottom-right-radius:4px;font-size:1rem;min-height:200px}.ql-toolbar{background-color:#f9f9f9;border-top-left-radius:4px;border-top-right-radius:4px}.hljs{background:#282c34;color:#abb2bf;display:block;overflow-x:auto;padding:.5em}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-keyword,.hljs-selector-tag{color:#c678dd}.hljs-literal,.hljs-number{color:#d19a66}.hljs-regexp,.hljs-string{color:#98c379}.hljs-name,.hljs-section,.hljs-title{color:#61afef}.hljs-template-variable,.hljs-variable{color:#d19a66}.hljs-attr,.hljs-tag{color:#e06c75}.button-group{display:flex;gap:10px;margin-top:1.5rem}.cancel-button,.submit-button{border-radius:4px;cursor:pointer;font-weight:700;padding:10px 20px;transition:background-color .2s}.submit-button{background-color:#4285f4;border:none;color:#fff}.submit-button:hover{background-color:#3367d6}.submit-button:disabled{background-color:#a6c0ea;cursor:not-allowed}.cancel-button{background-color:#f5f5f5;border:1px solid #ddd;color:#555}.cancel-button:hover{background-color:#e5e5e5}.post-editor-error{background-color:#ffebee;border-left:4px solid #c62828;border-radius:4px;color:#c62828;margin-bottom:20px;padding:10px}.post-editor-loading{color:#666;font-size:1.2rem;padding:40px;text-align:center}.write-post-button{align-items:center;background-color:var(--primary-blue);border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 12px #4285f466;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:30px;text-decoration:none;transition:all .3s ease;width:60px;z-index:1000}.write-post-button svg{height:24px;width:24px}.write-post-button:hover{background-color:#3367d6;box-shadow:0 6px 20px #4285f480;transform:scale(1.1) translateY(-2px)}.write-post-button:active{box-shadow:0 4px 12px #4285f466;transform:scale(1.05) translateY(0)}@media (max-width:768px){.post-editor{padding:15px}.button-group{flex-direction:column}.button-group button{width:100%}.write-post-button{bottom:20px;height:56px;right:20px;width:56px}.write-post-button svg{height:22px;width:22px}}.App{align-items:center;display:flex;height:100%;width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.36125ed6.css.map*/