@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);body{font-family:sans-serif;padding:0}h1{font-size:22px}h1,h2{margin-top:0}h2{font-size:20px}h3{font-size:18px}h3,h4{margin-top:0}h4{font-size:16px}h5{font-size:14px}h5,h6{margin-top:0}h6{font-size:12px}code{font-size:1.2em}ul{padding-inline-start:20px}*{box-sizing:border-box}.App{text-align:center}.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)}}.directory-tree-container{background-color:#f7f7f7;border-right:1px solid #eee;box-sizing:border-box;overflow-y:auto;padding:15px}.dragger{background-color:#e0e0e0;cursor:ew-resize;flex-shrink:0;transition:background-color .2s ease-in-out;width:8px}.dragger:hover{background-color:silver}.thumbnail-size-control{align-items:center;background-color:#f7f7f7;border-top:1px solid #eee;display:block;gap:10px;padding:15px}.thumbnail-size-control label{color:#555;font-weight:500;white-space:nowrap}.thumbnail-size-control input[type=range]{-webkit-appearance:none;background:#d3d3d3;border-radius:5px;flex:1 1;height:8px;outline:none;transition:background .2s ease;width:100%}.thumbnail-size-control input[type=range]::-webkit-slider-thumb{appearance:none;background:#007bff;border-radius:50%;box-shadow:0 0 2px #0000004d;cursor:pointer;height:16px;width:16px}.thumbnail-size-control input[type=range]::-moz-range-thumb{background:#007bff;border:none;border-radius:50%;box-shadow:0 0 2px #0000004d;cursor:pointer;height:16px;width:16px}.thumbnail-size-control input[type=range]:hover{background:#ccc}.thumbnail-size-value{color:#555;font-size:.9em;text-align:right;white-space:nowrap;width:40px}.directory-tree{background-color:#f7f7f7;border-right:1px solid #eee;padding:15px}.directory-tree ul{list-style:none;margin:0;padding:0}.directory-tree ul ul{padding-left:15px}.directory-item{margin-bottom:5px}.directory-header{align-items:center;display:flex;gap:5px}.toggle-icon{cursor:pointer;font-size:.8em;text-align:center;transition:transform .15s ease-in-out;width:15px}.directory-name-button{background:none;border:none;border-radius:5px;color:#333;cursor:pointer;flex-grow:1;font-weight:500;padding:8px 10px;text-align:left;transition:background-color .2s ease-in-out,color .2s ease-in-out;width:calc(100% - 20px)}.directory-name-button:hover{background-color:#eef}.directory-name-button.active{background-color:#007bff;color:#fff;font-weight:600}.directory-name-button.active:hover{background-color:#0056b3}.directory-tree li{margin-bottom:4px}.directory-tree button{background:none;border:none;border-radius:5px;cursor:pointer;padding:4px 12px;text-align:left;transition:background-color .2s ease-in-out;width:100%}.directory-tree button:hover{background-color:#eee}.photo-album{background-color:#fff;border-radius:12px;box-shadow:0 6px 20px #00000014;display:flex;margin:20px auto;max-width:1920px;min-height:70vh;overflow:hidden;width:95%}.photo-grid-container{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;padding:20px}.photo-grid-header{border-bottom:1px solid #eee;color:#333;font-size:2em;margin-bottom:25px;padding-bottom:10px;text-align:center}.photo-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(var(--column-width),auto));justify-content:center}.photo-item{overflow:visible}.photo-item,.photo-item a{align-items:center;display:flex;justify-content:center}.photo-item a{color:inherit;height:100%;text-decoration:none}.photo-item a img{border-radius:8px;box-shadow:3px 3px 3px #0006;height:auto;max-height:var(--max-height);max-width:var(--max-width);object-fit:cover;transition:opacity .2s ease-in-out,transform .2s ease-in-out,box-shadow .2s ease-in-out;width:auto}.photo-item a:hover img{transform:translateY(-3px)}.video-grid-container{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;padding:20px}.video-grid-header{border-bottom:1px solid #eee;color:#333;font-size:2em;margin-bottom:25px;padding-bottom:10px;text-align:center}.video-grid{grid-gap:20px;--max-width:300px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.video-item{align-items:center;aspect-ratio:16/9;background-color:#000;border-radius:8px;box-shadow:0 3px 10px #0000000f;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;transition:transform .25s ease-in-out,box-shadow .25s ease-in-out}.video-item.playing{box-shadow:none;transform:none}.video-item:not(.playing):hover{box-shadow:0 10px 30px #00000026;transform:translateY(-7px) scale(1.02)}.video-item video{border-radius:8px;display:block;height:100%;max-width:var(--max-width);object-fit:cover;opacity:.8;transition:opacity .3s ease-in-out;width:100%}.video-item.playing video{background-color:#000;object-fit:contain;opacity:1}.video-item:not(.playing):hover video{opacity:1}.video-overlay-icon{transition:opacity .3s ease-in-out}.video-overlay-icon:hover{opacity:1}body{margin:0}.blog-container,body{color:#333;font-family:Inter,sans-serif}.blog-container{min-height:100vh;position:relative}.blog-background{background:linear-gradient(to bottom right,#e0f2fe,#e3f2fd,#bbdefb);background-attachment:fixed;height:100%;inset:0;position:fixed;width:100%;z-index:-10}.blog-content-wrapper{padding:1rem;position:relative;z-index:10}@media (min-width:640px){.blog-content-wrapper{padding:2rem}}.blog-header{background-color:#fff;border-bottom:4px solid #b2ebf2;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-bottom:2.5rem;padding:2rem;text-align:center}.blog-title{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#2563eb,#8b5cf6,#4338ca);color:#0000;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06));font-size:3rem;font-weight:800}@media (min-width:640px){.blog-title{font-size:3.75rem}}@media (min-width:768px){.blog-title{font-size:4.5rem}}.blog-subtitle{color:#4b5563;font-size:1.25rem;font-weight:500;margin-top:.75rem}@media (min-width:640px){.blog-subtitle{font-size:1.5rem}}.blog-main-layout,.blog-side-layout{align-items:flex-start;display:flex;flex-direction:column;gap:2rem;margin-left:auto;margin-right:auto}@media (min-width:1024px){.blog-side-layout{position:sticky;top:2rem}.blog-main-layout{flex-direction:row}}.blog-post-section{background-color:#fff;border:1px solid #f3f4f6;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;flex-grow:1;padding:2rem}@media (min-width:1024px){.blog-post-section{width:75%}}.blog-post-card{background-color:#fff;border:1px solid #f3f4f6;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;margin-bottom:2rem;padding:1.5rem;transition:all .3s ease-out}.blog-post-card:hover{border-color:#bfdbfe;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.post-card-title{color:#1e40af;font-size:2.25rem;font-weight:700;line-height:1.25;margin-bottom:.75rem}@media (min-width:640px){.post-card-title{font-size:3rem}}.post-card-date{color:#6b7280;font-size:.875rem;font-weight:500;margin-bottom:1.5rem}@media (min-width:640px){.post-card-date{font-size:1rem}}.post-card-date-value{color:#2563eb;font-weight:600}.post-content-prose{color:#374151;font-size:1.125rem;line-height:1.75;max-width:none}.post-content-text{margin-bottom:1rem;white-space:pre-line}.media-block-container{margin-bottom:1.5rem;margin-top:1.5rem;text-align:center}.post-content-image-wrapper{text-align:center}.post-content-image{border:2px solid #e5e7eb;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;height:auto;margin-left:auto;margin-right:auto;max-width:1024px;transform:scale(1);transition:transform .3s ease-in-out;width:100%}.post-content-image:hover{transform:scale(1.02)}.post-content-video-wrapper{background-color:initial;height:0;padding-bottom:56.25%;position:relative}.post-content-video{border:2px solid #93c5fd;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;height:100%;left:0;position:absolute;top:0;width:100%}.no-post-selected-message{color:#4b5563;font-size:1.25rem;padding-bottom:2.5rem;padding-top:2.5rem;text-align:center}.blog-sidebar{background-color:#fff;border:1px solid #f3f4f6;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:1.5rem}.sidebar-title{border-bottom:2px solid #e5e7eb;color:#374151;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.75rem}.sidebar-nav-list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.sidebar-button{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;box-shadow:0 1px 2px 0 #0000000d;display:block;outline:none;padding:.75rem;text-align:left;transition:all .2s ease-in-out;width:100%}.sidebar-button:hover{background-color:#f3f4f6;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.sidebar-button:focus{box-shadow:0 0 0 2px #60a5fa80}.sidebar-button-title{color:#1d4ed8;display:block;font-size:1.125rem;font-weight:600}.sidebar-button-date{color:#6b7280;font-size:.875rem}.add-post-toggle-button{background-color:#4caf50;border:none;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:block;font-size:1.1rem;font-weight:600;margin:2rem auto;padding:.8rem 1.5rem;transition:background-color .3s ease,transform .2s ease}.add-post-toggle-button:hover{background-color:#45a049;transform:translateY(-2px)}.add-post-form-section{background-color:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin:2rem auto;padding:2rem}.form-title{border-bottom:2px solid #bfdbfe;color:#1e40af;font-size:2rem;font-weight:700;padding-bottom:.5rem}.form-group,.form-title{margin-bottom:1.5rem}.form-label{color:#374151;display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem}.form-input,.form-textarea{border:1px solid #d1d5db;border-radius:.375rem;box-sizing:border-box;color:#374151;font-size:1rem;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb4d;outline:none}.form-textarea{min-height:8rem;resize:vertical}.content-block-container{background-color:#eff6ff;border:1px dashed #93c5fd;border-radius:.5rem;margin-top:1rem;padding:2.5rem 1rem 1rem;position:relative}.remove-block-button{align-items:center;background-color:#ef4444;border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:2rem;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:background-color .2s ease,transform .2s ease;width:2rem}.remove-block-button:hover{background-color:#dc2626;transform:scale(1.1)}.add-content-buttons{display:flex;gap:.75rem;margin-bottom:1.5rem;margin-top:1rem}.add-content-button{border:none;border-radius:.375rem;box-shadow:0 2px 4px #00000014;cursor:pointer;font-weight:500;padding:.6rem 1rem;transition:background-color .2s ease,transform .1s ease}.add-text-button{background-color:#60a5fa;color:#fff}.add-text-button:hover{background-color:#3b82f6;transform:translateY(-1px)}.add-image-button{background-color:#34d399;color:#fff}.add-image-button:hover{background-color:#059669;transform:translateY(-1px)}.add-video-button{background-color:#ef4444;color:#fff}.add-video-button:hover{background-color:#dc2626;transform:translateY(-1px)}.submit-button{background-color:#22c55e;border:none;border-radius:.5rem;box-shadow:0 4px 8px #00000026;color:#fff;cursor:pointer;display:block;font-size:1.2rem;font-weight:700;margin-top:2rem;padding:.8rem 1.5rem;transition:background-color .3s ease,transform .2s ease;width:100%}.submit-button:hover{background-color:#16a34a;transform:translateY(-2px)}.caption{color:#6b7280;font-size:.9rem;font-style:italic;margin-top:.5rem;text-align:center}
/*# sourceMappingURL=main.ade0f239.css.map*/