html,body{margin:0;padding:0;width:100%;overflow-x:hidden}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:none}.home-page{display:flex;flex-direction:column;justify-content:center;align-items:center}.login-section{font-size:1.2em;display:flex;flex-direction:column;align-items:center}.google-login-button{border-radius:12px;border:1px solid transparent;padding:.6em 1.2em;font-size:1.8em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:transform .25s,border-color .25s}.google-login-button:hover{border-radius:12px;border:1px solid transparent;padding:.6em 1.2em;font-size:1.8em;font-weight:500;font-family:inherit;background-color:#1a1a1a;border-color:#646cff}.google-login-button:focus,.google-login-button:focus-visible{outline:4px auto -webkit-focus-ring-color}.image-page{padding-left:0}.image-page h1{padding-left:.2em}.dashboard-title{padding-left:.2em;font-size:3.2em;line-height:1;text-shadow:4px 4px 8px rgba(0,0,0,.719)}.image-gallery{text-align:center;width:100vw}@media (max-width: 600px){.dashboard-title{font-size:2em}}button{margin:0 5px;border-radius:8px;border:none;padding:.6em 1.2em;font-size:1.6em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#aed0e7;cursor:pointer;transition:border-color .25s;box-shadow:4px 4px 8px #000000b7}button:hover{background-color:#303030;border-color:#646cff;transform:scale(1.05);box-shadow:4px 4px 4px #000000d6}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.first-row-tabs,.second-row-tabs{display:flex;margin-bottom:10px}.second-row-tabs button{cursor:pointer;border-radius:12px;border:none;padding:.4em 1em;font-size:1.2em;font-weight:300;background-color:#1c1c1c;color:#a2dbd5;box-shadow:4px 4px 8px #000000b7}.second-row-tabs button:hover{background-color:#303030;border-color:#7075e4;transform:scale(1.05);box-shadow:4px 4px 5px #000000b7}.second-row-tabs .active-sub-tab{border-bottom:2px solid #8f95ff;background-color:#303030;border-color:#8f95ff}.active-tab{border:none;border-bottom:2px solid #8f95ff;background-color:#303030;border-color:#8f95ff}.tab-content-title{color:#bfc9c8}@media (max-width: 600px){button{padding:5px 10px;font-size:1.1em}h1{font-size:2em}.second-row-tabs button{padding:5px 9px;font-size:.9em}}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:10px;width:100vw;margin:0;padding:1vw;box-sizing:border-box}.image-grid-img{width:15rem;height:15rem;object-fit:cover;cursor:pointer;transition:.2s;box-shadow:4px 4px 8px #000000b7}.image-grid-img:hover{background-color:#303030;border-color:#7075e4;transform:scale(1.05);box-shadow:4px 4px 5px #000000b7}.image-modal{display:block;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000e6}.modal-content-wrapper{display:flex;justify-content:center;align-items:flex-start;max-width:90%;margin:auto;max-height:80vh;padding-top:2rem}.left-arrow,.right-arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;padding:10px;cursor:pointer;z-index:10}.left-arrow{left:10px}.right-arrow{right:10px}.modal-content{display:block;width:80%;max-width:700px;height:auto;object-fit:contain;transform:none!important}.modal-info-section{display:flex;flex-direction:column;width:40%}.modal-info-section .image-info{padding:10px;border-bottom:1px solid #386aac;margin-bottom:10px;background-color:#0f0f0f;border-radius:10px}.modal-info-section .image-info h2{margin:0;font-size:1.5em}.modal-info-section .image-info p{margin:5px 0;font-size:1em}.modal-info-section .edit-img-button{padding:5px 10px;font-size:1em;background-color:#222324;color:#fff;border-radius:5px;cursor:pointer;transition:background-color .3s}.modal-info-section .edit-img-button:hover{background-color:#333;border-color:#386aac}.modal-info-section .delete-img-button{padding:5px 10px;font-size:1em;background-color:#1a1a1a;color:#fff;border-radius:5px;margin-left:auto;cursor:pointer;transition:border-radius .15s,border-color .15s,background-color 1.5s}.modal-info-section .delete-img-button:hover{background-color:#473030;border-color:#ff0040;border-radius:15px}.modal-info-section .save-img-button{padding:5px 10px;font-size:1em;background-color:#2a4132;color:1white;border-radius:5px;cursor:pointer;transition:background-color .3s}.modal-info-section .save-img-button:hover{background-color:#215e2b;border-color:#2bad41}.modal-info-section .cancel-img-button{padding:5px 10px;font-size:1em;background-color:#492929;color:1white;border-radius:5px;margin-left:10px;cursor:pointer;transition:background-color .3s}.modal-info-section .cancel-img-button:hover{background-color:#6e2423;border-color:#c43b39}.modal-info-section .title-input,.modal-info-section .description-input{box-sizing:border-box}.image-modal-header{display:flex;align-items:center;padding:10px;position:relative;justify-content:flex-start;flex-direction:row-reverse;font-size:1.5em;gap:10px}.dropdown-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;right:0;top:100%;background-color:#312e2e;box-shadow:0 8px 16px #0003;border-radius:10px;z-index:1;padding:10px}.dropdown-menu button{background:none;border:none;padding:8px 16px;text-align:left;width:100%;cursor:pointer;color:#e6dede;font-size:1.1em}.dropdown-menu button:hover{background-color:#574c4c;color:#94cdd4}.close:hover{color:#c95252;transform:scale(1.1)}.close:focus{color:#bbb;text-decoration:none;cursor:pointer}.comments-section{flex-grow:1;overflow-y:auto;max-height:70vh;padding:10px;background-color:#292626;border-radius:5px}.comments-list{margin-bottom:10px}.add-comment{display:flex;align-items:center}.add-comment input{flex:1;padding:5px;margin-right:5px}.add-comment button{padding:5px 10px;font-size:1.2em}@media (min-width: 601px){.modal-content{margin-right:20px}}@media (max-width: 600px){.image-grid{grid-template-columns:repeat(auto-fill,minmax(5rem,1fr))}.image-grid-img{width:5rem;height:5rem}.image-modal{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;border-radius:0;box-sizing:border-box}.image-modal-header{position:absolute;top:0;right:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;z-index:10}.modal-content-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100vh;min-height:100vh;padding:8px;box-sizing:border-box}.modal-content-wrapper .left-arrow,.modal-content-wrapper .right-arrow{top:20%;z-index:1}.modal-content-wrapper span{display:flex;flex-direction:column;align-items:center;width:100%}.modal-content-wrapper span .modal-content{max-width:90%;max-height:40vh;object-fit:contain;margin-bottom:16px}.modal-content-wrapper .modal-info-section{max-height:150vh;overflow-y:auto;width:100%;padding:8px}.modal-content-wrapper .modal-info-section .comments-section{overflow-y:auto;max-width:100%;padding:8px;font-size:.8em}.modal-content-wrapper .modal-info-section .image-info h2{margin:0;font-size:1em}.modal-content-wrapper .modal-info-section .image-info summary{margin:5px 0;font-size:.8em}.modal-content-wrapper .modal-info-section .image-info p{margin:5px 0;font-size:.6em}.modal-content-wrapper .modal-info-section .details-buttons{font-size:.6em;display:flex}.dropdown-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;right:0;top:5em;background-color:#353232;box-shadow:0 8px 16px #0003;border-radius:10px;z-index:600;padding:10px;font-size:.5em}.dropdown-menu button{background:none;border:none;padding:2px;text-align:center;width:100%;cursor:pointer;color:#e6dede;font-size:.8em}.add-comment button{padding:3px 5px;font-size:1em}}.fab-container{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column-reverse;align-items:flex-end}.fab{background-color:#007bff;border:none;border-radius:50%;width:56px;height:56px;color:#fff;font-size:24px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 2px 5px #0000004d;transition:transform .3s}.fab:hover{transform:scale(1.1)}.fab-options{margin-bottom:10px;display:flex;flex-direction:column;align-items:flex-end;animation:expand .3s ease-out forwards}.fab-option{background-color:#292525;border:1px solid #ddd;border-radius:5px;padding:10px 15px;margin-bottom:5px;cursor:pointer;font-size:1.2em;box-shadow:0 2px 5px #0003;transition:background-color .3s}.fab-option:hover{background-color:#f0f0f0}@keyframes expand{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.comment{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #ccc;position:relative}.comment-content{flex-grow:1;margin-right:10px}.delete-comment-button{background-color:#693b3b;color:#fff;padding:3px 6px;font-size:.5em;cursor:pointer;border-radius:4px;transition:background-color .3s,border-color .15s;position:absolute;right:0;top:.4em}.delete-comment-button:hover{background-color:#ff1a1a;border-color:#fa9896}.comment-timestamp{font-size:.8em;color:#888;text-align:right;position:absolute;right:0;bottom:0}.context-menu{background-color:#333;border:1px solid #ccc;border-radius:4px;z-index:1000;display:flex;flex-direction:column;position:fixed}.context-menu button{background-color:transparent;color:#fff;border:none;padding:5px 10px;cursor:pointer;text-align:left;transition:background-color .3s;font-size:1.1em}.context-menu button:hover{background-color:#444}.reminder-tab{padding:5px;width:100vw}.pinned-reminders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:10px;width:92vw;margin:0;padding:1vw;box-sizing:border-box}.pinned-reminder{min-height:15rem;max-height:15rem;max-width:15rem;background-color:#3b413b;color:#fff;padding:15px;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;position:relative;cursor:pointer;transition:.2s;box-shadow:4px 4px 8px #000000b7}.pinned-reminder:hover{background-color:#464d46;transform:scale(1.05);box-shadow:8px 4px 5px #000000b7}.pinned-reminder h3{margin:0 0 10px;font-size:1.2em;white-space:nowrap;width:90%;flex-shrink:0;overflow:hidden;text-overflow:ellipsis}.pinned-reminder p{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:normal}.priority-indicator{position:absolute;top:10px;right:10px;width:1em;height:1em;border-radius:50%}.priority-indicator-modal{position:absolute;top:20px;right:30px;width:1em;height:1em;border-radius:50%}.reminder-metadata{font-size:.8em;color:#aaa;margin-top:20px;margin-bottom:1px;display:flex;flex-direction:row}.modal{display:flex;position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000e6;justify-content:center;align-items:center}.modal-reminder-content{background-color:#292626;padding:20px;border:1px solid #888;width:80%;max-width:90vw;border-radius:8px;position:relative;height:80vh;overflow-y:auto}.modal-reminder-content .reminder-modal-title{display:block;margin:0 0 10px;font-size:1.2em;width:90%;overflow-wrap:break-word;word-wrap:break-word;white-space:normal}.modal-reminder-content .reminder-modal-content{position:relative;display:block;margin:0 0 10px;font-size:.9em;width:100%;height:70%;overflow-wrap:break-word;word-wrap:break-word;white-space:normal;overflow-y:auto}.modal-reminder-content textarea{flex-grow:1;width:100%;resize:none;box-sizing:border-box;padding:10px;font-size:1em;margin-top:10px}.priority-dropdown{position:relative;display:flex;top:-5px;right:30px;justify-content:flex-end;margin-bottom:.3em}.priority-dropdown button{background-color:#444;color:#fff;border:none;padding:5px 10px;border-radius:5px;font-size:.8em;cursor:pointer;width:6em}.dropdown-menu{display:flex;flex-direction:column;position:absolute;right:0;top:100%;background-color:#504848;box-shadow:0 8px 16px #0003;z-index:1;border-radius:5px;padding:10px}.dropdown-menu button{background:none;border:none;padding:8px 16px;text-align:left;width:100%;cursor:pointer;margin:5px 0}.dropdown-menu.low{color:green}.dropdown-menu.medium{color:#ff0}.dropdown-menu.high{color:orange}.dropdown-menu.immediate{color:red}.edit-button{position:absolute;bottom:10px;right:10px;width:6em;background-color:#444;color:#fff;border:none;padding:5px 10px;border-radius:5px;font-size:.8em;cursor:pointer}.edit-button:hover{background-color:#555}input[type=text],textarea{width:100%;margin-top:10px;padding:8px;border:1px solid #ccc;border-radius:4px}.reminder-modal-buttons{position:absolute;bottom:10px;right:10px;display:flex;gap:10px;align-items:center}.done-button,.edit-button{position:relative!important;bottom:0!important;right:0!important;padding:5px 10px;font-size:1em!important;background-color:#444;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.done-button:hover,.edit-button:hover{background-color:#555}.reminder-modal-buttons-delcansave{position:absolute;bottom:20px;right:10px;display:flex;gap:10px;align-items:center}.reminder-modal-save-button,.reminder-modal-cancel-button,.reminder-modal-delete-button{background-color:#444;color:#fff;font-size:1em!important;margin-top:.5em!important;bottom:0!important;right:0!important;position:relative!important}.add-reminder-button{background-color:#2c2e2c;font-size:2em;color:#555;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.add-reminder-button:hover{background-color:#3f443f}.close{position:absolute;top:0;right:0;max-height:36px;font-size:36px;line-height:.5;z-index:1000}.new-reminder-modal{display:block;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000c}.new-reminder-modal-content{background-color:#292626;margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-width:500px;border-radius:8px;position:relative;display:flex;flex-direction:column}.new-reminder-modal-buttons-delcansave{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}@media (max-width: 600px){.pinned-reminders-grid{grid-template-columns:repeat(auto-fill,minmax(5rem,1fr))}.pinned-reminder{min-height:5rem;max-height:5rem;max-width:5rem;padding:.5rem;font-size:.65em}.modal-reminder-content .reminder-modal-title{display:block;margin:0 0 10px;font-size:1.2em;width:90%;overflow-wrap:break-word;word-wrap:break-word;white-space:normal}.modal-reminder-content .reminder-modal-content{position:relative;display:block;margin:0 0 10px;font-size:.9em;width:100%;overflow-wrap:break-word;word-wrap:break-word;white-space:normal}.reminder-metadata{position:relative;display:block;margin:0 0 10px;font-size:.9em;width:100%}.priority-indicator{position:absolute;top:5px;right:5px;width:.5em;height:.5em;border-radius:50%}.reminder-modal-buttons{position:static;margin-top:10px;display:flex;justify-content:flex-end}.add-reminder-button div{font-size:4em;color:#383b38;line-height:1}}