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