body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.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)}}:root{--primary-bg:#f5f5f5;--secondary-bg:#fff;--text-color:#333;--border-color:#e0e0e0;--hover-color:#f0f0f0;--modal-overlay:#000c;--content-width:min(400px,100%)}body{background-color:#f5f5f5;background-color:var(--primary-bg);padding:20px}body,input[type=date]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}input[type=date]{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#495057;font-size:14px;padding:8px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}input[type=date]:focus{border-color:#80bdff;box-shadow:0 0 0 2px #007bff40;outline:none}input[type=date]:hover{border-color:#adb5bd}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=date]::-moz-focus-inner{border:0}.date-input-container{display:inline-block;position:relative}@media (max-width:480px){body{padding:10px}}.header{background-color:var(--secondary-bg);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);padding:1rem;width:100%}.header-content{align-items:center;display:flex;gap:20px;margin:0 auto;max-width:80%}.home-button{background-color:#f5f5f5;background-color:var(--primary-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;color:#333;color:var(--text-color);margin-right:auto;padding:8px 16px;text-decoration:none;transition:background-color .2s}.home-button:hover{background-color:#f0f0f0;background-color:var(--hover-color)}.header h1{color:#333;color:var(--text-color);margin:0}.masonry-grid{column-gap:20px;columns:auto;max-width:1700px;width:100%}@media (min-width:1700px){.masonry-grid{column-count:4}}@media (max-width:1699px) and (min-width:1280px){.masonry-grid{column-count:3}}@media (max-width:1279px) and (min-width:860px){.masonry-grid{column-count:2}}@media (max-width:859px){.masonry-grid{column-count:1}}@media (max-width:480px){.masonry-grid{column-gap:10px}}.grid-item{background-color:#fff;background-color:var(--secondary-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a;break-inside:avoid;margin-bottom:20px;margin-left:auto;margin-right:auto;overflow:hidden;page-break-inside:avoid;transition:transform .2s ease;width:min(400px,100%);width:var(--content-width)}@media (max-width:480px){.grid-item{margin-bottom:15px}}.grid-item:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-4px)}.img-container{overflow:hidden;position:relative;width:100%}.grid-item img{cursor:pointer;display:block;height:auto;object-fit:cover;width:100%}.item-content{padding:15px;width:100%}@media (max-width:480px){.item-content{padding:12px}}.item-content h3{font-size:1rem;margin-bottom:8px}.item-content h3,.item-content p{color:#333;color:var(--text-color)}.item-content p{font-size:.9rem;opacity:.8}.interaction-bar{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color);display:flex;gap:15px;padding:10px 15px;width:100%}@media (max-width:480px){.interaction-bar{gap:10px;padding:8px 12px}}.interaction-button{background:none;border:none;color:#333;color:var(--text-color);cursor:pointer;font-size:.9rem;opacity:.7;padding:5px;transition:opacity .2s ease}.interaction-button:hover{opacity:1}.modal{background-color:#000c;background-color:var(--modal-overlay);display:none;height:100%;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}@media (max-width:480px){.modal{padding:10px}}.modal.active{align-items:center;display:flex;justify-content:center}.modal-content{background:#fff;background:var(--secondary-bg);border-radius:12px;max-height:90vh;max-width:90vw;overflow:hidden;position:relative}.gallery-container{align-items:center;background:#f5f5f5;background:var(--primary-bg);display:flex;justify-content:center;position:relative}.gallery-image{height:auto;max-height:80vh;max-width:min(600px,90vw);object-fit:contain;width:auto}.gallery-nav{align-items:center;background:#fffc;border:none;border-radius:50%;color:#333;color:var(--text-color);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s;width:40px;z-index:2}@media (max-width:480px){.gallery-nav{font-size:16px;height:35px;width:35px}}.gallery-nav:hover{background:#fff}.gallery-prev{left:20px}.gallery-next{right:20px}@media (max-width:480px){.gallery-prev{left:10px}.gallery-next{right:10px}}.close-modal{align-items:center;border:none;border-radius:50%;color:#333;color:var(--text-color);cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;right:10px;top:10px;width:30px;z-index:3}.close-modal,.gallery-counter{background:#fffc;position:absolute}.gallery-counter{border-radius:15px;bottom:20px;font-size:14px;left:50%;padding:5px 10px;transform:translateX(-50%);z-index:2}@media (max-width:480px){.gallery-counter{bottom:15px;font-size:12px}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f4f4f4;color:#333;font-family:Arial,sans-serif;line-height:1.6;margin:calc(56px + 2rem) auto 0}.lefcolumn{margin:0 auto;max-width:800px;padding:20px}.header{background-color:#fff;box-shadow:0 2px 5px #0000001a;left:0;padding:15px 20px;position:fixed;right:0;top:0;z-index:1000}.header h2{color:#333;margin:0 auto;max-width:800px}.loading-overlay{align-items:center;background-color:#fffc;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1000}.spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.post-thumbnail{position:relative}#loading-overlay{align-items:center;background-color:#fffc;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.card{background-color:#fff;border-radius:5px;box-shadow:0 2px 5px #0000001a;margin-bottom:20px;overflow:hidden;padding:20px;position:relative}.card h3,.card h4{color:#444;margin-bottom:15px}form{margin-top:15px}input[type=email],input[type=password],input[type=text],textarea{border:1px solid #ddd;border-radius:4px;margin-bottom:10px;padding:10px;width:100%}button[type=submit]{background-color:#5c5c5c;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 15px}button[type=submit]:hover{background-color:#4a4a4a}input[type=submit]{background-color:#5c5c5c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px}input[type=submit]:hover{background-color:#4a4a4a}.signup{background-color:#5c5c5c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px}#id_username_helptext{font-size:10px;font-style:italic}#id_password2_helptext{font-size:12px}div.new-user ul{list-style-type:none}div.new-user ul:after{content:"\a";white-space:pre}div.new-user ul li{font-size:10px;font-style:italic}.new-post-images{margin-bottom:15px}.new-post-images h4{color:#444;margin-bottom:10px}input[type=file]{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;display:block;font-size:14px;padding:10px;width:100%}input[type=file]::-webkit-file-upload-button{background-color:#5c5c5c;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:10px;padding:8px 12px}input[type=file]::-webkit-file-upload-button:hover{background-color:#4a4a4a}.post-images{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:15px}.post-img{align-items:center;background-color:#f0f0f0;border-radius:5px;display:flex;justify-content:center;overflow:hidden}.post-images .post-img img{height:auto;max-height:200px;max-width:100%;object-fit:contain;width:auto}.ck-editor__editable{border:1px solid #ddd!important;border-radius:4px!important;min-height:200px}.ck-toolbar{border-color:#ddd!important}@media (max-width:600px){body{padding-top:50px}.header{padding:10px 15px}.lefcolumn{padding:10px}.card{padding:15px}.post-images{grid-template-columns:repeat(2,1fr)}}.popup-base{align-items:center;background-color:#00000080;display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-base>*{animation:slideIn .3s ease-out;background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:500px;width:90%}.comment-popup,.share-popup{composes:popup-base}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.popup-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px 20px}.popup-header h3{color:#424242;font-size:1.2rem;margin:0}.close-button{background:none;border:none;color:#757575;cursor:pointer;font-size:1.5rem;padding:0 5px;transition:color .2s}.close-button:hover{color:#424242}.popup-body{padding:20px}.comment-input{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#424242;font-family:inherit;margin-bottom:15px;min-height:100px;padding:12px;resize:vertical;width:100%}.comment-input:focus{border-color:#9e9e9e;outline:none}.submit-comment{background-color:#757575;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .2s}.submit-comment:hover{background-color:#616161}.comments-section{background-color:#fff;background-color:var(--secondary-bg);border-top:1px solid #0000001a;padding:15px 20px}.comments-section h4{color:#333;color:var(--text-color);font-size:1.1em;margin-bottom:15px}.comment{background-color:#00000008;border-radius:6px;margin-bottom:12px;padding:12px 15px;transition:transform .2s ease}.comment:hover{background-color:#0000000d;transform:translateX(4px)}.comment:last-child{margin-bottom:0}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.comment-author{color:#333;color:var(--text-color);font-weight:600}.comment-date{color:#00000080;font-size:.85em}.comment-content{color:#333;color:var(--text-color);font-size:.95em;line-height:1.4}@media (max-width:480px){.comments-section{padding:12px 15px}.comment{margin-bottom:10px;padding:10px 12px}}.edit-post-container{background-color:#fff;background-color:var(--secondary-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:2rem auto;max-width:800px;padding:2rem}.edit-post-container h2{color:#333;color:var(--text-color);margin-bottom:1.5rem}.edit-post-form .form-group{margin-bottom:1.5rem}.edit-post-form label{color:#333;color:var(--text-color);display:block;font-weight:500;margin-bottom:.5rem}.edit-post-form .form-control{border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.edit-post-form textarea.form-control{min-height:200px;resize:vertical}.field-errors{margin-top:.5rem}.error-message{color:var(--error-color);font-size:.875rem}.button-group{display:flex;gap:1rem;margin-top:2rem}.submit-button{background-color:var(--success-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.submit-button:hover{background-color:#218838}.cancel-button{background-color:#6c757d;border:none;border-radius:4px;color:#fff;font-size:1rem;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .2s}.cancel-button:hover{background-color:#5a6268}.alert{border-radius:4px;margin-bottom:1rem;padding:1rem}.alert-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.post-sharing-div{background:#fff;background:var(--secondary-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;margin-top:1rem;padding:1rem;transition:all .2s ease}.post-sharing-div:hover{border-color:#d0d0d0;box-shadow:0 2px 8px #0000001a}.share-post-form{display:flex;flex-direction:column;gap:.75rem}.share-post-date-input{display:flex;flex-direction:column;gap:.5rem}.share-post-date-input p{font-weight:500;margin:0}.date-input,.share-post-date-input p{color:#333;color:var(--text-color);font-size:.875rem}.date-input{background:#fff;background:var(--secondary-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;max-width:180px;padding:.5rem;transition:border-color .2s ease;width:100%}.date-input:focus{border-color:#999;box-shadow:0 0 0 2px #9999991a;outline:none}.share-post-form button{align-self:flex-start;background:#333;background:var(--text-color);border:none;border-radius:4px;color:#fff;color:var(--secondary-bg);cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.share-post-form button:hover{background:#555;transform:translateY(-1px)}.share-post-form button:active{transform:translateY(0)}.share-result{background:#f0f0f0;background:var(--hover-color);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;margin-top:1rem;padding:1rem}.share-result-header{color:#333;color:var(--text-color);font-size:1rem;font-weight:600;margin-bottom:.75rem}.share-result-body{display:flex;flex-wrap:wrap;gap:.75rem}.copy-button,.share-button{background:#fff;background:var(--secondary-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;color:#333;color:var(--text-color);cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;min-width:120px;padding:.75rem 1rem;transition:all .2s ease}.copy-button:hover,.share-button:hover{background:#f0f0f0;background:var(--hover-color);border-color:silver;transform:translateY(-1px)}.copy-button:active,.share-button:active{transform:translateY(0)}.copy-button{background:#333;background:var(--text-color);border-color:#333;border-color:var(--text-color);color:#fff;color:var(--secondary-bg)}.copy-button:hover{background:#555;border-color:#555}@media (max-width:480px){.post-sharing-div{padding:.875rem}.share-result-body{flex-direction:column}.copy-button,.share-button{min-width:auto}}.existing-images-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:12px}.existing-image{aspect-ratio:1;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;overflow:hidden;position:relative}.existing-image-thumb{display:block;height:100%;object-fit:cover;width:100%}.remove-image-button{align-items:center;background:#dc2626d9;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;line-height:1;min-height:24px;min-width:24px;position:absolute;right:4px;top:4px;transition:background-color .2s ease;width:24px}.remove-image-button:hover{background:#b91c1c}.new-images-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.new-image-item{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;display:flex;font-size:14px;justify-content:space-between;padding:8px 12px}.new-image-item .remove-image-button{flex-shrink:0;margin-left:8px;position:static}@media (max-width:480px){.existing-images-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}
/*# sourceMappingURL=main.adf2f42d.css.map*/