@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.container{width:100%}.block{display:block}.flex{display:flex}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--bg-color:#121212;--surface:#1f1f1f;--task-bg:#282828;--text-main:#eee;--text-muted:gray;--border:#333;--primary:#de4c4a;--primary-hover:#f05d5b;--btn-text:#fff;--danger:#de4c4a;--success:#de4c4a;--radius:8px}*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--bg-color);color:var(--text-main);justify-content:center;min-height:100vh;padding:40px 20px;display:flex}.container{background:var(--surface);border-radius:var(--radius);border:none;width:100%;max-width:600px;padding:30px;box-shadow:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.1)}header h1{letter-spacing:-.02em;color:var(--text-main);margin-bottom:24px;font-size:1.5rem;font-weight:600}.input-group{align-items:flex-start;gap:12px;margin-bottom:30px;display:flex}textarea{border:1px solid var(--border);border-radius:var(--radius);resize:none;background-color:var(--task-bg);height:48px;min-height:48px;color:var(--text-main);outline:none;flex:1;padding:12px 16px;font-size:1rem;line-height:1.5;transition:border-color .2s;overflow-y:hidden}textarea::placeholder{color:var(--text-muted);font-size:.95rem}textarea:focus{border-color:var(--text-muted)}button.btn-primary{background-color:var(--primary);color:var(--btn-text);border-radius:var(--radius);cursor:pointer;border:none;flex-shrink:0;height:48px;padding:0 24px;font-size:1rem;font-weight:600;transition:background-color .2s}button.btn-primary:hover{background-color:var(--primary-hover)}ul{padding:0;list-style:none}li{border:1px solid var(--border);border-radius:var(--radius);background:var(--task-bg);cursor:grab;align-items:flex-start;margin-bottom:12px;padding:16px;transition:border-color .2s,box-shadow .2s,background-color .2s;display:flex}li:active{cursor:grabbing}li.completed-task{cursor:pointer;opacity:.7}li.completed-task:active{cursor:pointer}li:hover{border-color:#475569}.sortable-ghost{opacity:.3;background-color:var(--border);border-style:dashed}.sortable-chosen{border-color:var(--primary);background-color:#333;box-shadow:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.2);z-index:1000!important}.sortable-drag{opacity:1!important}.todo-content{word-break:break-word;flex:1;margin:0 16px;font-size:.95rem;line-height:1.5}.todo-content.completed{color:var(--text-muted);text-decoration:line-through}.todo-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--text-muted);cursor:pointer;background-color:transparent;border-radius:50%;outline:none;flex-shrink:0;width:22px;height:22px;margin-top:2px;transition:all .2s;position:relative}.todo-checkbox:checked{background-color:var(--success);border-color:var(--success)}.todo-checkbox:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:3px;left:6px;transform:rotate(45deg)}.actions{flex-shrink:0;gap:4px;display:flex}.btn-icon{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.btn-icon:hover{color:var(--text-main);background:rgba(255,255,255,.1)}.btn-icon.delete:hover{color:var(--danger);background:rgba(222,76,74,.1)}svg{width:20px;height:20px}.edit-input{border:1px solid var(--text-muted);background:var(--task-bg);width:100%;color:var(--text-main);border-radius:4px;outline:none;padding:8px;font-size:.95rem}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.6);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);width:100%;max-width:450px;padding:30px;animation:.2s ease-out modalFadeIn;box-shadow:0 20px 25px -5px rgba(0,0,0,.5),0 10px 10px -5px rgba(0,0,0,.2)}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal h2{margin-bottom:20px;font-size:1.3rem;font-weight:600}.modal textarea{width:100%;min-height:100px;margin-bottom:16px;padding:12px}.reminder-toggle{cursor:pointer;color:var(--text-main);-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:8px;margin-bottom:16px;font-size:.95rem;display:flex}.reminder-inputs{gap:12px;margin-bottom:24px;display:flex}.reminder-inputs input[type=date],.reminder-inputs input[type=time]{background:var(--task-bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-main);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;outline:none;flex:1;padding:10px 12px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.reminder-inputs input[type=date]:focus,.reminder-inputs input[type=time]:focus{border-color:var(--text-muted)}.modal-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}button.btn-secondary{color:var(--text-main);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background-color:transparent;height:40px;padding:0 20px;font-size:.95rem;font-weight:600;transition:all .2s}button.btn-secondary:hover{background-color:var(--task-bg);border-color:var(--text-muted)}button.small{height:40px;padding:0 20px;font-size:.95rem}.footer-copyright{text-align:center;border-top:1px solid var(--border);color:var(--text-muted);margin-top:40px;padding-top:20px;font-size:.85rem}.footer-copyright a{color:var(--text-main);text-decoration:none;transition:color .2s}.footer-copyright a:hover{color:var(--primary)}@media (max-width:480px){body{padding:15px 10px}.container{padding:20px 15px}.input-group{gap:8px}textarea{padding:12px 10px}textarea::placeholder{font-size:.85rem}button.btn-primary{padding:0 16px}li{padding:12px 10px}.todo-content{-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0 10px;font-size:.9rem}.actions{flex-direction:column;gap:2px}.todo-checkbox{width:20px;height:20px}.todo-checkbox:checked:after{top:2px;left:5px}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}