*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}body{font-family:'Roboto Condensed',Arial,sans-serif;background:url('textures/photocopy-10.webp'),#000;color:#ff0;line-height:1.4;padding:0;margin:0;min-height:100vh;overflow-x:hidden;background-size:cover,auto;background-position:center,0 0;background-attachment:scroll,scroll}#app{max-width:600px;margin:0 auto;padding:1rem;min-height:100vh;display:flex;flex-direction:column;position:relative}#app::before{content:'';position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background-image:repeating-linear-gradient(23deg,transparent 0,transparent 4px,rgba(0,0,0,.02) 4px,rgba(0,0,0,.02) 5px),repeating-linear-gradient(-17deg,transparent 0,transparent 6px,rgba(0,0,0,.01) 6px,rgba(0,0,0,.01) 7px);pointer-events:none;z-index:-1;border-radius:2px;clip-path:polygon(0% 2px,2px 0%,98% 0%,100% 2px,100% 98%,98% 100%,2px 100%,0% 98%)}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(rgba(255,255,0,.7),rgba(255,255,0,.7)),url('textures/photocopy-02.webp');border:4px solid #000;border-left:6px solid #000;border-right:5px solid #000;position:relative;transform:rotate(-1deg);box-shadow:5px 5px 0 #000,10px 10px 0 rgba(0,0,0,.67);background-size:cover,cover}header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 15% 25%,rgba(0,0,0,.1) 0,transparent 20%),radial-gradient(circle at 85% 75%,rgba(0,0,0,.08) 0,transparent 25%),radial-gradient(circle at 45% 10%,rgba(0,0,0,.06) 0,transparent 15%),radial-gradient(circle at 70% 40%,rgba(0,0,0,.04) 0,transparent 18%);pointer-events:none;mix-blend-mode:multiply}.punk-badge{position:absolute;top:-15px;right:20px;background:#ff0;color:#000;padding:.5rem 1rem;font-family:'Bebas Neue',sans-serif;font-size:1.2rem;font-weight:900;transform:rotate(15deg);border:3px solid #000;box-shadow:3px 3px 0 rgba(0,0,0,.67);filter:contrast(1.2) brightness(.85)}.punk-badge::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(73deg,transparent 0,transparent 1px,rgba(0,0,0,.08) 1px,rgba(0,0,0,.08) 2px),radial-gradient(circle at 30% 70%,rgba(0,0,0,.1) 0,transparent 40%);pointer-events:none;mix-blend-mode:multiply}h1{font-family:'Bebas Neue',sans-serif;font-size:3.5rem;font-weight:400;color:#000;text-shadow:2px 2px 0 rgba(255,255,0,.5),4px 4px 0 rgba(255,255,0,.3);letter-spacing:2px;transform:rotate(1deg);position:relative}h1::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(83deg,transparent 0,transparent 3px,rgba(0,0,0,.04) 3px,rgba(0,0,0,.04) 4px),radial-gradient(ellipse at 20% 30%,rgba(0,0,0,.08) 0,transparent 30%);pointer-events:none;mix-blend-mode:multiply}.backup-btn{background:#ff0;border:3px solid #000;border-radius:0;padding:.75rem;cursor:pointer;font-size:1.5rem;color:#000;font-weight:900;transform:rotate(-5deg);box-shadow:3px 3px 0 rgba(0,0,0,.67);transition:all .1s ease;filter:contrast(1.2) brightness(.8);display:flex;align-items:center;justify-content:center}.backup-btn img{filter:invert(0)}.backup-btn:hover{background:#cc0;color:#000;transform:rotate(5deg) scale(1.1);box-shadow:5px 5px 0 #000;will-change:transform}.add-todo-section{display:flex;gap:.75rem;margin-bottom:2rem}#todo-input{flex:1;padding:1rem;background:#ff0;border:4px solid #000;border-radius:0;font-size:1.1rem;color:#000;font-family:'Roboto Condensed',sans-serif;font-weight:700;text-transform:uppercase;box-shadow:4px 4px 0 rgba(0,0,0,.67);transform:rotate(-.5deg);transition:all .1s ease;filter:contrast(1.1) brightness(.9)}#todo-input:focus{outline:0;background:#ff0;transform:rotate(.5deg);box-shadow:6px 6px 0 #000;filter:contrast(1.2) brightness(1.1)}#todo-input::placeholder{color:rgba(0,0,0,.67);font-weight:900}#add-btn{background:#000;color:#ff0;border:4px solid #ff0;border-radius:0;padding:1rem 2rem;font-size:1.2rem;font-weight:900;cursor:pointer;font-family:'Bebas Neue',sans-serif;letter-spacing:2px;box-shadow:4px 4px 0 #ff0;transform:rotate(1deg);transition:all .1s ease;filter:contrast(1.2)}#add-btn:hover{background:#333;color:#ff0;transform:rotate(-1deg) scale(1.05);box-shadow:6px 6px 0 #ff0}.todo-list{flex:1;margin-bottom:2rem}.todo-item{display:flex;align-items:center;background:linear-gradient(rgba(255,255,0,.85),rgba(255,255,0,.85)),url('textures/photocopy-14.webp');border:3px solid #000;padding:1rem;margin-bottom:1rem;cursor:move;position:relative;box-shadow:4px 4px 0 rgba(0,0,0,.67);contain:layout style paint;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-size:cover,cover}.todo-item.completed{background:linear-gradient(rgba(102,102,0,.85),rgba(102,102,0,.85)),url('textures/photocopy-08.webp')!important;opacity:.8!important;filter:contrast(1.5) brightness(1.1) saturate(1.2)!important;animation:none!important;background-size:cover,cover!important}.todo-item:hover{box-shadow:6px 6px 0 #000,12px 12px 0 rgba(0,0,0,.67);will-change:transform}.todo-item:hover .todo-text{text-shadow:2px 2px 0 rgba(255,255,0,.33),4px 4px 0 rgba(255,255,0,.2),1px 1px 0 rgba(255,255,0,.53)}.todo-item.dragging{opacity:.7;transform:rotate(5deg) scale(1.1);z-index:1000;box-shadow:8px 8px 0 #000,16px 16px 0 rgba(0,0,0,.67);filter:contrast(1.6) brightness(.6) saturate(.1)}.todo-item.drag-over{background:#660!important;color:#ff0;transform:rotate(-2deg) scale(1.05);box-shadow:8px 8px 0 #000,16px 16px 0 #000;filter:contrast(1.7) brightness(.5) saturate(.1)}.drag-handle{color:#000;margin-right:.75rem;font-size:1.5rem;cursor:grab;user-select:none;font-weight:900;transition:all .1s ease;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.drag-handle:hover{color:#333;transform:scale(1.2)}.drag-handle:active{cursor:grabbing}.todo-item input[type=checkbox]{width:1.8rem;height:1.8rem;min-width:44px;min-height:44px;margin-right:1rem;cursor:pointer;accent-color:rgba(0,0,0,1);transform:scale(1);filter:contrast(1.3);-webkit-tap-highlight-color:rgba(255,255,0,0.5);touch-action:manipulation;pointer-events:auto;padding:12px}.todo-text{flex:1;font-size:1.1rem;word-break:break-word;font-family:'Roboto Condensed',sans-serif;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:.5px;-webkit-tap-highlight-color:transparent}.todo-item.completed .todo-text{text-decoration:line-through;color:#ff0;opacity:.9}.todo-item.drag-over .todo-text{color:#ff0}.delete-btn{background:#000;border:2px solid #ff0;color:#ff0;font-size:1.2rem;cursor:pointer;padding:.75rem;min-width:44px;min-height:44px;border-radius:0;transition:all .1s ease;line-height:1;font-weight:900;box-shadow:2px 2px 0 rgba(0,0,0,.67);filter:contrast(1.2);-webkit-tap-highlight-color:rgba(255,255,0,0.5);-webkit-touch-callout:none;touch-action:manipulation;pointer-events:auto;display:flex;align-items:center;justify-content:center}.delete-btn:hover{background:#333;color:#ff0;transform:rotate(-5deg) scale(1.1);box-shadow:3px 3px 0 #ff0}.stats{text-align:center;color:#ff0;font-size:1rem;margin-top:auto;padding:1rem;background:#000;border:3px solid #ff0;font-family:'Bebas Neue',sans-serif;font-weight:400;letter-spacing:2px;text-transform:uppercase;transform:rotate(-.5deg);box-shadow:3px 3px 0 #ff0;filter:contrast(1.1) brightness(.8)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,rgba(255,255,0,.95) 0,rgba(255,255,0,.95) 12px,rgba(0,0,0,.95) 12px,rgba(0,0,0,.95) 24px),url('textures/photocopy-06.webp'),rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;z-index:1000;background-size:auto,cover,auto}.modal.hidden{display:none}.modal-content{background:linear-gradient(rgba(255,255,0,.8),rgba(255,255,0,.8)),url('textures/photocopy-07.webp');border:5px solid #000;border-radius:0;padding:0;max-width:400px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:8px 8px 0 #000,16px 16px 0 rgba(0,0,0,.67);transform:rotate(-1deg);position:relative;background-size:cover,cover}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#000;border-bottom:4px solid #ff0}.modal-header h2{font-size:1.5rem;font-weight:400;color:#ff0;font-family:'Bebas Neue',sans-serif;letter-spacing:2px;text-shadow:2px 2px 0 #000}.close-btn{background:#ff0;border:3px solid #000;font-size:1.5rem;cursor:pointer;color:#000;padding:.5rem;border-radius:0;transition:all .1s ease;font-weight:900;box-shadow:2px 2px 0 #000}.close-btn:hover{background:#cc0;transform:rotate(-5deg) scale(1.1);box-shadow:3px 3px 0 #000}.modal-body{padding:1.5rem}.backup-section,.reset-section,.restore-section{margin-bottom:1.5rem}.backup-section:last-child,.reset-section:last-child,.restore-section:last-child{margin-bottom:0}.modal-body h3{font-size:1.3rem;font-weight:400;color:#000;margin-bottom:1rem;font-family:'Bebas Neue',sans-serif;text-transform:uppercase;letter-spacing:2px}.modal-body button{background:#000;color:#ff0;border:3px solid #ff0;border-radius:0;padding:1rem;font-size:1.1rem;font-weight:900;cursor:pointer;transition:all .1s ease;width:100%;font-family:'Bebas Neue',sans-serif;text-transform:uppercase;letter-spacing:2px;box-shadow:4px 4px 0 #ff0;margin-bottom:.5rem;filter:contrast(1.2) brightness(.8)}.modal-body button:hover{background:#333;color:#ff0;transform:rotate(-1deg) scale(1.02);box-shadow:6px 6px 0 #ff0}.notification{position:fixed;top:1rem;right:1rem;background:#ff0;color:#000;padding:1rem 1.5rem;border:3px solid #000;border-radius:0;font-weight:900;font-family:'Bebas Neue',sans-serif;text-transform:uppercase;letter-spacing:2px;box-shadow:4px 4px 0 rgba(0,0,0,.67);transform:translateX(100%) rotate(-5deg);transition:transform .2s ease;z-index:1001;filter:contrast(1.3) brightness(.8)}.notification.show{transform:translateX(0) rotate(-5deg)}@media (max-width:640px){#app{padding:.75rem}h1{font-size:2rem}.add-todo-section{flex-direction:column}#add-btn{align-self:stretch}.todo-item{padding:.75rem!important}.modal-content{width:95%}}.todo-item:empty{display:none}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.8}}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-image:url('textures/photocopy-10.webp');pointer-events:none;z-index:1;opacity:.15;mix-blend-mode:overlay;background-size:cover}*{image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges}#app::after{content:'COPY GENERATION: 7 • TONER FADING • INK SMEARS DETECTED';position:absolute;bottom:-20px;left:50%;transform:translateX(-50%) rotate(-1deg);font-family:'Roboto Condensed',sans-serif;font-size:.5rem;color:rgba(80,80,80,.6);pointer-events:none;z-index:-1;filter:contrast(1.3) brightness(.5);text-shadow:1px 1px 0 rgba(0,0,0,.4);letter-spacing:1px}body::after{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-image:url('textures/photocopy-11.webp');pointer-events:none;z-index:2;mix-blend-mode:overlay;opacity:.1;background-size:cover}