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}:root{--header-height:60px;--sidebar-width:265px;--breakpoint-mobile:767px;--primary-gradient:linear-gradient(90deg,#7db6d6,#7db6d6);--main-bg-gradient:linear-gradient(90deg,#e3dfcb,#e3dfcb);--sidebar-bg:#f0f0f0;--text-color:#333;--link-color:#333;--counter-bg:#80b4e5;--modal-overlay-bg:#000c;--modal-content-bg:#fff;--close-button-color:red}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:sans-serif;height:100%}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{align-items:center;background:linear-gradient(90deg,#7db6d6,#7db6d6);background:var(--primary-gradient);box-shadow:0 2px 4px #0000001a;color:#333;color:var(--text-color);display:flex;height:60px;height:var(--header-height);justify-content:space-between;padding:0 15px;position:sticky;top:0;width:100%;z-index:100}.header-logo{height:50px;height:calc(var(--header-height) - 10px);left:50%;margin:0 auto;order:1;position:absolute;transform:translateX(-50%)}.last-updated{flex-shrink:0;font-size:.9em;margin-right:auto;order:0;padding-left:10px}.header-links{flex-shrink:0;order:2}.app-header a{color:#333;color:var(--link-color);margin-left:15px;text-decoration:none;white-space:nowrap}.app-header a:hover{text-decoration:underline}.sidebar-toggle{background:none;border:none;color:#333;color:var(--text-color);cursor:pointer;display:none;font-size:2rem;margin-right:10px;order:0;padding:5px 10px;z-index:101}.app-content{display:flex;flex-grow:1;overflow:hidden;position:relative}.app-sidebar{background-color:#f0f0f0;background-color:var(--sidebar-bg);border-right:1px solid #ccc;flex-shrink:0;height:calc(100vh - 60px);height:calc(100vh - var(--header-height));left:0;overflow-y:auto;padding:20px;position:fixed;top:60px;top:var(--header-height);transform:translateX(0);transition:transform .3s ease-in-out;width:265px;width:var(--sidebar-width);z-index:998}.sidebar-content{display:flex;flex-direction:column;height:100%}.app-sidebar h2{margin-bottom:15px}.app-sidebar ul{flex-grow:1;list-style:none;margin:0;padding:0}.app-sidebar li.topic-item{border-radius:4px;cursor:pointer;margin-bottom:5px;padding:10px 5px}.app-sidebar li.topic-item:hover{background-color:#ddd}.counter{display:flex;flex-wrap:wrap;justify-content:center;margin-top:auto;padding-top:20px}.cntr{background:#80b4e5;background:var(--counter-bg);border-radius:5px;color:#fff;display:inline-block;font-size:1.2rem;font-weight:700;margin:3px;min-width:25px;padding:8px 8px 5px;text-align:center}.app-main{background:linear-gradient(90deg,#e3dfcb,#e3dfcb);background:var(--main-bg-gradient);flex-grow:1;height:calc(100vh - 60px);height:calc(100vh - var(--header-height));margin-left:265px;margin-left:var(--sidebar-width);overflow-y:auto;padding:20px;transition:margin-left .3s ease-in-out}.app-main h2{margin-bottom:15px}.main-logo-container{align-items:center;display:flex;justify-content:center;min-height:300px;padding:20px 0;width:100%}.main-logo-image{height:auto;max-width:90%;object-fit:contain;width:600px}.image-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.image-item{background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;padding:10px;text-align:center}.image-item img{aspect-ratio:4/3;border-radius:4px;height:auto;margin-bottom:10px;object-fit:cover;width:100%}.image-item img.clickable-image{cursor:pointer}.image-caption{color:#555;font-size:.9em;margin-top:5px}.download-button{background-color:#80b4e5;background-color:var(--counter-bg);border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:1em;margin:15px 0;padding:10px 20px;transition:background-color .2s ease}.download-button:hover{background-color:#6aa3d4}.image-item img.full-size-image{aspect-ratio:auto;background-color:#eee;cursor:default;height:auto;max-width:100%;object-fit:contain;width:600px}.comment-section{border-top:1px solid #eee;margin-top:20px;padding-top:15px;text-align:left}.comment-section h4{margin-bottom:10px}.comment-list{list-style:none;margin-bottom:15px;max-height:200px;overflow-y:auto;padding:0}.comment-list li{border-bottom:1px dashed #eee;font-size:.9em;padding:5px 0}.comment-form textarea{border:1px solid #ccc;border-radius:4px;font-size:.9em;margin-bottom:10px;padding:8px;resize:vertical;width:100%}.comment-form button{background-color:#80b4e5;background-color:var(--counter-bg);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 15px}.comment-form button:hover{background-color:#6aa3d4}.modal{background-color:#000c;background-color:var(--modal-overlay-bg);height:100%;left:0;padding:10px;position:fixed;top:0;width:100%;z-index:1000}.modal,.modal-content{align-items:center;display:flex;justify-content:center}.modal-content{background-color:#fff;background-color:var(--modal-content-bg);border-radius:8px;max-height:90vh;max-width:95vw;overflow:hidden;padding:15px;position:relative}.modal-image{display:block;max-height:100%;max-width:100%;object-fit:contain}.close-button{align-items:center;background-color:#ffffffb3;border-radius:50%;color:red;color:var(--close-button-color);cursor:pointer;display:flex;font-size:2rem;font-weight:700;height:30px;justify-content:center;line-height:1;padding-bottom:4px;position:absolute;right:5px;top:5px;width:30px;z-index:1001}.sidebar-overlay{background-color:#00000080;display:none;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:997}.app.sidebar-open .sidebar-overlay{display:block;opacity:1}@media (max-width:767px){.app-header{justify-content:flex-start;padding:0 10px}.header-logo{display:none}.last-updated{font-size:.8em;margin-left:10px;order:1;padding-left:0}.header-links{margin-left:auto;padding:0}.app-header a{font-size:.9em;margin-left:10px}.sidebar-toggle{display:block}.app-sidebar{box-shadow:2px 0 5px #0003;max-width:300px;transform:translateX(-100%);width:80%;z-index:999}.app-sidebar.open{transform:translateX(0)}.app-main{height:calc(100vh - 60px);height:calc(100vh - var(--header-height));margin-left:0;overflow-y:auto;padding:15px}.image-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.image-item img{aspect-ratio:1/1}.main-logo-image{max-width:350px;width:100%}.modal-content{max-height:85vh;max-width:95vw;padding:10px}.close-button{font-size:1.8rem;height:35px;right:2px;top:2px;width:35px}}.login-page{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.login-box{background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0003;padding:30px 40px;text-align:center}.login-box h2{margin-bottom:15px}.login-box p{color:#555;margin-bottom:25px}.google-login-button-container{display:flex;justify-content:center}.profile-picture{border-radius:50%;height:auto;margin-right:10px;vertical-align:middle;width:40px}.header-links{align-items:center;display:flex}
/*# sourceMappingURL=main.09613090.css.map*/