.base-btn-1{position:relative;padding:.75rem 2.4rem;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-primary);background:rgba(0,0,0,0);border:1.5px solid var(--border-default);cursor:pointer;overflow:hidden;transition:color .35s ease;display:block}.base-btn-1::before{content:"";position:absolute;inset:0;background:var(--border-default);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(0.77, 0, 0.175, 1);z-index:0;display:block}.base-btn-1 span{position:relative;z-index:1}.base-btn-1:hover{color:var(--border-default)}.base-btn-1:hover::before{transform:scaleX(1)}.base-btn-2{margin:10px;position:relative;padding:.75rem 2.4rem;font-size:20px;font-style:italic;letter-spacing:.04em;color:var(--text-primary);background:rgba(0,0,0,0);border:1.5px solid var(--border-default);cursor:pointer;outline:none;box-shadow:3px 3px 0 var(--border-default);transition:box-shadow .1s ease,transform .1s ease;display:inline}.base-btn-2:hover{transform:translate(-3px, -3px);box-shadow:6px 6px 0 var(--border-default)}.base-btn-2:active{transform:translate(0, 0);box-shadow:0 0 0 var(--border-default)}.base-btn-2:focus{outline:3px solid var(--danger-color)}.base-btn-3{position:relative;padding:.75rem 2.4rem;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-primary);background:rgba(0,0,0,0);border:none;cursor:pointer;display:block}.base-btn-3::before,.base-btn-3::after{content:"";position:absolute;width:12px;height:12px;transition:width .3s ease,height .3s ease}.base-btn-3::before{top:0;left:0;border-top:1.5px solid var(--border-default);border-left:1.5px solid var(--border-default)}.base-btn-3::after{bottom:0;right:0;border-bottom:1.5px solid var(--border-default);border-right:1.5px solid var(--border-default)}.base-btn-3 .c-tr,.base-btn-3 .c-bl{position:absolute;width:12px;height:12px;transition:width .3s ease,height .3s ease}.base-btn-3 .c-tr{top:0;right:0;border-top:1.5px solid var(--border-default);border-right:1.5px solid var(--border-default)}.base-btn-3 .c-bl{bottom:0;left:0;border-bottom:1.5px solid var(--border-default);border-left:1.5px solid var(--border-default)}.base-btn-3:hover::before,.base-btn-3:hover::after,.base-btn-3:hover .c-tr,.base-btn-3:hover .c-bl{width:100%;height:100%}.base-btn-4{position:relative;padding:.75rem 2.4rem;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-primary);background:var(--bg-primary);color:var(--text-primary);border:1.5px solid var(--border-default);cursor:pointer;display:block}.base-btn-4::before{content:attr(data-label);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);color:var(--text-primary);clip-path:inset(100% 0 0 0);transition:none}.base-btn-4:hover::before{animation:glitch-reveal .4s steps(1) forwards}@keyframes glitch-reveal{0%{clip-path:inset(80% 0 0 0)}20%{clip-path:inset(20% 0 60% 0)}40%{clip-path:inset(55% 0 10% 0)}60%{clip-path:inset(10% 0 45% 0)}80%{clip-path:inset(40% 0 20% 0)}100%{clip-path:inset(0% 0 0 0)}}.base-btn-5{position:relative;padding:.75rem 2.4rem;font-size:1rem;letter-spacing:.06em;color:var(--text-primary);background:rgba(0,0,0,0);border:1.5px solid var(--border-default);cursor:pointer;overflow:hidden;display:block}.base-btn-5::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1.5px;background:var(--bg-primary);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(0.77, 0, 0.175, 1)}.base-btn-5 .scan{position:absolute;top:0;left:-100%;width:100%;height:100%;background:repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(0, 0, 0, 0.04) 3px, rgba(0, 0, 0, 0.04) 4px);transition:left .4s ease}.base-btn-5:hover .scan{left:0}.base-btn-5:hover::after{transform:scaleX(1)}.btn-edit,.btn-back,.btn-delete,.btn-cancel,.btn-update{display:block;padding:6px 12px;border-radius:2px;border:none;font-size:20px;font-weight:500;text-decoration:none;cursor:pointer;color:var(--text-primary)}.btn-edit{background-color:#4a90e2}.btn-edit:hover{background-color:#357abd}.btn-back{background-color:#e0e0e0;color:#333}.btn-back:hover{background-color:#cfcfcf}.btn-delete{background-color:#e74c3c}.btn-delete:hover{background-color:#c0392b}.btn-update{background-color:#98f22b}.btn-update:hover{background-color:#ec971f}.btn-cancel{background-color:#6c757d}.btn-cancel:hover{background-color:#5a6268}.google-btn{display:inline-flex;align-items:center;width:240px;height:40px;background-color:#fff;border:1px solid #747775;border-radius:4px;box-sizing:border-box;cursor:pointer;font-family:"Roboto",Roboto,arial,sans-serif;font-size:14px;font-weight:500;letter-spacing:.25px;color:#1f1f1f;padding:0 12px;transition:background-color .218s,border-color .218s,box-shadow .218s}.google-btn:hover{background-color:#f8fafd;border-color:#747775}.google-btn:focus{background-color:#fff;outline:none;border-color:#0b57d0;box-shadow:0 0 0 2px #e0e8f9}.login-btn{padding:.4rem .5rem;font-family:"DM Serif Text",serif;font-size:1rem;border:2px solid var(--bg-primary);background:#fdfdfd;outline:none;transition:all .2s ease;box-sizing:border-box;font-weight:800;justify-content:center}.login-btn:hover{background:#fff;box-shadow:4px 4px 0 var(--bg-primary);transform:translate(-2px, -2px)}.login-btn:active{transform:translate(2px, 2px);box-shadow:0px 0px 0 var(--bg-primary)}.gsi-material-button{background-color:#fff;background-image:none;border:1px solid #747775;-webkit-border-radius:20px;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:"Roboto",arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content}.gsi-material-button .gsi-material-button-icon{height:20px;margin-right:10px;min-width:20px;width:20px}.gsi-material-button .gsi-material-button-content-wrapper{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.gsi-material-button .gsi-material-button-contents{-webkit-flex-grow:1;flex-grow:1;font-family:"Roboto",arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.gsi-material-button .gsi-material-button-state{-webkit-transition:opacity .218s;transition:opacity .218s;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.gsi-material-button:disabled{cursor:default;background-color:rgba(255,255,255,.3803921569);border-color:rgba(31,31,31,.1215686275)}.gsi-material-button:disabled .gsi-material-button-contents{opacity:38%}.gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#303030;opacity:12%}.gsi-material-button:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15)}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#303030;opacity:8%}.none-btn{padding:0;margin:0;border:0;background:none;font:inherit}[data-theme=light]{--text-primary: #111111;--text-muted: #546a76;--bg-primary: #FFFFFE;--bg-secondary: #F0F0EF;--border-default: #111111;--accent-color: #d00000;--danger-color: #ffba08}[data-theme=dark]{--text-primary: #eeeeee;--text-muted: #ab9589;--bg-primary: #000001;--bg-secondary: #0f0f10;--border-default: #eeeeee;--accent-color: #d00000;--danger-color: #ffba08}.dm-serif-text-regular{font-family:"DM Serif Text",serif;font-weight:400;font-style:normal}.dm-serif-text-regular-italic{font-family:"DM Serif Text",serif;font-weight:400;font-style:italic}h1,h2,h3,h4,h5,h6,p,a{font-family:"DM Serif Text",serif}a{text-decoration:none;color:inherit}.wrap-text-word-break{overflow-wrap:anywhere;word-break:break-word}.text-center{text-align:center}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}body{margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary)}.notice{background-color:var(--bg-success);color:var(--text-success);border:1px solid var(--border-success);padding:12px 20px;margin:16px 0;border-radius:4px}.alert{background-color:var(--bg-error);color:var(--text-error);border:1px solid var(--border-error);padding:12px 20px;margin:16px 0;border-radius:4px}.container{max-width:1200px;width:90%;margin:0 auto}@media(max-width: 768px){.container{width:90%}}@media(max-width: 480px){.container{padding:0 10px}.notice,.alert{padding:10px 15px;margin:12px 0;font-size:14px}}@media(min-width: 769px)and (max-width: 1024px){.container{max-width:960px}}@media(min-width: 1025px){.container{max-width:1200px}}@media(min-width: 1441px){.container{max-width:1400px}}svg{vertical-align:middle;width:30px;height:30px}svg:hover{color:var(--text-muted)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--bg-primary);border-bottom:3px solid var(--border-default);margin-bottom:0;position:relative;z-index:100}.navbar-brand{font-size:1.8rem;font-weight:800;text-decoration:none;color:var(--border-default) !important;letter-spacing:-0.5px;flex-shrink:0}.navbar-nav{display:flex;list-style:none;margin:0;padding:0;gap:2rem;align-items:center}.nav-link{color:var(--text-primary) !important;text-decoration:none;font-weight:600;font-size:1.1rem;transition:color .2s ease}.nav-link:hover{color:var(--text-muted) !important}.nav-link a:hover::after{width:100%}#profile-card::after{content:none}.user-avatar-circle{width:36px;height:36px;background:var(--accent-color);color:var(--text-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-icon{width:24px;height:24px;color:var(--text-primary)}.user-info{display:flex;flex-direction:column;line-height:1.2;overflow:hidden}.user-label{font-size:.7rem;font-weight:400;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.user-email{font-size:.9rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-link{font-size:.8rem;color:var(--danger-color) !important;text-decoration:none;font-weight:600;margin-top:2px}.logout-link:hover{text-decoration:underline !important}@media(max-width: 992px){.navbar-nav{gap:1rem}.nav-link{font-size:1rem}}@media(max-width: 768px){.navbar{flex-direction:column;gap:1.5rem;padding:1.5rem;text-align:center}.navbar-nav{flex-direction:column;gap:1rem;width:100%}.user-profile-card{width:100%;min-width:auto;justify-content:center}}.task-card-grid{border:2px solid var(--border-default);border-radius:5px;padding:0px 60px 6vh 60px;margin-bottom:10px;transition:all .2s ease-in-out;background-color:var(--bg-primary)}.task-card-grid:hover{box-shadow:5px 5px 0px var(--border-default);transform:translate(-5px, -5px)}.tasks-header{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:2rem}.search-container{flex-grow:1;min-width:300px}.search-input-group{display:flex;align-items:center;gap:10px}.search-input{flex-grow:1;padding:.75rem 1rem;font-size:1rem;border:1.5px solid var(--border-default);background:rgba(0,0,0,0);outline:none;transition:box-shadow .2s ease}.search-input:focus{box-shadow:3px 3px 0 var(--border-default)}.search-input-group .base-btn-2,.search-input-group .base-btn-5{padding:.75rem 1.5rem;white-space:nowrap;display:flex;align-items:center;justify-content:center}.search-input-group .base-btn-5{text-decoration:none}@media(max-width: 768px){.tasks-header{flex-direction:column;align-items:flex-start}.search-container{width:100%}}@media(max-width: 530px){.tasks-header{flex-direction:column;gap:0px}}.task-list-title{font-size:2.5rem;font-weight:bold;width:fit-content}.task-card-list{border:5px solid var(--border-default);border-radius:5px;padding:0px 20px 0px 20px;margin-bottom:20px}.task-display-list{display:flex;align-items:center;flex-direction:row;justify-content:space-between;padding:0 30px}.task-display-grid{display:grid;align-items:center;flex-direction:column;justify-content:center;gap:20px}@media(min-width: 768px){.task-display-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.task-display-grid{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 1440px){.task-display-grid{grid-template-columns:repeat(4, 1fr)}}.task-card-list-info{display:flex;flex-direction:row;gap:5px;align-items:center}.view-toggle__button{width:40px;height:40px;border-radius:6px;color:var(--text-primary)}.view-toggle__button svg{width:20px;height:20px}.view-toggle__button.active{background:var(--accent-color);color:var(--text-primary)}.task-card-display-list{width:100%;background:var(--bg-secondary);border:solid 1px var(--border-default)}.task-card-display-list p{margin:0}.task-card-display-list:hover{background:var(--bg-primary)}.task-card-display-list-info{display:flex;flex-direction:row;gap:5px;align-items:center}.view-toggle{display:flex;gap:8px;width:fit-content}.footer{margin-top:auto;padding:3rem 0;background-color:var(--bg-secondary);border-top:3px solid var(--border-default);color:var(--text-primary)}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-links{list-style:none;display:flex;gap:2rem;margin:0;padding:0}.footer-links a{color:var(--text-primary);text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .2s ease;position:relative}.footer-links a:hover{color:var(--text-muted)}.footer-links a::after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--text-muted);transition:width .2s ease}.footer-links a:hover::after{width:100%}.footer-copyright{font-size:1rem;font-weight:400}@media(max-width: 768px){.footer{padding:2rem 0}.footer-content{flex-direction:column;gap:1.5rem;text-align:center}.footer-links{flex-direction:column;gap:1rem}}.base-form{max-width:600px;margin:2rem auto;padding:2.5rem;background:var(--bg-primary);border:3px solid var(--border-default);box-shadow:8px 8px 0 var(--border-default)}.wide-base-form{max-width:100%;margin:2rem auto;padding:2.5rem;background:var(--bg-primary);border:3px solid var(--border-default);box-shadow:8px 8px 0 var(--border-default)}.form-title{display:block;width:fit-content;margin:2rem auto;font-size:2.5rem;font-weight:800;color:var(--text-primary);border-bottom:3px solid var(--border-default);padding-bottom:.5rem;text-align:center}.form-group-flex{margin-bottom:1.5rem;display:flex}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:1.1rem;font-weight:700;margin-bottom:.5rem;margin-top:.5rem;color:var(--text-primary)}.form-input,.form-textarea,.form-select{width:100%;padding:.8rem 1rem;font-family:"DM Serif Text",serif;font-size:1rem;border:2px solid var(--border-default);background:var(--bg-secondary);outline:none;transition:all .2s ease;box-sizing:border-box;font-weight:800;color:var(--text-primary)}.form-input::placeholder{color:var(--text-muted);font-weight:800;font-style:italic}.form-input:focus,.form-textarea:focus,.form-select:focus{background:var(--bg-primary);box-shadow:4px 4px 0 var(--border-default);transform:translate(-2px, -2px)}.form-textarea{min-height:120px;overflow:hidden;resize:none}.form-checkbox-group{display:flex;align-items:center;gap:12px;margin:1rem 0;cursor:pointer}.form-checkbox{width:20px;height:20px;border:2px solid var(--border-default);cursor:pointer;accent-color:var(--accent-color)}.form-submit{padding:.8rem 1rem;font-family:"DM Serif Text",serif;font-size:1rem;border:2px solid var(--border-default);background:var(--bg-secondary);outline:none;transition:all .2s ease;box-sizing:border-box}.form-submit:hover{background:var(--bg-primary);box-shadow:4px 4px 0 var(--border-default);transform:translate(-2px, -2px)}.form-submit:active{transform:translate(0, 0);box-shadow:none}.form-actions{margin-top:2.5rem;display:flex;gap:1rem;align-items:center}#error_explanation{background:var(--bg-secondary);border:2px solid var(--border-default);padding:1rem;margin-bottom:2rem;box-shadow:4px 4px 0 var(--border-default)}#error_explanation h2{font-size:1.2rem;color:var(--text-primary);margin-top:0}#error_explanation ul{margin:0;padding-left:1.2rem;color:var(--text-primary)}@media(max-width: 768px){.base-form{padding:1.5rem;box-shadow:4px 4px 0 var(--border-default)}}.center-form{width:100%;justify-content:center;display:flex}.login-form{padding:30px 60px;margin-top:50px;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center}.inline-field{display:flex;justify-content:space-around;margin-top:.5rem;margin-bottom:.5rem;align-items:center;flex-wrap:wrap;gap:15px}.notice{animation:popInOut 2.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;position:fixed;top:20px;left:50%;transform:translateX(-50%);padding:16px 24px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000}@keyframes popInOut{0%{opacity:0;transform:translateX(-50%) translateY(-100%)}96%{opacity:1;transform:translateX(-50%) translateY(0)}100%{opacity:0;transform:translateX(-50%) translateY(-100%)}}.card--user{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--bg-secondary);border:2px solid var(--border-default);border-radius:12px;text-decoration:none !important;color:var(--text-primary) !important;transition:all .2s ease;box-shadow:4px 4px 0 var(--border-default);min-width:200px}.card--user:hover{transform:translate(-2px, -2px);box-shadow:6px 6px 0 var(--border-default)}.card--user:active{transform:translate(2px, 2px);box-shadow:0px 0px 0 var(--border-default)}.card--profile{color:var(--text-primary)}.card--user:focus{outline:3px solid var(--danger-color)}.page-show{margin:0 auto;text-align:center}.page-show__task{display:flex;flex-direction:row}.page-show__details{display:inline-flex;flex-direction:column;padding:20px}.page-show__creation{display:inline-flex;flex-direction:row;justify-content:left}.page-show__date{display:inline-block;font-style:italic}.page-show__creator{display:inline-block;margin-right:10px}.page-show__creator-name{display:inline-block;font-size:18px}.page-show__description{display:inline-block;text-align:left;font-size:15px;margin-top:5px;margin:0px;font-style:italic}.page-show__title{margin-bottom:0;display:inline-block;border-bottom:3px solid var(--border-default)}.page-show__body{text-align:left;line-height:1.6;max-width:900px;padding:20px;border-radius:8px;background:var(--bg-primary)}.page-show__body p{margin:0 0 16px}.page-show__body code{padding:2px 6px;border-radius:4px;background:var(--bg-secondary)}.page-show__main{display:inline-flex;flex-direction:column;flex-grow:2;max-width:70%}.page-show__details{display:flex;flex-direction:column;flex-grow:1;max-width:30%;border-left:3px solid var(--border-default);background-color:var(--bg-secondary)}.page-show__main-buttons{display:flex;justify-content:space-around}@media(max-width: 787px){.page-show__details{max-width:100%}.page-show__main{max-width:100%}.page-show__task{flex-direction:column}}.page-docs__container{margin:40px}.page-docs__container h2{font-size:2rem;text-align:center}.page-docs__container h3{margin-top:40px;font-size:1.5rem}.page-docs__container h4{font-weight:300;font-size:1.2rem}.page-docs__title{border-bottom:solid 3px var(--border-default);text-align:center;justify-self:center;margin-bottom:0}.page-docs__version{text-align:center;margin-top:0}.page-docs__links{display:flex;flex-direction:row;justify-content:center}.page-docs__hr{border-bottom:1px solid var(--border-default);width:100%}.pages-document__html{width:80%;padding:20px;justify-self:center}.pages-document__html p{font-size:15px;line-height:normal;margin:0}.page-home{max-width:1100px;margin:0 auto;padding:0 24px;color:var(--text-primary)}.page-home__hero{padding:100px 0 80px;text-align:center}.page-home__title{margin:0 0 16px;font-size:3.5rem;line-height:1.1}.page-home__tagline{max-width:650px;margin:0 auto 32px;color:var(--text-muted);font-size:1.25rem;line-height:1.6}.page-home__button{display:inline-block;padding:12px 24px;border:1px solid var(--accent-color);border-radius:6px;background:var(--accent-color);color:var(--bg-primary);font-weight:600;text-decoration:none;transition:opacity .2s ease}.page-home__button:hover{opacity:.85}.page-home__features{padding:70px 0;border-top:1px solid var(--border-default)}.page-home__section-title{margin:0 0 40px;font-size:2rem;line-height:1.2;text-align:center}.page-home__feature-list{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px}.page-home__feature{padding:28px;border:1px solid var(--border-default);border-radius:8px;background:var(--bg-secondary)}.page-home__feature-title{margin:0 0 12px;font-size:1.25rem}.page-home__feature-description{margin:0;color:var(--text-muted);line-height:1.6}.page-home__about{max-width:750px;margin:0 auto;padding:70px 0}.page-home__about-description{margin:0;color:var(--text-muted);font-size:1.05rem;line-height:1.7;text-align:center}.page-home__how-it-works{padding:70px 0;border-top:1px solid var(--border-default)}.page-home__steps{max-width:650px;margin:0 auto;padding-left:24px;color:var(--text-muted);line-height:1.7}.page-home__step{padding-left:8px;margin-bottom:12px}.page-home__cta{margin:30px 0 80px;padding:60px 24px;border:1px solid var(--border-default);border-radius:8px;background:var(--bg-secondary);text-align:center}.page-home__cta-description{margin:-20px auto 28px;color:var(--text-muted)}@media(max-width: 700px){.page-home{padding:0 16px}.page-home__hero{padding:70px 0 60px}.page-home__title{font-size:2.5rem}.page-home__tagline{font-size:1.1rem}.page-home__features{padding:50px 0}.page-home__feature-list{grid-template-columns:1fr}.page-home__about,.page-home__how-it-works{padding:50px 0}.page-home__cta{margin-bottom:50px;padding:45px 20px}}