.header{background:#000;display:flex;color:#fff;justify-content:space-between;align-items:center;overflow:visible;margin-bottom:1.5rem;padding:.5rem 0;position:relative}.header-link{text-decoration:none}.header-title{margin-left:.5rem;font-family:Mrs Saint Delafield,cursive;font-size:30px;margin:.5rem .8rem;margin-bottom:0;color:#fff}nav{display:flex;align-items:center;margin-right:1rem}.nav-container{display:flex;position:fixed;top:55px;right:0;background:#000;color:#fff;transition:transform .6s ease-in-out;overflow:hidden;z-index:9999;padding:1rem;border-left:1px solid rgba(255,255,255,.3);transform:translate(100%)}.nav-container.open{transform:translate(0)}.nav-link{text-decoration:none;color:#fff;margin:1rem;white-space:nowrap}.nav-button{border:none;color:#fff;background:#000;margin-top:.4rem;cursor:pointer;font-size:25px;padding:.5rem}@media (max-width: 800px){.nav-button{font-size:20px}.header-title{font-size:25px}}.home-container{height:calc(100vh - 70px);display:flex;flex-direction:column;align-items:center;justify-content:space-around;margin-top:2rem}.home-description{display:flex;justify-content:space-between;align-items:flex-start;width:80%;margin-top:2rem;color:#3f0}.home-description p{font-size:1em}.home-images{max-width:300px;max-height:300px;width:100%;height:auto;display:block;margin:auto}.home-description .tree{width:350px;height:400px;float:right;right:50px;top:40px;animation:animate 4s infinite ease alternate}.home-links{display:grid;grid-template-columns:repeat(3,1fr);gap:9rem;align-items:center;justify-content:center;height:40%;font-size:1em;margin:0 2rem}@keyframes animate{to{transform:translateY(10px)}}@media (max-width: 1300px){.home-description .tree{width:300px;height:300px}}@media (max-width: 1000px){.home-description{flex-direction:column;align-items:center}.home-description p{font-size:.9em}.home-description .tree{width:250px;height:250px;margin:0}.home-links{grid-template-columns:repeat(3,1fr);font-size:.9em;margin:2rem}}@media (max-width: 800px){.home-description{flex-direction:column;align-items:center}.home-description p{font-size:.75em}.home-description .tree{width:250px;height:290px;margin:0}.home-links{grid-template-columns:repeat(3,1fr);font-size:.7em;gap:3rem}}@media (max-width: 600px){.home-description p{font-size:.7em}.home-description .tree{width:200px;height:230px}.home-links{grid-template-columns:1fr;font-size:.7em}.home-images{max-width:100px;max-height:150px;margin-top:2rem}}.card{display:flex;flex-direction:column;align-items:center;background-color:#000;padding:1rem;transition:all .2s ease}.card:hover{transform:scale(1.02);background-color:#3f0a}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;text-decoration:none;color:#fff;margin:0 2rem;align-items:center;position:relative;top:3em;align-content:center;place-content:center}.poemLink{text-decoration:none;color:inherit}.card img{display:block;margin:0 auto}.poem{text-align:center;color:#fff}.poemtext{color:#3f0}@media (max-width: 600px){.poemtext{font-size:14px;margin:0 3rem}}.blogs{margin:1rem}.blog-link{text-decoration:"none";color:#fff;text-decoration:none;font-size:1em}.blog-card{display:flex;flex-direction:row;justify-content:start;align-items:center;margin:1rem;padding:1rem;background-color:#202020;border-radius:"0px";transition:"background-color 0.3s"}.blog-img{width:200px;height:200px;margin-right:1rem}.blog-info{display:flex;flex-direction:column}.blog-title{margin:0;font-size:2.2em!important}.blog-date{margin:0}.blog-description{margin-top:.5rem}@media screen and (max-width: 600px){.blog-card{flex-direction:column;align-items:flex-start}.blog-title{margin:0;font-size:1.3em!important}.blog-date{margin:0}.blog-img{width:100%;height:auto;margin-bottom:1rem}.blog-description{margin-top:.5rem;font-size:.8em}}.page{display:flex;justify-content:center;align-items:center}.blog{font-family:Courier New,Courier,monospace;margin:2em 3em;max-width:900px;line-height:1.6;color:#3f0;text-align:center;position:relative;justify-content:center;align-content:center;display:flex;flex-direction:column}.blog-title{font-size:2.5em;margin-bottom:.5em;color:#fff}.blog-date{font-size:1.2em;color:#777;margin-bottom:1em}.blog-content{text-align:justify;word-wrap:break-word;align-items:center}.link{text-decoration:"none";color:"white"}.codeblock{font-size:1em}@media (max-width: 600px){.blog{margin:1em 3em;max-width:90%}.blog-title{font-size:2em}.blog-date{font-size:1em}.blog-content{font-size:14px}.codeblock{font-size:13px}.image{height:300px;width:400px}}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem}.header h1{margin:0;color:#3f0;text-shadow:0 0 10px #33ff00}.create-btn{background:transparent;border:2px solid #33ff00;color:#3f0;padding:.75rem 1.5rem;cursor:pointer;font-family:Courier New,Monaco,monospace;font-weight:700;transition:all .3s ease}.create-btn:hover{background:#3f0;color:#000;box-shadow:0 0 20px #3f0}.task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5em;margin-top:2rem}.task-item{background:#0a0a0a;border:1px solid #33ff00;padding:1.5rem;position:relative;transition:all .3s ease;display:flex;flex-direction:column;min-height:250px}.task-item:hover{box-shadow:0 0 20px #3f09;transform:translateY(-2px)}.task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.task-item h3{margin:0;color:#3f0;flex:1;font-size:1.1rem;line-height:1.3}.priority{font-weight:700;padding:.25rem .5rem;border:1px solid;font-size:.8rem}.priority-5{color:red;border-color:red;animation:pulse-critical 2s infinite}.priority-4{color:#f60;border-color:#f60}.priority-3{color:#ff0;border-color:#ff0}.priority-2{color:#6f0;border-color:#6f0}.priority-1{color:#0f0;border-color:#0f0}@keyframes pulse-critical{0%,to{opacity:1}50%{opacity:.5}}.task-description{color:#999;margin:.5rem 0;font-size:.9rem;line-height:1.4}.task-meta{display:flex;justify-content:space-between;align-items:center;margin:1rem 0;font-size:.85rem}.category{color:#6f0;opacity:.8}.due-date{color:#ff0}.due-date.overdue{color:red;font-weight:700;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.recurring-badge{background:#1a1a1a;border:1px solid #33ff00;color:#3f0;padding:.25rem .5rem;font-size:.75rem;position:absolute;top:-1px;right:-1px}.delete-btn{width:100%;margin-top:1rem;background:transparent;border:1px solid #ff0000;color:red;padding:.5rem;cursor:pointer;font-family:Courier New,Monaco,monospace;transition:all .3s ease}.delete-btn:hover{background:red;color:#000}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.create-form{background:#0a0a0a;border:2px solid #33ff00;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 0 30px #3f0c}.create-form h2{margin:0 0 1.5rem;color:#3f0;text-align:center;text-shadow:0 0 10px #33ff00}.form-group{margin-bottom:1rem}.form-group label{display:block;color:#3f0;margin-bottom:.5rem;font-size:.9rem;text-transform:uppercase}.form-group input,.form-group textarea,.form-group select{width:100%;background:#000;border:1px solid #33ff00;color:#3f0;padding:.5rem;font-family:Courier New,Monaco,monospace;font-size:1rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;box-shadow:0 0 10px #33ff0080}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checkbox-group label{display:flex;align-items:center;cursor:pointer}.checkbox-group input[type=checkbox]{width:auto;margin-right:.5rem}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.form-actions button{flex:1;padding:.75rem;font-weight:700}.form-actions button[type=submit]{background:transparent;border:2px solid #33ff00;color:#3f0}.form-actions button[type=submit]:hover{background:#3f0;color:#000}.form-actions button[type=button]{background:transparent;border:2px solid #ff0000;color:red}.form-actions button[type=button]:hover{background:red;color:#000}.empty-state{text-align:center;margin-top:4rem;color:#3f0}.empty-state p{margin:.5rem 0}.empty-state .dim{opacity:.5;font-size:.9rem}.notification{position:fixed;top:20px;right:20px;padding:1rem 2rem;border:2px solid;font-family:Courier New,Monaco,monospace;font-weight:700;z-index:2000;animation:slideIn .3s ease-out,slideOut .3s ease-out 2.7s;max-width:400px}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.notification.success{background:#0a0a0a;border-color:#0f0;color:#0f0;box-shadow:0 0 20px #0f09}.notification.error{background:#0a0a0a;border-color:red;color:red;box-shadow:0 0 20px #f009}.complete-modal{background:#0a0a0a;border:2px solid #33ff00;padding:2rem;max-width:500px;width:90%;box-shadow:0 0 30px #3f0c;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.complete-modal h2{margin:0 0 1.5rem;color:#3f0;text-align:center;text-shadow:0 0 10px #33ff00;border-bottom:1px solid #33ff00;padding-bottom:1rem}.task-info{background:#1a1a1a;padding:1rem;margin-bottom:1.5rem;border-left:3px solid #33ff00}.task-info .task-title{color:#3f0;margin:0 0 .5rem;font-size:1.1rem}.modal-actions{display:flex;gap:.5rem;margin-top:1.5rem}.complete-confirm-btn{flex:2;background:transparent;border:2px solid #00ff00;color:#0f0;padding:.75rem;font-weight:700;transition:all .3s ease}.complete-confirm-btn:hover{background:#0f0;color:#000;box-shadow:0 0 20px #0f0}.complete-skip-btn{flex:1;background:transparent;border:2px solid #ffff00;color:#ff0;padding:.75rem;transition:all .3s ease}.complete-skip-btn:hover{background:#ff0;color:#000}.cancel-btn{flex:1;background:transparent;border:2px solid #ff0000;color:red;padding:.75rem;transition:all .3s ease}.cancel-btn:hover{background:red;color:#000}.header-actions{display:flex;gap:1rem}.admin-btn{background:transparent;border:2px solid #ffff00;color:#ff0;padding:.75rem 1.5rem;cursor:pointer;font-family:Courier New,Monaco,monospace;font-weight:700;transition:all .3s ease}.admin-btn:hover{background:#ff0;color:#000}.logout-btn{background:transparent;border:2px solid #ff0000;color:red;padding:.75rem 1.5rem;cursor:pointer;font-family:Courier New,Monaco,monospace;font-weight:700;transition:all .3s ease}.logout-btn:hover{background:red;color:#000}.password-form{background:#0a0a0a;border:2px solid #ffff00;padding:2rem;width:300px;text-align:center;box-shadow:0 0 30px #ff0c;box-sizing:border-box}.password-form *{box-sizing:border-box}.password-form h2{margin:0 0 1.5rem;color:#ff0;text-shadow:0 0 10px #ffff00}.password-form input{width:100%;background:#000;border:1px solid #ffff00;color:#ff0;padding:.75rem;margin-bottom:1rem;font-family:Courier New,Monaco,monospace;font-size:1rem;text-align:center;box-sizing:border-box}.password-form button{width:100%;background:transparent;border:2px solid #ffff00;color:#ff0;padding:.75rem;font-weight:700}.password-form button:hover{background:#ff0;color:#000}.task-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:auto;padding-top:1rem}.complete-btn,.delete-btn{padding:.5rem;cursor:pointer;font-family:Courier New,Monaco,monospace;transition:all .3s ease;width:100%}.complete-btn{background:transparent;border:1px solid #00ff00;color:#0f0}.complete-btn:hover{background:#0f0;color:#000}@media (max-width: 768px){.container{padding:1rem}.header{flex-direction:column;gap:1rem;text-align:center;margin-bottom:1rem;padding-bottom:.5rem}.header h1{font-size:1.5rem;margin-bottom:.5rem}.header-actions{width:100%;flex-direction:column;gap:.5rem}.create-btn,.admin-btn,.logout-btn{width:100%;padding:.5rem 1rem;font-size:.9rem}.task-grid{grid-template-columns:1fr;gap:.75rem;margin-top:1rem}.task-item{padding:1rem;min-height:auto}.task-item h3{font-size:1rem}.task-meta{flex-direction:column;align-items:flex-start;gap:.25rem;font-size:.75rem}.recurring-badge{position:static;margin-top:.5rem;display:inline-block}.task-actions{margin-top:.75rem}.complete-btn,.delete-btn{padding:.4rem;font-size:.8rem}.form-row{grid-template-columns:1fr}.notification{right:10px;left:10px;max-width:none;font-size:.9rem;padding:.75rem 1rem}.create-form,.complete-modal{width:95%;padding:1.5rem;margin:0 auto}}.stats-preview{background:#0a0a0a;border:1px solid #33ff00;padding:1rem;margin:1rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-box{text-align:center;padding:.5rem;border:1px solid #1a4d1a}.stat-box .category{color:#6f0;font-size:.8rem;text-transform:uppercase}.stat-box .points{color:#3f0;font-size:1.5rem;font-weight:700}@media (max-width: 768px){.stats-preview{grid-template-columns:repeat(2,1fr);gap:.5rem}}.container{width:100%;padding:2rem;background-color:#000;color:#3f0;box-sizing:border-box}.masonry{column-count:4;column-gap:1em}.item{background:#202020;display:inline-block;margin:0 0 1em;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-shadow:0 0 10px 2px #33ff0080}.item img{width:100%;height:auto}@media (max-width: 1200px){.masonry{column-count:3}}@media (max-width: 900px){.masonry{column-count:2}}@media (max-width: 600px){.masonry{column-count:1}}body{margin:0;background-color:#000;overflow-x:hidden;font-family:Courier New,Monaco,monospace;color:#3f0}html,body,.root{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}html{height:100%;overflow-y:auto}@media (max-width: 600px){body{overflow-x:hidden}}