@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box;text-decoration:none}body{font-size:100%;list-style-type:none}body{position:relative;background-color:var(--main-bg-color);color:var(--main-text-color);font-family:Roboto,sans-serif;margin:0;padding:0}main{min-height:100vh;position:absolute;top:0;left:0;right:0;z-index:-10}img{object-fit:cover;max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;background:none;border:none}.form-page-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;color:var(--main-text-color);font-weight:300;margin-top:25px}.form-page-container h2{color:var(--main-text-color);font-size:2rem;margin:0;text-shadow:0 5px 10px var(--text-shadow-color)}.form-page-container .form{display:flex;flex-direction:column;margin:25px 0 10px;width:clamp(300px,60vw,400px);padding:0 15px 15px;background:var(--form-bg-color);box-shadow:0 8px 50px 0 var(--form-shadow-color);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:10px;border:1px solid var(--form-border-color)}.form-page-container .form-group{width:100%;display:flex;flex-direction:column}.form-page-container .form-group label{color:var(--main-text-color);font-size:.9rem;margin-top:1.25rem;margin-bottom:.75rem}.form-page-container .form input{width:100%;height:auto;padding:1rem .75rem;border-radius:5px;border:none;background-color:#6464641a;color:var(--text-primary-color);outline:0px solid var(--text-primary-color);box-shadow:0 0 0 0 var(--text-primary-color);transition:outline .5s,box-shadow .5s;font-weight:300}.form-page-container .form input:focus{outline:1px solid var(--text-primary-color);box-shadow:0 5px 20px 0 var(--text-primary-color);transition:outline .3s,box-shadow .3s}.form-page-container .form input::placeholder{color:var(--main-text-color)}.form-page-container .form select{width:100%;height:auto;padding:1rem .75rem;border-radius:5px;border:none;background-color:var(--select-bg-color);color:var(--text-primary-color);outline:0px solid var(--text-primary-color);box-shadow:0 0 0 0 var(--text-primary-color)}.form-page-container .form select option{color:var(--text-primary-color);background:var(--select-bg-color)}.form-page-container .form input::file-selector-button{border:none;background-color:var(--input-file-selector-button-bg-color);color:var(--text-primary-color);padding:.25rem .75rem;border-radius:5px;margin-right:1rem;cursor:pointer}.form-page-container .form button{margin-top:1rem;padding:1.25rem 4rem;border-radius:5px;color:var(--main-text-color);font-size:1rem;background-color:var(--btn-primary-color);box-shadow:0 0 0 0 var(--btn-primary-color);transition:box-shadow .5s;border:none;width:100%;font-weight:300;cursor:pointer}.form-page-container .form button:hover{box-shadow:0 10px 30px 5px var(--btn-primary-color);transition:box-shadow .3s}.form-page-container .form-links{margin-bottom:1rem}.form-page-container .form-links a{color:var(--text-primary-color);font-size:.8rem;margin:1rem 0;display:flex;flex-direction:column;align-items:center;text-decoration:underline}.form-page-container .form-links a:hover{text-decoration:none}.form-page-container .error-message{color:var(--text-error-color);font-size:.8rem;text-align:left;margin-bottom:1rem;margin-top:.25rem}@media only screen and (max-width:600px){.form-page-container h2{margin:15px 0}.form-page-container .form{padding:0 15px 15px}}.home-main{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;margin-top:50px}.home-titles{display:flex;flex-direction:column;align-items:flex-start;max-width:70vw}h1{font-size:clamp(3rem,12vw,7rem);color:var(--main-text-color);text-shadow:0 5px 20px var(--text-shadow-color);font-weight:600;text-align:left;margin-bottom:1rem}h2{font-size:clamp(.9rem,2.5vw,2rem);color:var(--main-text-color);text-shadow:0 5px 20px var(--text-shadow-color);font-weight:200;text-align:left}.home-buttons{display:flex;flex-direction:row;align-items:center;justify-content:center}.home-buttons .button{padding:1rem 4rem;border-radius:5px;color:var(--main-text-color);font-size:1rem;text-decoration:none;text-align:center;font-weight:700;margin-inline:.25rem}.home-buttons .button.btn-login{background-color:var(--btn-primary-color);box-shadow:0 0 0 0 var(--btn-primary-color);transition:box-shadow .5s}.home-buttons .button.btn-login:hover{box-shadow:0 10px 30px 5px var(--btn-primary-color);transition:box-shadow .3s}.home-buttons .button.btn-register{background:none;border:2px solid var(--btn-primary-color);box-shadow:0 0 0 0 var(--main-text-color);transition:box-shadow .5s,border .5s}.home-buttons .button.btn-register:hover{border:2px solid var(--main-text-color);box-shadow:0 5px 20px 0 var(--main-text-color);transition:box-shadow .3s,border .3s}#video-tutorial-link{color:var(--text-primary-color);font-size:.8rem;font-weight:300;text-decoration:underline}#video-tutorial-link:hover{text-decoration:none}@media screen and (max-width:500px){.home-titles{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:90vw}h1,h2{text-align:center}.home-buttons{flex-direction:column;width:90vw}.home-buttons .button{margin:.5rem;display:block;width:100%}}.L{position:fixed;z-index:9999;top:0;left:0;height:100%;width:100%;transform:scale(2)}.r{top:calc(50% - 11px);left:calc(50% - 11px);position:absolute;transform-origin:50% 0;height:22px;width:22px;border-radius:100%;mix-blend-mode:exclusion;animation:A 2s cubic-bezier(0,.9,1,.1) -.1s infinite}.g{top:calc(50% - 11px);left:calc(50% - 11px);position:absolute;transform-origin:50% 0;height:22px;width:22px;border-radius:100%;mix-blend-mode:exclusion;animation:A 2s cubic-bezier(0,.9,1,.1) -.2s infinite}.b{top:calc(50% - 11px);left:calc(50% - 11px);position:absolute;transform-origin:50% 0;height:22px;width:22px;border-radius:100%;mix-blend-mode:exclusion;animation:A 2s cubic-bezier(0,.9,1,.1) -.3s infinite}.r{background:red}.g{background:#0f0}.b{background:#00f}@keyframes A{to{transform:rotate(360deg)}}.categories-container .categories-btn-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 5vw;margin-top:10px}@media only screen and (max-width:600px){.categories-container .categories-btn-container{padding:0 4vw}}@media only screen and (max-width:380px){.categories-container .categories-btn-container{padding:0 3vw}}.categories-container .saving-order-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9998;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000080;pointer-events:all}.categories-container .saving-order-overlay .saving-order-text{margin-top:60px;color:#fff;font-size:1rem}.categories-container .saving-order-overlay .L{pointer-events:none}.categories-container section{min-height:65vh;margin-inline:5vw;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}.categories-container section.drag-active .category{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.categories-container section.drag-active .category .category-hover-target,.categories-container section.drag-active .category .category-content-wrapper,.categories-container section.drag-active .category .category-content,.categories-container section.drag-active .category a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.categories-container section.drag-active .category h5{text-align:center;width:100%}.categories-container .h1-container{position:absolute;top:0;left:0;right:0;min-height:100vh;z-index:-5;text-align:center;opacity:.05;display:flex;justify-content:center;align-items:center;overflow:hidden}.categories-container .h1-container h1{font-size:12rem;text-transform:uppercase}.categories-container .category{margin:10px;position:relative;display:flex;justify-content:center;align-items:center}.categories-container .category.edit-mode{cursor:default}.categories-container .category:not(.edit-mode){cursor:grab}.categories-container .category.dragging{cursor:grabbing;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.categories-container .category-hover-target{transform:scale(1);transition:transform .2s ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:center}.categories-container .category:hover .category-hover-target{transform:scale(1.08)}.categories-container .category a,.categories-container .category .category-content-wrapper{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:150px}.categories-container .category .category-content{width:100%;max-width:150px;min-width:0}.categories-container .category-image-box{position:relative;width:150px;height:150px;overflow:hidden;border-radius:20px}.categories-container .category-image-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.categories-container .category-image-box .category-placeholder{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center}.categories-container .category-image-box img{background:#6464641a;box-shadow:0 0 100px #212aa0cc;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.categories-container .category-image-box .category-placeholder{display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:700;color:var(--main-text-color);box-shadow:0 0 100px #212aa0cc;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.categories-container .category h5{font-size:1.2rem;margin-top:5px}.categories-container .category-matched-anchors{display:block;font-size:.75rem;opacity:.85;margin-top:4px;width:100%;max-width:150px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.categories-container .category .delete-btn{position:absolute;z-index:5;top:-10px;right:-15px;background-color:#dc3545;border-radius:50%;width:30px;height:30px;font-size:1.5rem;display:flex;justify-content:center;align-items:center;transition:background-color .2s;color:var(--main-text-color);cursor:pointer}.categories-container .category .delete-btn:hover{background-color:#ff0019}.categories-container .category .update-btn{position:absolute;z-index:5;bottom:10px;right:-15px;background-color:#ffc107;border-radius:50%;width:30px;height:30px;font-size:1.2rem;display:flex;justify-content:center;align-items:center;transition:background-color .2s;color:var(--main-text-color);cursor:pointer}.categories-container .category .update-btn:hover{background-color:#ffc720}.categories-container #not-found{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;transform:scale(1.5);font-size:1rem}.categories-container #not-found img{width:100px}@media only screen and (max-width:600px){.categories-container section{margin-block:25px;margin-inline:12px;padding:0;min-width:0}.categories-container .category{width:100%;max-width:100%;min-width:0;margin:12px 0;align-items:stretch}.categories-container .category .category-hover-target{width:100%;min-width:0;align-items:stretch}.categories-container .category a,.categories-container .category .category-content-wrapper{width:100%;max-width:100%;min-width:0;align-items:flex-start}.categories-container .category .category-content{width:100%;max-width:100%;box-sizing:border-box}.categories-container .category a .category-content,.categories-container .category .category-content-wrapper .category-content{width:100%;max-width:100%}.categories-container .category a .category-content .category-image-box,.categories-container .category .category-content-wrapper .category-content .category-image-box{position:relative;width:100%;padding-bottom:100%;overflow:hidden;border-radius:24px}.categories-container .category a .category-content .category-image-box img,.categories-container .category .category-content-wrapper .category-content .category-image-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:24px}.categories-container .category a .category-content .category-image-box .category-placeholder,.categories-container .category .category-content-wrapper .category-content .category-image-box .category-placeholder{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;border-radius:24px}.categories-container .category a .category-content h5,.categories-container .category .category-content-wrapper .category-content h5{font-size:1.5rem;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis}.categories-container .category a .category-content .category-matched-anchors,.categories-container .category .category-content-wrapper .category-content .category-matched-anchors{max-width:100%;overflow:hidden;text-overflow:ellipsis}.categories-container .category.edit-mode .delete-btn{top:-8px;right:0}.categories-container .category.edit-mode .update-btn{bottom:15px;right:0;top:auto}}.create-btn{background:#ffffff80;box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:50%;border:1px solid rgba(255,255,255,.18);width:35px;height:35px;display:flex;justify-content:center;align-items:center;font-size:1.5rem;text-align:center;color:var(--main-text-color);cursor:pointer;transition:background-color .3s ease}.create-btn:hover{background:#ffffff40}.search-edit-container{margin-top:75px;padding:0 5vw;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.search-edit-container .search-sort-group{display:flex;align-items:center;gap:8px}.search-edit-container .search-input{border:none;color:var(--main-text-color);padding:10px;height:44px;box-sizing:border-box;border-radius:5px;outline-color:var(--main-text-color);background:#ffffff40;box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.18)}.search-edit-container .search-input::placeholder{color:var(--main-text-color)}.search-edit-container .edit-mode{display:flex;flex-direction:row;text-align:center}.search-edit-container .edit-mode .lock{width:25px}.search-edit-container .edit-mode .editSwitch{cursor:pointer}@media only screen and (min-width:601px){.search-edit-container .search-input{width:250px;max-width:250px}}@media only screen and (max-width:600px){.search-edit-container{padding:0 4vw;gap:8px;flex-wrap:nowrap}.search-edit-container .search-sort-group{flex:1;min-width:0}.search-edit-container .search-input{flex:1;min-width:0;width:100%;font-size:16px}.search-edit-container .sort-select-wrapper,.search-edit-container #toggle-checkbox-container{flex-shrink:0}}@media only screen and (max-width:380px){.search-edit-container{padding:0 3vw;gap:6px}}#toggle-checkbox-container{display:flex;justify-content:center;align-items:center}#toggle-checkbox-container input[type=checkbox]{height:0;width:0;visibility:hidden}#toggle-checkbox-container label{cursor:pointer;text-indent:-9999px;width:45px;height:25px;background:var(--text-shadow-color);display:block;border-radius:20px;position:relative}#toggle-checkbox-container label:after{content:"";position:absolute;top:1.5px;left:1.5px;width:22px;height:22px;background:var(--main-text-color);border-radius:45px;transition:.3s}#toggle-checkbox-container input:checked+label{background:var(--delete-btn-bg-color)}#toggle-checkbox-container input:checked+label:after{left:calc(100% - 1.25px);transform:translate(-100%)}#toggle-checkbox-container label:active:after{width:16.25px}.sort-select-wrapper{position:relative;display:inline-flex}.sort-select-trigger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:5px;background:#ffffff40;box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--main-text-color);cursor:pointer}.sort-select-trigger:disabled{opacity:.6;cursor:not-allowed}.sort-select-icon{fill:currentColor;font-size:1.25rem}.sort-select-native{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--modal-overlay-bg-color);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-overlay .modal-content{position:relative;color:var(--main-text-color)}.modal-overlay .form{position:relative;background:var(--modal-form-bg-color)}.modal-overlay #bg_color{height:75px}.modal-overlay .color-input-row{display:flex;align-items:center;gap:12px}.modal-overlay #reset-color-btn{display:flex;align-items:center;justify-content:center;margin:0;padding:2px;min-width:unset;width:fit-content;background:none;border:none;box-shadow:none;color:#e53935;cursor:pointer;transition:opacity .2s}.modal-overlay #reset-color-btn:hover:not(:disabled){opacity:.8;box-shadow:none}.modal-overlay #reset-color-btn:disabled{opacity:.4;cursor:not-allowed}.modal-overlay #reset-color-btn svg{width:1.4rem;height:1.4rem}.modal-overlay #close-btn{position:absolute;width:auto;top:-10px;right:10px;background:none;color:var(--main-text-color);padding:0;border:none;font-size:1.5rem;font-weight:700;cursor:pointer;transition:color .3s ease}.modal-overlay #close-btn:hover{color:var(--close-btn-color);background:none;box-shadow:none;transition:color .3s ease}.modal-overlay #cancel-btn{background:none;color:var(--main-text-color);border:2px solid var(--main-text-color);border-radius:5px;cursor:pointer;box-shadow:none;transition:box-shadow .5s,border .5s,background-color .5s}.modal-overlay #cancel-btn:hover{background-color:var(--cancel-btn-bg-color-hover);box-shadow:0 0 20px 0 var(--cancel-btn-shadow-color-hover);transition:box-shadow .3s,border .3s,background-color .3s}.modal-overlay .image-preview{margin-top:1rem;text-align:center}.modal-overlay .image-preview p{font-size:.9rem;color:var(--main-text-color);margin-bottom:.5rem}.modal-overlay .image-preview .image-preview-thumbnail{width:80px;height:80px;object-fit:cover;border-radius:5px}.modal-overlay .error-message{margin-top:1rem}.confirm-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--modal-overlay-bg-color);display:flex;justify-content:center;align-items:center;z-index:1000}.confirm-modal-content{background:var(--modal-bg-color);color:var(--main-text-color);padding:20px 5px;border-radius:10px;box-shadow:0 0 20px 20px var(--modal-shadow-color);text-align:center;width:300px}.confirm-modal-buttons{display:flex;justify-content:space-evenly;margin-top:20px}.confirm-btn{background-color:var(--delete-btn-bg-color);color:var(--main-text-color);padding:10px 20px;border:none;border-radius:5px;cursor:pointer;width:45%;transition:box-shadow .5s}.confirm-btn:hover{background-color:var(--delete-btn-bg-color-hover);box-shadow:0 0 20px 0 var(--delete-btn-bg-color-hover);transition:box-shadow .3s}.cancel-btn{background-color:none;color:var(--main-text-color);padding:10px 20px;border:2px solid var(--main-text-color);border-radius:5px;cursor:pointer;width:45%;box-shadow:none;transition:box-shadow .5s,border .5s,background-color .5s}.cancel-btn:hover{background-color:var(--cancel-btn-bg-color-hover);box-shadow:0 0 20px 0 var(--cancel-btn-shadow-color-hover);transition:box-shadow .3s,border .3s,background-color .3s}.error-card{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;padding:10px 15px;border-radius:5px;display:flex;justify-content:space-between;align-items:center;gap:10px;max-width:400px;margin:0 auto;font-size:14px;box-shadow:0 2px 4px #0000001a}.error-card p{margin:0;flex-grow:1}.close-btn{background:none;border:none;color:#721c24;font-size:18px;cursor:pointer;font-weight:700}.close-btn:hover{color:#a94442}.links-container .btn-container{display:flex;justify-content:space-between;align-items:flex-start;margin:10px 5vw}.links-container .color-picker-btn{color:var(--main-text-color);cursor:pointer;font-size:25px}.links-container .h1-container{position:absolute;top:0;left:0;right:0;min-height:100vh;z-index:-5;text-align:center;opacity:.1;display:flex;justify-content:center;align-items:center;overflow:hidden}.links-container .h1-container h1{font-size:12rem}.links-container .saving-order-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9998;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000080;pointer-events:all}.links-container .saving-order-overlay .saving-order-text{margin-top:60px;color:#fff;font-size:1rem}.links-container .saving-order-overlay .L{pointer-events:none}.links-container section{padding-block:clamp(0px,5vh,200px);padding-inline:clamp(0px,10vw,200px);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.links-container section.drag-active .anchor{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.links-container section.drag-active .anchor .anchor-hover-target,.links-container section.drag-active .anchor .anchor-content,.links-container section.drag-active .anchor a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.links-container section.drag-active .anchor h5{text-align:center;width:100%}.links-container .anchor{width:80px;margin:20px;position:relative;font-size:.8rem;text-align:center;word-wrap:break-word}.links-container .anchor.edit-mode{cursor:default}.links-container .anchor:not(.edit-mode){cursor:grab}.links-container .anchor.dragging{cursor:grabbing;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.links-container .anchor-hover-target{transform:scale(1);transition:transform .2s ease-in-out;display:flex;flex-direction:column;align-items:center}.links-container .anchor:hover .anchor-hover-target{transform:scale(1.08)}.links-container .anchor img,.links-container .anchor-placeholder{width:80px;height:80px;border-radius:20px}.links-container .anchor img{background:#64646400;box-shadow:0 8px 100px #212aa0cc;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.links-container .anchor h5{margin-top:5px}.links-container .anchor-placeholder{display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;color:var(--main-text-color);box-shadow:0 8px 100px #212aa0cc;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.links-container .category a{text-align:center;font-size:1rem}.links-container .anchor .delete-btn{position:absolute;z-index:5;top:-5px;right:-10px;background-color:#dc3545;border-radius:50%;width:20px;height:20px;font-size:1rem;transition:background-color .2s;text-align:center;line-height:15px;color:var(--main-text-color)}.links-container .anchor .delete-btn:hover{background-color:#ff0019;transition:background-color .3s}.links-container .anchor .update-btn{position:absolute;z-index:5;bottom:10px;right:-10px;background-color:#ffc107;border-radius:50%;width:20px;height:20px;display:flex;justify-content:center;align-items:center;transition:background-color .2s;color:var(--main-text-color)}.links-container .anchor .update-btn:hover{background-color:#ffc720;transition:background-color .3s}.links-container #not-found{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;transform:scale(1.5);font-size:1rem}.links-container #not-found img{width:100px}@media only screen and (max-width:1024px){.links-container section{justify-content:center;justify-items:center}}@media only screen and (max-width:600px){.links-container section{margin:0;padding:25px 0}}.navbar{box-sizing:border-box;padding:15px 5vw;padding-inline:calc(5vw + env(safe-area-inset-left,0px)) calc(5vw + env(safe-area-inset-right,0px));display:flex;justify-content:space-between;align-items:center;color:var(--main-text-color);position:fixed;top:0;left:0;width:100%;max-width:100vw;z-index:1000}.logo{font-size:2rem;display:flex;align-items:center;text-decoration:none;color:var(--main-text-color);min-width:0;flex-shrink:1}.logo span{font-size:1.5rem;margin-left:.5rem}.nav-links{display:flex;align-items:center;gap:15px;flex-shrink:0;min-width:0}.nav-links p{margin:0;font-size:1.5rem}.nav-links p span{text-transform:capitalize}.logout-btn{background:none;border:none;cursor:pointer;color:var(--main-text-color);font-size:1.75rem;display:flex;align-items:center;transition:color .2s ease}.logout-btn:hover{color:#dc3545}@media screen and (max-width:480px){.navbar{padding:12px 4vw}.logo span{font-size:1.25rem}.nav-links{gap:10px}.nav-links p{display:none}.nav-links .theme-switcher{margin-left:8px;font-size:1.4rem!important}.logout-btn{flex-shrink:0;font-size:1.4rem!important}}@media screen and (max-width:360px){.navbar{padding:10px 3vw}.logo span{display:none}}.hamburger-container{position:relative;display:flex;align-items:center}.hamburger-container .hamburger-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--main-text-color);display:flex;align-items:center}.hamburger-container .hamburger-menu{position:absolute;top:50px;right:0;width:200px;background:var(--modal-bg-color);color:var(--main-text-color);border-radius:5px;box-shadow:0 4px 10px var(--form-shadow-color);display:none;opacity:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transform:translateY(-10px);z-index:999}.hamburger-container .hamburger-menu.open{display:block;opacity:1;transform:translateY(0)}.hamburger-container .hamburger-menu ul{list-style:none;margin:0}.hamburger-container .hamburger-menu li{padding:10px 15px;text-align:left;cursor:pointer}.hamburger-container .hamburger-menu a{color:var(--main-text-color);text-decoration:none;font-size:1rem;transition:color .3s}.hamburger-container .hamburger-menu hr{border:0;height:1px;background:var(--main-text-color);margin:0}.hamburger-container .hamburger-menu .categories-title{color:var(--text-primary-color)}.hamburger-container .hamburger-menu a:hover{color:var(--text-primary-color);text-decoration:underline}.hamburger-container .hamburger-menu li.active a{color:var(--text-primary-color);font-weight:600;text-decoration:underline}.theme-switcher{display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:1.5rem;min-width:36px;min-height:36px;flex-shrink:0;cursor:pointer;color:var(--main-text-color);margin-left:15px;transition:color .3s ease}:root{--main-bg-color: #0d1117;--main-text-color: rgba(255, 255, 255, .9);--btn-primary-color: #6e40c9;--text-primary-color: rgba(133, 255, 47, .9);--text-error-color: red;--text-shadow-color: rgba(255, 255, 255, .3);--form-bg-color: rgba(100, 100, 100, .1);--form-shadow-color: rgba(35, 40, 160, .6);--form-border-color: rgba(100, 100, 100, .1);--select-bg-color: rgba(0, 0, 0, .95);--input-file-selector-button-bg-color: rgba(100, 100, 100, .3);--modal-form-bg-color: rgba(0, 0, 0, 1);--modal-bg-color: #171a20;--modal-shadow-color: rgba(70, 70, 100, .2);--modal-overlay-bg-color: rgba(0, 0, 0, .7);--close-btn-color: rgba(255, 100, 100, .9);--delete-btn-bg-color: #ff0019;--delete-btn-bg-color-hover: #ff0019;--cancel-btn-bg-color-hover: rgba(255, 255, 255, .1);--cancel-btn-shadow-color-hover: rgba(255, 255, 255, .3)}[data-theme=light]{--main-bg-color: #e7e7e7;--main-text-color: #333;--btn-primary-color: #007bff;--text-primary-color: #007bff;--text-error-color: #ff0000;--text-shadow-color: rgba(148, 148, 148, .3);--form-bg-color: rgba(255, 255, 255, .8);--form-shadow-color: rgba(0, 0, 0, .1);--form-border-color: rgba(0, 0, 0, .2);--select-bg-color: rgba(255, 255, 255, .95);--input-file-selector-button-bg-color: rgba(0, 0, 0, .1);--modal-form-bg-color: rgba(255, 255, 255, 1);--modal-bg-color: #ffffff;--modal-shadow-color: rgba(0, 0, 0, .1);--modal-overlay-bg-color: rgba(255, 255, 255, .7);--close-btn-color: rgba(255, 0, 0, .9);--delete-btn-bg-color: #ff4d4d;--delete-btn-bg-color-hover: #ff6666;--cancel-btn-bg-color-hover: rgba(0, 0, 0, .1);--cancel-btn-shadow-color-hover: rgba(0, 0, 0, .3)}.not-found-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center;background-color:var(--main-bg-color);color:var(--main-text-color);font-family:Roboto,sans-serif}.not-found-container h1{font-size:3rem;margin-bottom:1rem}.not-found-container p{font-size:1.5rem;margin-bottom:2rem}.not-found-container .home-link{background-color:#ffc107;padding:.5rem 1rem;border-radius:5px;text-decoration:none;color:var(--main-text-color);font-weight:700;transition:background-color .3s ease}.not-found-container .home-link:hover{background-color:#e0a800}