*{box-sizing:border-box;margin:0;padding:0}body{color:#e4e4e7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0e0e0e;font-family:-apple-system,system-ui,Segoe UI,sans-serif}.page{min-height:100dvh;padding:1rem}.page.center{justify-content:center;align-items:center;display:flex}.container{max-width:480px;margin:0 auto;padding-bottom:3rem}.header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:.75rem 0;display:flex}.header h1{letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.header select{color:#e4e4e7;background:#1c1c1e;border:1px solid #2a2a2e;border-radius:8px;width:auto;padding:8px 12px;font-size:.875rem;transition:border-color .15s}.header select:focus{border-color:#3b82f6}.card{background:#1c1c1e;border:1px solid #2a2a2e;border-radius:16px;width:90%;padding:2rem}.card h1{text-align:center;letter-spacing:-.02em;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}input,select{color:#e4e4e7;-webkit-appearance:none;background:#161618;border:1px solid #2a2a2e;border-radius:10px;width:100%;padding:12px 14px;font-size:1rem;transition:border-color .15s}input::placeholder{color:#52525b}input:focus,select:focus{border-color:#3b82f6;outline:none}button{color:#fff;cursor:pointer;white-space:nowrap;background:#3b82f6;border:none;border-radius:10px;padding:12px 20px;font-size:.95rem;font-weight:500;transition:background .15s,transform .1s}button:hover{background:#2563eb}button:active{background:#1d4ed8;transform:scale(.98)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}.create-form{background:#1c1c1e;border:1px solid #2a2a2e;border-radius:14px;margin-bottom:1.5rem;padding:1rem}.create-form input{margin-bottom:.5rem}.form-row{gap:.5rem;display:flex}.form-row select{flex:1}.form-row .time-picker{flex:none;width:auto}.form-row button{flex-shrink:0}h2{text-transform:uppercase;letter-spacing:.08em;color:#52525b;margin-top:1.25rem;margin-bottom:.5rem;padding-left:.25rem;font-size:.75rem;font-weight:600}.task-list{flex-direction:column;gap:6px;list-style:none;display:flex}.task-item{background:#1c1c1e;border:1px solid #2a2a2e;border-radius:10px;justify-content:space-between;align-items:center;padding:.75rem .875rem;transition:background .15s;display:flex}.task-item.completed{opacity:.4}.task-info{flex:1;align-items:center;gap:.625rem;min-width:0;display:flex}.task-title{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.task-item.completed .task-title{-webkit-text-decoration:line-through #52525b;text-decoration:line-through #52525b}.task-text{flex-direction:column;flex:1;min-width:0;display:flex}.reminder-info{color:#52525b;margin-top:2px;font-size:.75rem}.status-dot{background:#f59e0b;border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.in_progress{background:#3b82f6}.status-dot.completed{background:0 0;border:2px solid #52525b;position:relative}.status-dot.completed:after{content:"";border:1.5px solid #52525b;border-width:0 1.5px 1.5px 0;width:3px;height:5px;position:absolute;top:0;left:2px;transform:rotate(45deg)}.status-dot.cancelled{background:#52525b}.task-actions{flex-shrink:0;gap:6px;margin-left:.75rem;display:flex}.btn-small{border-radius:8px;min-height:32px;padding:6px 12px;font-size:.8rem;font-weight:500}.btn-complete{color:#4ade80;background:#22c55e26}.btn-complete:hover{background:#22c55e40}.btn-complete:active{background:#22c55e59}.btn-delete{color:#71717a;background:#71717a26}.btn-delete:hover{background:#71717a40}.btn-delete:active{background:#71717a59}.btn-confirm-delete{color:#f87171;background:#ef444433}.btn-confirm-delete:hover{background:#ef44444d}.btn-confirm-delete:active{background:#ef444466}.snooze-wrapper{position:relative}.btn-snooze{color:#60a5fa;background:#3b82f626}.btn-snooze:hover{background:#3b82f640}.btn-snooze:active{background:#3b82f659}.snooze-dropdown{z-index:20;background:#1c1c1e;border:1px solid #2a2a2e;border-radius:10px;min-width:110px;margin-top:4px;position:absolute;top:100%;right:0;overflow:hidden}.snooze-option{color:#e4e4e7;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0;width:100%;padding:10px 14px;font-size:.85rem;transition:background .1s;display:block}.snooze-option:hover{background:#3b82f626}.snooze-option:not(:last-child){border-bottom:1px solid #2a2a2e}.completed-date{color:#52525b;flex-shrink:0;margin-left:.75rem;font-size:.8rem}.field-label{color:#71717a;margin-top:.75rem;margin-bottom:.25rem;padding-left:2px;font-size:.8rem;font-weight:500;display:block}.field-label:first-child{margin-top:0}.channel-options{gap:.5rem;margin-top:.25rem;display:flex}.channel-option{cursor:pointer;color:#71717a;text-align:center;background:#161618;border:1px solid #2a2a2e;border-radius:10px;flex:1;padding:10px;font-size:.9rem;transition:border-color .15s,background .15s,color .15s}.channel-option.selected{color:#e4e4e7;background:#3b82f626;border-color:#3b82f6}.channel-option.disabled{opacity:.35;cursor:not-allowed}.consent-text{color:#71717a;background:#3b82f60d;border:1px solid #3b82f626;border-radius:8px;margin-top:.5rem;padding:.5rem .75rem;font-size:.8rem;line-height:1.5}input:disabled{opacity:.4;cursor:not-allowed}.error{color:#f87171;text-align:center;margin-bottom:1rem;font-size:.875rem}.muted{color:#52525b;font-size:.875rem}.toast{color:#4ade80;z-index:50;background:#1c1c1e;border:1px solid #2a2a2e;border-radius:10px;padding:10px 20px;font-size:.875rem;font-weight:500;animation:.2s ease-out toast-in;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}