body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;margin:0;font-family:Varela,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInDown{0%{transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInTop{0%{transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes expandIn{0%{transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes rotate{0%{opacity:1;transform:rotate(0)}to{opacity:1;transform:rotate(-360deg)}}@font-face{font-family:Super Sunday;src:url(./fonts/super-sunday-personal-use.ttf)}@font-face{font-family:Gently;src:url(./fonts/genty-demo-regular.ttf)}@font-face{font-family:Varela;src:url(./fonts/varela-round-regular.ttf)}@font-face{font-family:Super Sunday;src:url(/static/super-sunday-personal-use-duTaKLY0.ttf)}@font-face{font-family:Varela;src:url(/static/varela-round-regular-3lyNlfuT.ttf)}@font-face{font-family:Gently;src:url(/static/genty-demo-regular-CyzOugf2.ttf)}.Page404{text-align:center}.Page404 h1{text-shadow:0 0 8px #fff,0 0 4px #fff;margin-top:0;margin-bottom:1rem;padding-top:2rem;font-size:10rem}.Page404 h2{text-shadow:0 0 4px #fff,0 0 2px #fff;margin-bottom:3rem;font-size:xx-large}.Page404 .NavButton{color:#fff;background-color:#000;border:1px solid #fff;width:200px;transition:background-color .3s,color .3s}.Page404 .NavButton:hover{color:#000;background-color:#fff}._standard_a2qoy_1._active_a2qoy_1{background-color:#d9d9d9}._standard_a2qoy_1:hover{background-color:#f3f3f3}._accept_a2qoy_7._active_a2qoy_1{background-color:#76e88d}._accept_a2qoy_7:hover{background-color:#a2efb1;box-shadow:3px 4px 5px 2px #ffffff1a,1px 2px 2px 1px #c8c8c84d}._caution_a2qoy_14._active_a2qoy_1{background-color:#e8c676}._caution_a2qoy_14:hover{background-color:#efd7a2;box-shadow:3px 4px 5px 2px #ffffff1a,1px 2px 2px 1px #c8c8c84d}._cancel_a2qoy_22._active_a2qoy_1{background-color:#e88d76}._cancel_a2qoy_22:hover{background-color:#efb1a2;box-shadow:3px 4px 5px 2px #ffffff1a,1px 2px 2px 1px #c8c8c84d}._standard_a2qoy_1:active,._accept_a2qoy_7:active,._cancel_a2qoy_22:active{box-shadow:inset 1px 1px 4px 2px #00000034}._disabled_a2qoy_32{color:silver;background-color:#d9d9d9;box-shadow:unset!important;cursor:not-allowed!important}._disabled_a2qoy_32>img{filter:opacity(.3)}._Button_1b1g2_1{cursor:pointer;text-transform:uppercase;border:0;border-radius:4px;width:150px;height:fit-content;margin:8px 16px;padding:16px;font-weight:700;transition:background-color .12s;box-shadow:0 2px 4px 4px #00000017}._ButtonIcon_xo07p_1{cursor:pointer;background-color:#fff;border:0;border-radius:4px;width:fit-content;height:fit-content;margin:8px;padding:6px;transition:background-color .12s;box-shadow:0 2px 4px 4px #00000017}._ButtonIcon_xo07p_1>img{width:45px;height:45px}._CloseButton_dxp2e_1{border:unset;background-color:unset;cursor:pointer;color:#00000068;border-radius:4px;width:24px;height:24px;margin:0;font-weight:bolder;transition:background-color .12s;position:absolute;top:16px;right:16px}._CloseButton_dxp2e_1:hover{color:#0009;background-color:#efb1a2;box-shadow:3px 4px 5px 2px #ffffff1a,1px 2px 2px 1px #c8c8c84d}._CloseButton_dxp2e_1:active{background-color:#e88d76;box-shadow:inset 1px 1px 4px 2px #00000034}._ModalWrapper_14a9u_1{z-index:1;background:#0009;justify-content:center;width:100vw;height:100vh;display:inline-flex;position:fixed;top:0;left:0}._ModalCard_14a9u_13{z-index:2;background-color:#fff;border-radius:16px;width:80vw;min-width:300px;max-width:750px;height:85vh;min-height:300px;max-height:750px;margin-top:1rem;padding:16px;position:fixed;top:25%;left:50%;overflow-y:auto;transform:translate(-50%,-25%)}._ModalContent_xcd3p_1{grid-template-rows:auto 1fr auto;align-content:space-between;height:100%;display:grid}._ModalHeader_xcd3p_8{text-align:center;color:#000;margin:0}._ModalBody_xcd3p_14{overflow-y:auto}._ModalActionGroup_xcd3p_18{border-top:1.5px solid #00000034;justify-content:space-between;width:100%;max-height:fit-content;display:flex}.Header{z-index:1;background-color:#7bc9ff}.nav{z-index:99;opacity:0;flex-direction:row;justify-content:space-evenly;width:100vw;padding:8px 0;animation:1s .5s forwards slideInTop;display:flex;position:fixed;bottom:0}.nav a{color:#0009;cursor:pointer;font-size:x-large;text-decoration:none;transition:background-color .3s,border-radius .3s}.nav .nav-button{all:unset;color:#0009;cursor:pointer;font-size:x-large;transition:background-color .3s,border-radius .3s}.nav a.active .Button{background-color:#76e88d}@media (width>=480px){.nav{background-color:unset;top:30%;left:0;bottom:unset;width:unset;flex-direction:column;justify-content:center;padding:0}}.Wallpaper{text-align:center;background-color:#f0f8ff;min-height:40vmin;overflow-y:hidden}.HeaderBox{text-align:center;flex-wrap:nowrap;justify-content:space-evenly;align-items:center;width:fit-content;margin:auto;display:flex;position:relative;top:20%}.HeaderBox .ChibiFrame{margin-left:unset}.HeaderBox .Chibi{width:100px}.HeaderBoxText{margin-left:1rem}.HeaderBox h1{margin:0;font-family:Super Sunday,serif;font-size:3rem}.HeaderBox h2{color:#fff;margin-top:0;font-family:Gently,serif}@media (width>=480px){.HeaderBox .HeaderBoxText h1{font-size:4rem}.HeaderBox .Chibi{width:200px}}@media (width>=720px){.HeaderBox{top:25%}.HeaderBox .HeaderBoxText{margin-left:2rem}.HeaderBox h1{font-size:5rem}.HeaderBox .Chibi{width:300px}}.Chibi{cursor:pointer;border-radius:100%;width:150px;box-shadow:3px 4px 5px 2px #0000001a,1px 2px 2px 1px #0000004d}.ChibiFrame{z-index:2;opacity:0;margin-left:-50px;animation:1s forwards expandIn;position:absolute;top:50px;left:50%}@media (width>=480px){.ChibiFrame{z-index:2;position:absolute;top:25px;left:100px}}.blog-content{width:100%;min-height:calc(100vh - 300px);margin:0 auto;padding:25rem 0 2rem}.filter-controls{align-items:center;gap:1rem;max-width:800px;margin:1rem auto;padding:0 1rem;display:flex}.filter-controls .search-bar{flex:1;margin:0}.BlogCardWrapper{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;max-width:1248px;margin:0 auto;padding-top:2rem;display:flex}.active-filters{background:#fff;border:2px solid #e0e0e0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.5rem;max-width:calc(800px - 2rem);margin:1rem auto;padding:1rem;display:flex}.filter-label{margin-right:.5rem;font-weight:600}.filter-item{background:#7cc9ff;border-radius:16px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.9rem;display:inline-flex}.filter-remove{cursor:pointer;color:#999;background:0 0;border:none;padding:0;font-size:1.2rem;line-height:1}.filter-remove:hover{color:#333}.clear-filters{color:#fff;cursor:pointer;background:#ff848c;border:none;border-radius:16px;padding:.25rem .75rem;font-size:.9rem}.clear-filters:hover{background:#ff6a78}.load-more-trigger{text-align:center;width:100%;min-height:100px;padding:2rem}.loading-state,.loading-more,.end-of-posts,.no-posts,.error-state{text-align:center;color:#666;padding:2rem;font-size:1.1rem}.error-state{color:#dc3545}.end-of-posts{color:#28a745;font-weight:600}@media (width<=768px){.filter-controls{flex-direction:column;align-items:stretch}.filter-controls .search-bar{width:100%}.BlogCardWrapper{padding-top:1.5rem}.active-filters{flex-direction:column;align-items:flex-start}.filter-label{width:100%;margin-bottom:.5rem}.load-more-trigger{min-height:60px;padding:1rem}}@media (width<=480px){.BlogCardWrapper{padding-top:1rem}.active-filters{margin:.5rem auto;padding:.75rem}.filter-item,.clear-filters{padding:.2rem .6rem;font-size:.85rem}}.BlogCard{text-align:left;background-color:#fff;border-radius:16px;width:40vw;max-width:600px;min-height:350px;margin:.5rem;font-family:Varela,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;display:flex;overflow:hidden;box-shadow:1px 1px 1px #0000004d,2px 2px 4px #0003,4px 4px 8px #0000001a}.BlogCard h2{font-family:Super Sunday,serif;font-size:1.8rem}.BlogCard .blog-date{color:gray;margin:.5rem 0;font-family:Gently,serif;font-size:.9rem;display:block}.BlogCard .blog-tags{flex-wrap:wrap;gap:.5rem;margin:.5rem 0;display:flex}.BlogCard .tag-label{color:#333;padding:.25rem .5rem;font-size:.85rem;display:inline-block}.BlogCard p{-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;margin:.5rem 0;display:-webkit-box;overflow:hidden}.BlogCard .Button{width:100%;margin:auto 0 8px;font-family:Varela,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.BlogCardImageRight{flex-direction:row}.BlogCardImageLeft{flex-direction:row-reverse}.BlogCardContent{flex-direction:column;flex:1;padding:1.5rem;display:flex}.BlogCardImagePanel{background-size:cover;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:1rem 1rem 2rem;display:flex;position:relative;overflow:hidden}.BlogCardImageTitle{color:#fff;text-shadow:2px 2px 8px #000c,0 0 20px #0009,4px 4px 12px #000000e6;text-align:center;z-index:2;margin:auto 1px}.BlogCardFullBg{flex-direction:column;min-height:400px;position:relative}.BlogCardBgImage{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.BlogCardOverlay{z-index:1;color:#fff;background:linear-gradient(#000000b3 0%,#0009 50%,#000c 100%);flex-direction:column;height:100%;padding:2rem;display:flex;position:relative}.BlogCardFullBg h2{color:#fff;text-shadow:2px 2px 8px #000000e6,0 0 15px #000000b3}.BlogCardFullBg .blog-date{color:#ffffffe6;text-shadow:1px 1px 4px #000c}.BlogCardFullBg .blog-summary{color:#fff;text-shadow:1px 1px 4px #000000e6}@media (width<=768px){.BlogCard{width:90vw;max-width:500px;min-height:auto;flex-direction:column!important}.BlogCardImageRight,.BlogCardImageLeft{flex-direction:column!important}.BlogCardImagePanel{min-height:200px;max-height:250px}.BlogCardContent{padding:1rem}.BlogCardImageTitle{font-size:1.5rem}.BlogCardFullBg{min-height:350px}.BlogCardOverlay{padding:1.5rem}}@media (width<=480px){.BlogCard{width:95vw;margin:.25rem}.BlogCard h2{font-size:1.5rem}.BlogCardImageTitle{font-size:1.3rem}.BlogCard .blog-date{font-size:.8rem}.BlogCard .tag-label{padding:.2rem .4rem;font-size:.75rem}.BlogCardContent{padding:.75rem}.BlogCardOverlay{padding:1rem}.BlogCardImagePanel{min-height:150px;max-height:200px}}.Chip{color:#000;background-color:#7bc9ff;border-radius:20px;outline:none;padding:4px 8px 6px;box-shadow:1px 1px 1px #0003}.Chip[role=button]{cursor:pointer;transition:background-color .2s}.Chip[role=button]:hover{background-color:#5ab5f0}.Chip[role=button]:focus{box-shadow:0 0 0 2px #4a90e2}.chip-delete-btn{cursor:pointer;background-color:#fff;border:none;border-radius:100%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:background-color .2s;display:inline-flex;position:relative;top:3px;right:-4px}.chip-delete-btn:hover{background-color:#ffabab}.chip-delete-btn:focus{outline-offset:1px;outline:2px solid #4a90e2}.Chip img{width:20px;display:block}.search-bar{width:100%;max-width:600px;margin:1rem auto;position:relative}.search-input{box-sizing:border-box;border:2px solid #e0e0e0;border-radius:8px;width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:1rem;transition:border-color .2s}.search-input:focus{border-color:#4a90e2;outline:none}.search-clear{color:#999;cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:1.5rem;line-height:1;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.search-clear:hover{color:#333}.tag-dropdown{display:inline-block;position:relative}.tag-dropdown-toggle{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;min-width:180px;padding:.75rem 1rem;font-size:1rem;transition:all .2s;display:flex}.tag-dropdown-toggle:hover{border-color:#7cc9ff}.tag-dropdown-toggle:focus{border-color:#7cc9ff;outline:none;box-shadow:0 0 0 2px #4a90e233}.dropdown-label{color:#333;align-items:center;gap:.5rem;font-weight:500;display:flex}.selected-count{color:#fff;background:#7cc9ff;border-radius:12px;justify-content:center;align-items:center;min-width:1.5rem;height:1.5rem;padding:0 .4rem;font-size:.85rem;font-weight:600;display:inline-flex}.dropdown-arrow{color:#666;font-size:.75rem;transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.tag-dropdown-menu{z-index:1000;background:#fff;border:2px solid #e0e0e0;border-radius:8px;min-width:250px;max-height:300px;padding:.5rem 0;position:absolute;top:calc(100% + .5rem);left:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.tag-dropdown-item{cursor:pointer;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:background .2s;display:flex}.tag-dropdown-item:hover{background:#f5f5f5}.tag-dropdown-item.selected{background:#e8f4fd}.tag-dropdown-item input[type=checkbox]{cursor:pointer;flex-shrink:0;width:1.25rem;height:1.25rem}.tag-dropdown-item .tag-name{color:#333;flex:1;font-weight:500}.tag-dropdown-item .tag-count{color:#666;font-size:.9rem}.tag-dropdown-item.selected .tag-name{color:#7cc9ff;font-weight:600}@media (width<=768px){.tag-dropdown-toggle{min-width:150px;padding:.6rem .8rem;font-size:.9rem}.tag-dropdown-menu{min-width:200px;max-height:250px}.tag-dropdown-item{padding:.6rem .8rem}}@media (width<=480px){.tag-dropdown-toggle{min-width:120px;padding:.5rem .7rem;font-size:.85rem}.tag-dropdown-menu{min-width:180px;left:auto;right:0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 0%,#e0e0e0 50%,#f0f0f0 100%) 0 0/200% 100%;border-radius:4px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.blog-card-skeleton{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.skeleton-image{width:100%;height:200px}.skeleton-content{padding:1.5rem}.skeleton-title{width:80%;height:1.5rem;margin-bottom:1rem}.skeleton-date{width:40%;height:.875rem;margin-bottom:1rem}.skeleton-summary{width:100%;height:1rem;margin-bottom:.5rem}.skeleton-summary-short{width:70%;height:1rem;margin-bottom:1rem}.skeleton-tags{flex-wrap:wrap;gap:.5rem;display:flex}.skeleton-tag{border-radius:16px;width:4rem;height:1.75rem}.tag-cloud-skeleton{background:#f9f9f9;border-radius:8px;flex-wrap:wrap;gap:.5rem;padding:1rem;display:flex}.tag-cloud-skeleton .skeleton-tag{width:5rem}.CardWrapper{padding:150px 0}.Card{text-align:left;background-color:#fff;border-radius:1rem;width:70%;min-width:330px;max-width:800px;min-height:400px;margin-left:50%;padding:1rem;display:block;position:relative;transform:translate(-50%);box-shadow:3px 4px 5px 2px #0000001a,1px 2px 2px 1px #0000004d}.Card h1{text-align:center;font-family:Super Sunday,serif}.Card p{align-items:start;display:flex}.Card .iframe-wrapper{justify-content:center;display:flex}.CardWrapper .BackButton{margin:-1rem 0 0;position:fixed;left:0}.Card .EditButton{position:absolute;top:.5rem;right:5rem}.Card .DeleteButton{position:absolute;top:.5rem;right:.5rem}.Card img{justify-self:center;max-height:300px;margin:0 auto;padding:0 1rem}.Card button img{height:30px;padding:0}.TableOfContents{padding-inline-start:unset;background-color:#fff;border-radius:1rem;width:350px;padding:1rem .5rem;font-family:Varela,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:right 1s;display:none;position:fixed;top:20%;right:-320px;overflow:hidden auto;box-shadow:3px 4px 5px 2px #0000001a,1px 2px 2px 1px #0000004d}.TableOfContents:hover{right:1rem}.TableOfContents label{text-align:center;width:100%;font-family:Super Sunday,serif;font-size:1.4rem;display:block}.TableOfContents a:not(.TableOfContents>.TableOfContentsItem>a){color:#000;-webkit-text-decoration:unset;text-decoration:unset}.TableOfContentsItem:not(.level-1){border-left:1px solid #000;margin:4px 0;padding:.25rem 0}.TableOfContentsItem a{transition:background-color .3s}.TableOfContentsItem a:hover{background-color:#d3d3d3}.TableOfContents>.TableOfContentsItem>a{color:#000;-webkit-text-decoration:unset;text-decoration:unset}@media (width>=480px){.TableOfContents{display:block}}@media (width>=762px){.TableOfContents{right:-280px}}@media (width>=1200px){.TableOfContents{right:-200px}}@media (width>=1650px){.TableOfContents{right:1rem}}.upload-widget{width:100%}.upload-dropzone{text-align:center;background:#fafafa;border:2px dashed #ddd;border-radius:8px;padding:2rem;transition:all .2s}.upload-dropzone.dragover{background:#f0f0f0;border-color:#4a90e2}.choose-images-btn{color:#fff;cursor:pointer;background:#4a90e2;border:none;border-radius:4px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:background .2s}.choose-images-btn:hover{background:#357abd}.upload-hint{color:#666;margin-top:.75rem;font-size:.9rem}.hidden{display:none}.CreateBlogPost{background:#f5f5f5;max-width:1400px;min-height:100vh;margin:0 auto;padding:2rem}.form-header{border-bottom:3px solid #333;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.form-header h1{color:#333;margin:0;font-size:2rem}.status-message{border-radius:8px;margin-bottom:1.5rem;padding:1rem 1.5rem;font-weight:500;animation:.3s ease-out slideDown}.status-message.success{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.status-message.error{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-message{text-align:center;background:#fff;border-radius:8px;padding:3rem;box-shadow:0 1px 3px #0000001a}.auth-message p{color:#666;font-size:1.2rem}.blog-form{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 1px 3px #0000001a}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:flex}.character-count{color:#666;margin-left:1rem;font-size:.85rem;font-weight:400}.character-count.over-limit{color:#dc3545;font-weight:600}.markdown-hint{color:#999;font-size:.85rem;font-style:italic;font-weight:400}.form-group input[type=text],.form-group input[type=url],.form-group textarea{box-sizing:border-box;border:2px solid #ddd;border-radius:4px;width:100%;padding:.75rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:#4a90e2;outline:none}.form-group textarea{resize:vertical;line-height:1.5}.form-group textarea.over-limit{border-color:#dc3545}.form-group textarea.over-limit:focus{border-color:#c82333;box-shadow:0 0 0 .2rem #dc354540}.validation-hint{margin:.5rem 0 0;font-size:.85rem}.validation-hint.error{color:#dc3545;font-weight:500}.form-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.browse-images-btn{color:#fff;cursor:pointer;background:#4a90e2;border:none;border-radius:4px;margin-top:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:background .2s}.browse-images-btn:hover{background:#357abd}.image-picker-grid{background:#f9f9f9;border:1px solid #ddd;border-radius:4px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;max-height:300px;margin-top:.75rem;padding:1rem;display:grid;overflow-y:auto}.image-picker-item{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:4px;transition:border-color .2s,transform .2s;overflow:hidden}.image-picker-item:hover{border-color:#4a90e2;transform:translateY(-2px)}.image-picker-item.selected{border-color:#28a745}.image-picker-item img{object-fit:cover;width:100%;height:90px;display:block}.image-picker-name{color:#666;white-space:nowrap;text-overflow:ellipsis;padding:.25rem .5rem;font-size:.7rem;display:block;overflow:hidden}.thumbnail-preview{border-radius:4px;max-width:300px;margin-top:.75rem;box-shadow:0 2px 8px #0000001a}.selected-tags,.available-tags{background:#f9f9f9;border-radius:4px;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.75rem;display:flex}.tags-label{color:#666;font-size:.85rem;font-weight:600}.tag-clickable{cursor:pointer;transition:all .2s}.tag-clickable:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.tag-input{gap:.5rem;display:flex}.tag-input input{border:2px solid #ddd;border-radius:4px;flex:1;padding:.75rem;font-size:1rem}.tag-input button{color:#fff;cursor:pointer;background:#4a90e2;border:none;border-radius:4px;padding:.75rem 1.5rem;font-weight:600;transition:background .2s}.tag-input button:hover{background:#357abd}.editor-container{border:2px solid #ddd;border-radius:4px;display:flex;position:relative;overflow:hidden}.editor-container.resizing{-webkit-user-select:none;user-select:none;cursor:col-resize}.editor-pane,.preview-pane{flex-direction:column;min-width:0;height:600px;display:flex}.pane-header{color:#fff;background:#333;padding:.75rem 1rem;font-size:.9rem;font-weight:600}.editor-pane textarea{resize:none;border:none;border-radius:0;flex:1;padding:1rem;font-family:Monaco,Menlo,Courier New,monospace;font-size:.9rem;line-height:1.6}.resize-handle{cursor:col-resize;background:#ddd;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:8px;transition:background .2s;display:flex;position:relative}.resize-handle:hover{background:#bbb}.resize-handle:focus{background:#4a90e2;box-shadow:0 0 0 2px #357abd}.resize-handle-line{background:#888;border-radius:1px;width:2px;height:40px}.resize-handle:hover .resize-handle-line{background:#555}.markdown-preview{text-align:left;background:#fafafa;flex:1;padding:1rem;overflow-y:auto}.preview-placeholder{color:#999;text-align:center;padding:2rem;font-style:italic}.markdown-preview h1{border-bottom:2px solid #ddd;margin:1rem 0;padding-bottom:.5rem;font-size:2rem}.markdown-preview h2{margin:1rem 0;font-size:1.5rem}.markdown-preview h3{margin:1rem 0;font-size:1.25rem}.markdown-preview p{justify-content:center;align-items:start;margin:1rem 0;line-height:1.7;display:flex}.markdown-preview img{justify-self:center;height:300px;margin:0 auto;padding:0 1rem}.markdown-preview code{background:#f5f5f5;border-radius:3px;padding:.2rem .4rem;font-family:monospace}.markdown-preview pre{color:#f8f8f2;background:#2d2d2d;border-radius:4px;padding:1rem;overflow-x:auto}.markdown-preview pre code{background:0 0;padding:0}.markdown-preview blockquote{color:#666;border-left:4px solid #ddd;margin:1rem 0;padding-left:1rem;font-style:italic}.markdown-preview ul,.markdown-preview ol{margin:1rem 0;padding-left:2rem}.markdown-preview li{margin:.5rem 0}.uploaded-images-list{background:#f9f9f9;border-radius:4px;margin-top:1.5rem;padding:1rem}.uploaded-images-list h4{color:#666;margin:0 0 1rem;font-size:.95rem}.uploaded-image-item{background:#fff;border:1px solid #ddd;border-radius:4px;gap:1rem;margin-bottom:.75rem;padding:1rem;display:flex}.uploaded-image-item img{object-fit:cover;border-radius:4px;flex-shrink:0;width:100px;height:100px}.image-details{flex-direction:column;flex:1;gap:.5rem;display:flex}.image-name{color:#333;font-weight:600}.image-url{gap:.5rem;display:flex}.image-url input{background:#fafafa;border:1px solid #ddd;border-radius:4px;flex:1;padding:.5rem;font-family:monospace;font-size:.85rem}.image-url button{color:#fff;cursor:pointer;background:#4a90e2;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:background .2s}.image-url button:hover{background:#357abd}.image-url button.copied{background:#28a745}.image-url button.copied:hover{background:#218838}.form-actions{border-top:2px solid #ddd;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:2rem;display:flex}.submit-btn,.reset-btn{cursor:pointer;border:none;border-radius:4px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.submit-btn{color:#fff;background:#28a745}.submit-btn:hover{background:#218838;transform:translateY(-1px);box-shadow:0 4px 8px #28a7454d}.reset-btn{color:#fff;background:#6c757d}.reset-btn:hover{background:#5a6268}@media (width<=1200px){.editor-container{flex-direction:column}.editor-pane,.preview-pane{height:400px;width:100%!important}.resize-handle{display:none}.preview-pane{border-top:2px solid #ddd}}@media (width<=768px){.CreateBlogPost{padding:1rem}.form-header h1{font-size:1.5rem}.form-row{grid-template-columns:1fr}.blog-form{padding:1rem}.form-actions{flex-direction:column}.submit-btn,.reset-btn{width:100%}.uploaded-image-item{flex-direction:column}.uploaded-image-item img{width:100%;height:200px}}