:root{--ink: #1c1c1c;--paper: #f1f1f1;--accent: #ff3d00;--cyan: #00b8d4;--gray: #a8a8a8;--shadow: 4px 4px 0 var(--ink);--shadow-lg: 7px 7px 0 var(--ink);--nav-h: 5.5rem;--project: #ff3d00;font-family:Space Mono,ui-monospace,monospace;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--paper)}.app-root{min-height:100vh;background-color:color-mix(in srgb,var(--project) 14%,var(--paper));background-image:linear-gradient(rgba(28,28,28,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(28,28,28,.06) 1px,transparent 1px);background-size:26px 26px;transition:background-color .18s ease}button{font-family:inherit;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border:2px solid var(--ink);border-radius:0;background:var(--paper);color:var(--ink);padding:.6rem 1rem;box-shadow:var(--shadow);transition:transform .07s ease,box-shadow .07s ease}button:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-lg)}button:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}.topbar{position:sticky;top:0;z-index:50}.topnav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:var(--ink);color:var(--paper)}.brand{display:flex;flex-direction:column;gap:.3rem;min-width:0}.topnav h1{margin:0;font-family:Archivo Black,Space Mono,sans-serif;font-size:1.7rem;line-height:.9;letter-spacing:-.05em;color:var(--paper)}.brand-tag{font-size:.72rem;color:var(--gray)}.nav-right{display:flex;align-items:center;gap:.75rem}.hamburger{display:none;align-items:center;justify-content:center;background:transparent;color:var(--paper);border-color:var(--paper);box-shadow:3px 3px 0 var(--cyan);font-size:1rem;line-height:1;padding:.45rem .65rem}.hamburger:hover{box-shadow:5px 5px 0 var(--cyan)}.hamburger:active{box-shadow:0 0 0 var(--cyan)}.drawer-overlay{display:none}.user-name{font-size:.72rem;color:var(--gray);max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topnav button{background:transparent;color:var(--paper);border-color:var(--paper);box-shadow:3px 3px 0 var(--accent)}.topnav button:hover{box-shadow:5px 5px 0 var(--accent)}.topnav button:active{box-shadow:0 0 0 var(--accent)}.accent-bar{height:12px;background:var(--project);border-bottom:3px solid var(--ink);transition:background .18s ease}.screen-msg{padding:2rem 1.5rem}.layout{display:flex;align-items:stretch;min-height:calc(100vh - var(--nav-h))}.content{flex:1;min-width:0;padding:2rem 1.5rem}.content>section{max-width:40rem}.project-head{display:flex;align-items:center;gap:.6rem;margin-bottom:1.5rem}.project-config{flex:none;padding:.4rem .6rem;font-size:1.05rem;line-height:1}.project-name{display:inline-block;margin:0;font-family:Archivo Black,sans-serif;font-size:1.9rem;line-height:1;letter-spacing:-.03em;color:var(--ink);background:var(--project);border:3px solid var(--ink);box-shadow:var(--shadow);padding:.3rem .7rem;animation:stamp .13s ease-out}@keyframes stamp{0%{transform:translate(3px,3px) scale(.97);box-shadow:0 0 0 var(--ink)}to{transform:translate(0) scale(1);box-shadow:var(--shadow)}}.sidebar{display:flex;flex-direction:column;width:13rem;flex:none;padding:1.5rem 1rem;background:var(--paper);border-right:3px solid var(--ink)}.sidebar-logout{margin-top:auto;width:100%}.sidebar-title{margin:0 0 .9rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--gray)}.project-list{list-style:none;margin:0 0 .9rem;padding:0;display:flex;flex-direction:column;gap:.5rem}.project{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;text-transform:none;letter-spacing:0;font-size:.8rem;padding:.5rem .6rem;box-shadow:3px 3px 0 var(--ink)}.project-swatch{flex:none;width:.85rem;height:.85rem;border:2px solid var(--ink)}.project.active{color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.project-new{width:100%;text-align:left;text-transform:none;letter-spacing:0;font-size:.78rem;padding:.5rem .6rem;background:transparent;border-style:dashed;box-shadow:none}.project-new:hover{background:var(--cyan);box-shadow:3px 3px 0 var(--ink)}.swatches{display:flex;flex-wrap:wrap;gap:.4rem}.swatch{width:1.5rem;height:1.5rem;padding:0;border:2px solid var(--ink);box-shadow:none}.swatch:hover{transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--ink)}.swatch.selected{outline:3px solid var(--ink);outline-offset:2px}.ghost{background:transparent;box-shadow:none;color:var(--gray);border-color:var(--gray)}.ghost:hover{box-shadow:none;color:var(--ink);border-color:var(--ink)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;background:#1c1c1c80;animation:fade .12s ease-out}.modal{width:100%;max-width:26rem;padding:1.5rem;background:var(--paper);border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink);animation:pop .13s ease-out}.modal-title{margin:0 0 1.25rem;font-family:Archivo Black,sans-serif;font-size:1.4rem;letter-spacing:-.02em}.modal-form{display:flex;flex-direction:column;gap:1.25rem}.modal-field{display:flex;flex-direction:column;gap:.5rem}.modal-field>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gray)}.modal-field input{font-family:inherit;font-size:.95rem;padding:.6rem .7rem;border:2px solid var(--ink);border-radius:0;background:#fff}.modal-field input:focus{outline:none;border-color:var(--cyan);box-shadow:4px 4px 0 var(--cyan)}.modal .swatches{gap:.55rem}.modal .swatch{width:2.3rem;height:2.3rem}.modal-actions{display:flex;gap:.6rem}.modal-create{flex:1;background:var(--ink);color:var(--paper)}.modal-delete{width:100%;margin-top:1rem;background:transparent;color:var(--accent);border-color:var(--accent);box-shadow:3px 3px 0 var(--accent)}.modal-delete:hover{background:var(--accent);color:var(--paper);box-shadow:5px 5px 0 var(--ink)}.modal-delete:active{box-shadow:0 0 0 var(--accent)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:translate(4px,4px) scale(.96)}to{transform:translate(0) scale(1)}}@media (max-width: 560px){.hamburger{display:inline-flex}.user-name{display:none}.layout{display:block;min-height:0}.sidebar{position:fixed;top:var(--nav-h);left:0;bottom:0;width:15rem;z-index:40;padding-top:2.5rem;box-shadow:8px 0 #1c1c1c33;overflow-y:auto;transform:translate(-100%);transition:transform .18s ease}.sidebar.open{transform:translate(0)}.drawer-overlay{display:block;position:fixed;top:var(--nav-h);left:0;right:0;bottom:0;z-index:30;background:#1c1c1c73}.signed-out{margin:2rem 1rem;box-shadow:6px 6px 0 var(--ink)}}.muted{color:var(--gray);font-size:.82rem;text-transform:uppercase;letter-spacing:.05em}.error{border:2px solid var(--accent);background:#fff;color:var(--accent);box-shadow:var(--shadow);padding:.75rem .85rem;font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.signed-out{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;max-width:30rem;margin:3rem auto;padding:1.75rem;background:var(--paper);border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink)}.signed-out-lead{margin:0;font-family:Archivo Black,sans-serif;font-size:1.5rem;line-height:1.05;letter-spacing:-.03em}.signin{margin-top:.5rem;background:var(--accent);color:var(--paper);border-color:var(--ink);font-size:.95rem;padding:.8rem 1.2rem}.add-todo{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem}.add-todo-row{display:flex;align-items:flex-end;gap:.6rem}.add-todo-row input[type=text]{flex:1}.add-todo input,.add-todo textarea{font-family:inherit;font-size:.9rem;color:var(--ink);padding:.6rem .7rem;border:2px solid var(--ink);border-radius:0;background:#fff}.add-todo input::placeholder,.add-todo textarea::placeholder{color:var(--gray)}.add-todo-desc{resize:vertical}.add-todo input:focus,.add-todo textarea:focus{outline:none;border-color:var(--cyan);box-shadow:4px 4px 0 var(--cyan)}.due-field{display:flex;flex-direction:column;gap:.25rem;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gray)}.todo-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.9rem}.todo-item{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.85rem .95rem;background:#fff;border:2px solid var(--ink);box-shadow:var(--shadow);transition:transform .07s ease,box-shadow .07s ease}.todo-item:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-lg)}.todo-item label{display:flex;align-items:flex-start;gap:.7rem;cursor:pointer}.todo-item input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:none;width:1.35rem;height:1.35rem;margin:.1rem 0 0;border:2px solid var(--ink);background:var(--paper);display:grid;place-content:center;cursor:pointer}.todo-item input[type=checkbox]:after{content:"";width:.72rem;height:.72rem;background:var(--cyan);transform:scale(0);transition:transform .1s ease}.todo-item input[type=checkbox]:checked{background:var(--ink)}.todo-item input[type=checkbox]:checked:after{transform:scale(1)}.todo-text{display:flex;flex-direction:column;gap:.25rem;font-size:.95rem;font-weight:700}.todo-item .done{text-decoration:line-through;text-decoration-thickness:2px;color:var(--gray)}.todo-desc{font-size:.82rem;font-weight:400;color:var(--ink);white-space:pre-wrap}.todo-due{align-self:flex-start;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);background:var(--project);border:2px solid var(--ink);padding:.12rem .4rem}.todo-due.completed{background:var(--gray)}.todo-item .remove{flex:none;border:2px solid var(--ink);background:var(--paper);color:var(--ink);font-size:1rem;line-height:1;padding:.1rem .5rem;box-shadow:2px 2px 0 var(--ink)}.todo-item .remove:hover{background:var(--accent);color:var(--paper);box-shadow:3px 3px 0 var(--ink)}.todo-item .remove:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.project-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-shared{flex:none;font-size:.8rem;line-height:1}.list-toolbar{display:flex;align-items:center;gap:.6rem;margin-bottom:1.2rem}.role-badge{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink);background:var(--gray);border:2px solid var(--ink);padding:.2rem .5rem}.trash-toggle{margin-left:auto;font-size:.72rem;padding:.4rem .7rem}.trash-toggle.active{background:var(--ink);color:var(--paper)}.trash-note{margin:0 0 1rem}.trash-item{align-items:center}.trash-left{margin:0;font-size:.62rem}.trash-actions{display:flex;align-items:center;gap:.4rem}.trash-restore{font-size:.66rem;padding:.3rem .55rem;background:var(--cyan)}.collab-row{display:flex;gap:.4rem}.collab-row input{flex:1;min-width:0;font-family:inherit;font-size:.9rem;padding:.55rem .65rem;border:2px solid var(--ink);border-radius:0;background:#fff}.collab-row input:focus{outline:none;border-color:var(--cyan);box-shadow:4px 4px 0 var(--cyan)}.role-select{font-family:inherit;font-size:.78rem;font-weight:700;padding:.45rem .4rem;border:2px solid var(--ink);border-radius:0;background:var(--paper);cursor:pointer}.collab-add{flex:none;padding:.45rem .7rem;font-size:1rem;line-height:1}.chip-list,.member-list{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-direction:column;gap:.45rem}.chip{display:flex;align-items:center;gap:.5rem;font-size:.78rem;padding:.35rem .5rem;background:#fff;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}.chip-email{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-role{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray)}.chip-x,.member-remove{flex:none;font-size:.95rem;line-height:1;padding:.05rem .4rem;box-shadow:none}.chip-x:hover,.member-remove:hover{background:var(--accent);color:var(--paper);box-shadow:none}.member-row{display:flex;align-items:center;gap:.5rem;font-size:.8rem;padding:.35rem .5rem;background:#fff;border:2px solid var(--ink)}.member-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-role-static{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray)}.bell{position:relative;background:transparent;color:var(--paper);border-color:var(--paper);box-shadow:3px 3px 0 var(--cyan);font-size:1rem;line-height:1;padding:.45rem .6rem}.bell:hover{box-shadow:5px 5px 0 var(--cyan)}.bell:active{box-shadow:0 0 0 var(--cyan)}.bell-badge{position:absolute;top:-.5rem;right:-.5rem;min-width:1.1rem;height:1.1rem;padding:0 .25rem;display:grid;place-content:center;font-size:.62rem;font-weight:700;color:var(--paper);background:var(--accent);border:2px solid var(--ink)}.notif-section{margin-bottom:1.25rem}.notif-heading{margin:0 0 .6rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gray)}.invite-card{background:#fff;border:2px solid var(--ink);border-top-width:8px;box-shadow:4px 4px 0 var(--ink);padding:.8rem .9rem;margin-bottom:.6rem}.invite-body{margin:0 0 .7rem;font-size:.82rem;line-height:1.35}.invite-actions{display:flex;gap:.5rem}.invite-accept{flex:1;font-size:.72rem;padding:.45rem .6rem;background:var(--ink);color:var(--paper)}.invite-reject{flex:1;font-size:.72rem;padding:.45rem .6rem}.invite-reject:hover{background:var(--accent);color:var(--paper)}.notif-history{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.notif-history-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;padding:.4rem .5rem;background:#fff;border:2px solid var(--ink)}.notif-dot{flex:none;width:.85rem;height:.85rem;border:2px solid var(--ink)}.notif-history-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.notif-status{flex:none;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.15rem .4rem;border:2px solid var(--ink)}.notif-status.accepted{background:var(--cyan);color:var(--ink)}.notif-status.rejected{background:var(--accent);color:var(--paper)}.notif-close{width:100%;background:var(--ink);color:var(--paper)}