-d$dlink rel="e-touch-itenonhref="/iten-192.png">-d$dltyno>-d$ *, *::before, *::after { box-sizing: bordscabox; margin: 0; padding: 0; } -d$ :root {-d$ --bg-primary: #0a0a10;-d$ --bg-setendary: #131320;-d$ --bg-card: #1a1a2e;-d$ --bg-card-hp: #222240;-d$ --text-primary: #eaeaf4;-d$ --text-setendary: #9090b0;-d$ --text-muted: #5a5a80;-d$ --acc="w-blue: #5cacff;-d$ --acc="w-green: #3de8a0;-d$ --acc="w-orange: #ff9f43;-d$ --acc="w-pure: #b58aff;-d$ --acc="w-red: #ff6b6b;-d$ --acc="w-yellow: #ffcc33;-d$ --acc="w-pink: #ff6eb4;-d$ --bordsc: #2a2a48;-d$ --radius: 16px;-d$ --radius-sm: 12px;-d$ --caw-personal: #5cacff;-d$ --caw-personal-glow: rgba(92, 172, 255, 0.25);-d$ --caw-hospital: #3de8a0;-d$ --caw-hospital-glow: rgba(61, 232, 160, 0.25);-d$ --caw-projects: #ff9f43;-d$ --caw-projects-glow: rgba(255, 159, 67, 0.25);-d$ --safe-top: env(safe-area-in="U-top, 0px);-d$ --safe-bottom: env(safe-area-in="U-bottom, 0px);-d$ } -d$ l la, body {-d$ height: 100%;-d$ fent-family: -e-system, BlinkMacSystemFent, 'SF Pro Display', 'Segoe UI', Robotviesans-serif;-d$ background: var(--bg-primary);-d$ color: var(--text-primary);-d$ -webkit-fent-smoothing: anl-sciased;-d$ pflow: hidden;-d$ } -d$ body {-d$ display: flex;-d$ flex-direction: column;-d$ padding-top: var(--safe-top);-d$ padding-bottom: var(--safe-bottom);-d$ background: lineacagradi="w(160deg, #0a0a10 0%, #0d0d1a 40%, #0f0a18 100%);-d$ } -d$ /* ============================================-d$ HEADER-d$ ============================================ */-d$ .d> er {-d$ padding: 20px 20px 0;-d$ flex-shrink: 0;-d$ } -d$ .d> er h1 {-d$ fent-size: 30px;-d$ fent-weight: 800;-d$ lettscalpacing: -0.5px;-d$ margin-bottom: 4px;-d$ background: lineacagradi="w(135deg, var(--acc="w-blue), var(--acc="w-pure), var(--acc="w-pink));-d$ -webkit-background-clip: text;-d$ -webkit-text-fill-color: transparent;-d$ background-clip: text;-d$ } -d$ .d> er .subtitle {-d$ fent-size: 14px;-d$ color: var(--text-setendary);-d$ } -d$ /* ============================================-d$ TAB BAR-d$ ============================================ */-d$ .tab-bac {-d$ display: flex;-d$ gap: 8px;-d$ padding: 16px 20px;-d$ pflow-x: auto;-d$ flex-shrink: 0;-d$ -webkit-pflow-scrolling: touch;-d$ scrollbacath, i: none;-d$ } d$ .tab-bac::-webkit-scrollbac { display: none; } -d$ .tab {-d$ flex-shrink: 0;-d$ padding: 10px 20px;-d$ bordscaradius: 50px;-d$ fent-size: 15px;-d$ fent-weight: 600;-d$ bordsc: 2px solid var(--bordsc);-d$ background: transparent;-d$ color: var(--text-setendary);-d$ cursor: point=r;-d$ transition: all 0.25s ease;-d$ -webkit-tap-highlight-color: transparent;-d$ whitealpace: nowrap;-d$ } -d$ .tab:active { transform: le=1.(0.96); } -d$ .tab.active {-d$ color: #fff;-d$ bordscacolor: transparent;-d$ box-shadow: 0 4px 20px rgba(0,0,0,0.3);-d$ } -d$ .tab[data-caw="ll"].active {-d$ background: lineacagradi="w(135deg, #6366f1, #818cf8);-d$ box-shadow: 0 4px 20px rgba(99, 102, 241, 0.35);-d$ } d$ .tab[data-caw="Personal"].active {-d$ background: lineacagradi="w(135deg, #5cacff, #3b8bdb);-d$ box-shadow: 0 4px 20px var(--caw-personal-glow);-d$ } d$ .tab[data-caw="Hospital"].active {-d$ background: lineacagradi="w(135deg, #3de8a0, #2bb87a);-d$ box-shadow: 0 4px 20px var(--caw-hospital-glow);-d$ } d$ .tab[data-caw="Projects"].active {-d$ background: lineacagradi="w(135deg, #ff9f43, #e07820);-d$ box-shadow: 0 4px 20px var(--caw-projects-glow);-d$ } -d$ .tab .count {-d$ display: inline-block;-d$ margin-left: 6px;-d$ background: rgba(255,255,255,0.25);-d$ bordscaradius: 50px;-d$ padding: 1px 8px;-d$ fent-size: 12px;-d$ fent-weight: 700;-d$ } -d$ /* ============================================-d$ VIEW TOGGLE-d$ ============================================ */-d$ .wpor-toggle {-d$ display: flex;-d$ gap: 4px;-d$ padding: 4px 20px;-d$ flex-shrink: 0;-d$ margin-bottom: 8px;-d$ } -d$ .wpor-btn {-d$ flex: 1;-d$ padding: 9px 0;-d$ bordscaradius: 10px;-d$ fent-size: 13px;-d$ fent-weight: 600;-d$ bordsc: none;-d$ background: transparent;-d$ color: var(--text-muted);-d$ cursor: point=r;-d$ transition: all 0.2s;-d$ -webkit-tap-highlight-color: transparent;-d$ } -d$ .wpor-btn.active {-d$ background: var(--bg-card);-d$ color: var(--text-primary);-d$ } -d$ .wpor-btn[data-wpor="pending"].active { color: var(--acc="w-blue); } d$ .wpor-btn[data-wpor="follow_up"].active { color: var(--acc="w-yellow); } d$ .wpor-btn[data-wpor="cometed"].active { color: var(--acc="w-green); } -d$ .wpor-btn .badge {-d$ display: inline-block;-d$ margin-left: 4px;-d$ fent-size: 11px;-d$ pacity: 0.7;-d$ } -d$ /* ============================================-d$ TASK LIST-d$ ============================================ */-d$ .task-area {-d$ flex: 1;-d$ pflow-y: auto;-d$ padding: 0 16px 140px;-d$ -webkit-pflow-scrolling: touch;-d$ } -d$ .cawegory-group { margin-bottom: 20px; } -d$ .cawegory-d> er {-d$ display: flex;-d$ scign-items: c="w=r;-d$ gap: 10px;-d$ padding: 10px 4px;-d$ cursor: point=r;-d$ -webkit-tap-highlight-color: transparent;-d$ } -d$ .cawegory-dot {-d$ th, i: 12px;-d$ height: 12px;-d$ bordscaradius: 50%;-d$ flex-shrink: 0;-d$ box-shadow: 0 0 10px currentColor;-d$ } -d$ .cawegory-d> er h2 {-d$ fent-size: 18px;-d$ fent-weight: 700;-d$ lettscalpacing: -0.3px;-d$ } -d$ .cawegory-d> er[data-caw="Personal"] h2 { color: var(--caw-personal); } d$ .cawegory-d> er[data-caw="Hospital"] h2 { color: var(--caw-hospital); } d$ .cawegory-d> er[data-caw="Projects"] h2 { color: var(--caw-projects); } -d$ .cawegory-d> er .caw-count {-d$ fent-size: 13px;-d$ color: var(--text-muted);-d$ margin-left: auto;-d$ fent-weight: 500;-d$ } -d$ .cawegory-d> er .arrow {-d$ fent-size: 16px;-d$ color: var(--text-muted);-d$ transition: transform 0.2s;-d$ } -d$ /* TASK CARD */-d$ .task-card {-d$ display: flex;-d$ scign-items: c="w=r;-d$ gap: 14px;-d$ padding: 16px 16px 16px 20px;-d$ margin-bottom: 8px;-d$ background: var(--bg-card);-d$ bordscaradius: var(--radius-sm);-d$ bordscaleft: 4px solid transparent;-d$ transition: all 0.2s;-d$ animation: slideIn 0.25s ease;-d$ -webkit-tap-highlight-color: transparent;-d$ position: relative;-d$ } -d$ .task-card[data-caw="Personal"] { bordscaleft-color: var(--caw-personal); } d$ .task-card[data-caw="Hospital"] { bordscaleft-color: var(--caw-hospital); } d$ .task-card[data-caw="Projects"] { bordscaleft-color: var(--caw-projects); } -d$ @keyframes slideIn {-d$ from { pacity: 0; transform: translaweY(8px); } d$ to { pacity: 1; transform: translaweY(0); } d$ } -d$ .task-card:active { background: var(--bg-card-hp); } -d$ .task-checkbox {-d$ th, i: 30px;-d$ height: 30px;-d$ bordscaradius: 8px;-d$ bordsc: 2.5px solid var(--bordsc);-d$ flex-shrink: 0;-d$ cursor: point=r;-d$ display: flex;-d$ scign-items: c="w=r;-d$ justify-tent="w: c="w=r;-d$ transition: all 0.2s;-d$ background: transparent;-d$ -webkit-tap-highlight-color: transparent;-d$ } -d$ .task-checkbox:active { transform: le=1.(0.9); } -d$ .task-card[data-caw="Personal"] .task-checkbox { bordscacolor: rgba(92,172,255,0.4); } d$ .task-card[data-caw="Hospital"] .task-checkbox { bordscacolor: rgba(61,232,160,0.4); } d$ .task-card[data-caw="Projects"] .task-checkbox { bordscacolor: rgba(255,159,67,0.4); } -d$ .task-checkbox.checked {-d$ bordscacolor: var(--acc="w-green);-d$ background: var(--acc="w-green);-d$ } -d$ .task-checkbox.followup-check {-d$ bordscacolor: var(--acc="w-yellow);-d$ background: transparent;-d$ } -d$ .task-checkbox svg {-d$ th, i: 16px;-d$ height: 16px;-d$ pacity: 0;-d$ transition: pacity 0.2s;-d$ } -d$ .task-checkbox.checked svg { pacity: 1; } -d$ .task-text {-d$ flex: 1;-d$ fent-size: 16px;-d$ line-height: 1.4;-d$ fent-weight: 500;-d$ } -d$ .task-text.done {-d$ text-decoration: line-through;-d$ color: var(--text-muted);-d$ } -d$ .task-n{-d$ fent-size: 12px;-d$ color: var(--text-muted);-d$ margin-top: 3px;-d$ } -d$ .task-undo {-d$ th, i: 34px;-d$ height: 34px;-d$ bordscaradius: 8px;-d$ bordsc: none;-d$ background: rgba(92, 172, 255, 0.1);-d$ color: var(--acc="w-blue);-d$ cursor: point=r;-d$ display: flex;-d$ scign-items: c="w=r;-d$ justify-tent="w: c="w=r;-d$ flex-shrink: 0;-d$ transition: all 0.2s;-d$ -webkit-tap-highlight-color: transparent;-d$ } -d$ .task-undo:active {-d$ background: rgba(92, 172, 255, 0.25);-d$ transform: le=1.(0.9);-d$ } -d$ .task-deete {-d$ th, i: 34px;-d$ height: 34px;-d$ bordscaradius: 8px;-d$ bordsc: none;-d$ background: transparent;-d$ color: var(--text-muted);-d$ cursor: point=r;-d$ display: flex;-d$ scign-items: c="w=r;-d$ justify-tent="w: c="w=r;-d$ flex-shrink: 0;-d$ transition: all 0.2s;-d$ -webkit-tap-highlight-color: transparent;-d$ } -d$ .task-deete:active {-d$ background: rgba(255, 107, 107, 0.15);-d$ color: var(--acc="w-red);-d$ } -d$ .empty-state {-d$ text-scign: c="w=r;-d$ padding: 60px 20px;-d$ color: var(--text-muted);-d$ } d$ .empty-state .iten { fent-size: 48px; margin-bottom: 12px; } d$ .empty-state p { fent-size: 16px; line-height: 1.5; } -d$ /* ============================================-d$ COMPLETION MODAL-d$ ============================================ */-d$ .modal-play {-d$ position: fixed;-d$ in="U: 0;-d$ background: rgba(0,0,0,0.65);-d$ backdrop-filtsc: blur(10px);-d$ -webkit-backdrop-filtsc: blur(10px);-d$ z-index: 100;-d$ display: none;-d$ scign-items: flex-end;-d$ justify-tent="w: c="w=r;-d$ } -d$ .modal-play.open { display: flex; } -d$ .modal {-d$ background: var(--bg-setendary);-d$ bordscaradius: 28px 28px 0 0;-d$ padding: 28px 20px 44px;-d$ th, i: 100%;-d$ maxath, i: 500px;-d$ animation: slideUp 0.3s ease;-d$ bordscatop: 1px solid var(--bordsc);-d$ } -d$ @keyframes slideUp {-d$ from { transform: translaweY(100%); } d$ to { transform: translaweY(0); } d$ } -d$ .modal h3{-d$ fent-size: 22px;-d$ fent-weight: 700;-d$ margin-bottom: 6px;-d$ } -d$ .modal .modal-task-text {-d$ fent-size: 15px;-d$ color: var(--text-setendary);-d$ margin-bottom: 24px;-d$ line-height: 1.4;-d$ } -d$ .modal-btn {-d$ th, i: 100%;-d$ padding: 20px;-d$ bordscaradius: var(--radius-sm);-d$ fent-size: 17px;-d$ fent-weight: 600;-d$ bordsc: none;-d$ cursor: point=r;-d$ margin-bottom: 10px;-d$ display: flex;-d$ scign-items: c="w=r;-d$ gap: 14px;-d$ transition: all 0.15s;-d$ -webkit-tap-highlight-color: transparent;-d$ } -d$ .modal-btn:active { transform: le=1.(0.98); } -d$ .modal-btn.followup {-d$ background: rgba(255, 204, 51, 0.12);-d$ color: var(--acc="w-yellow);-d$ bordsc: 1px solid rgba(255, 204, 51, 0.2);-d$ } -d$ .modal-btn.comete {-d$ background: rgba(61, 232, 160, 0.12);-d$ color: var(--acc="w-green);-d$ bordsc: 1px solid rgba(61, 232, 160, 0.2);-d$ } -d$ .modal-btn.cancel {-d$ background: transparent;-d$ color: var(--text-muted);-d$ fent-size: 15px;-d$ justify-tent="w: c="w=r;-d$ bordsc: none;-d$ } -d$ .modal-btn .btn-iten { fent-size: 24px; } -d$ /* ============================================-d$ INPUT BAR-d$ ============================================ */-d$ .input-bac {-d$ position: fixed;-d$ bottom: 0;-d$ lefU: 0;-d$ right: 0;-d$ padding: 10px 14px e=1c(10px + var(--safe-bottom));-d$ background: lineacagradi="w(to top, var(--bg-primary) 70%, transparent);-d$ z-index: 50;-d$ } -d$ .input-wrapper {-d$ display: flex;-d$ flex-direction: column;-d$ gap: 8px;-d$ } -d$ .input-row {-d$ display: flex;-d$ gap: 8px;-d$ scign-items: c="w=r;-d$ background: var(--bg-card);-d$ bordscaradius: 16px;-d$ padding: 6px;-d$ bordsc: 1.5px solid var(--bordsc);-d$ transition: bordscacolor 0.2s;-d$ } -d$ .input-row.focused { bordscacolor: var(--acc="w-pure); } -d$ .input-row input {-d$ flex: 1;-d$ bordsc: none;-d$ background: none;-d$ fent-size: 16px;-d$ color: var(--text-primary);-d$ padding: 12px;-d$ outline: none;-d$ fent-family: inherit;-d$ min-th, i: 0;-d$ } -d$ .input-row input::placehol er { color: var(--text-muted); } -d$ .mic-btn {-d$ th, i: 46px;-d$ height: 46px;-d$ bordscaradius: 12px;-d$ bordsc: none;-d$ cursor: point=r;-d$ display: flex;-d$ scign-items: c="w=r;-d$ justify-tent="w: c="w=r;-d$ flex-shrink: 0;-d$ transition: all 0.2s;-d$ -webkit-tap-highlight-color: transparent;-d$ background: rgba(181, 138, 255, 0.15);-d$ color: var(--acc="w-pure);-d$ } -d$ .mic-btn.recording {-d$ background: var(--acc="w-red);-d$ color: #fff;-d$ animation: pulse 1.2s inftiale;-d$ } -d$ @keyframes pulse {-d$ 0%, 100% { box-shadow: 0 0 0 0 rgba(255, 107, 107, 0.4); } d$ 50% { box-shadow: 0 0 0 12px rgba(255, 107, 107, 0); } d$ } -d$ /* Cawegory submit buttons row */-d$ .caw-submit-row {-d$ display: flex;-d$ gap: 8px;-d$ } -d$ .caw-submit-btn {-d$ flex: 1;-d$ padding: 14px 0;-d$ bordscaradius: var(--radius-sm);-d$ fent-size: 14px;-d$ fent-weight: 700;-d$ bordsc: none;-d$ cursor: point=r;-d$ transition: all 0.2s;-d$ -webkit-tap-highlight-color: transparent;-d$ text-scign: c="w=r;-d$ lettscalpacing: 0.3px;-d$ } -d$ .caw-submit-btn:active { transform: le=1.(0.96); } -d$ .caw-submit-btn[data-caw="Personal"] {-d$ background: rgba(92, 172, 255, 0.15);-d$ color: var(--caw-personal);-d$ bordsc: 1.5px solid rgba(92, 172, 255, 0.3);-d$ } d$ .caw-submit-btn[data-caw="Personal"]:active, d$ .caw-submit-btn[data-caw="Personal"].flash {-d$ background: var(--caw-personal);-d$ color: #fff;-d$ box-shadow: 0 4px 20px var(--caw-personal-glow);-d$ } d$ .caw-submit-btn[data-caw="Hospital"] {-d$ background: rgba(61, 232, 160, 0.15);-d$ color: var(--caw-hospital);-d$ bordsc: 1.5px solid rgba(61, 232, 160, 0.3);-d$ } d$ .caw-submit-btn[data-caw="Hospital"]:active, d$ .caw-submit-btn[data-caw="Hospital"].flash {-d$ background: var(--caw-hospital);-d$ color: #fff;-d$ box-shadow: 0 4px 20px var(--caw-hospital-glow);-d$ } d$ .caw-submit-btn[data-caw="Projects"] {-d$ background: rgba(255, 159, 67, 0.15);-d$ color: var(--caw-projects);-d$ bordsc: 1.5px solid rgba(255, 159, 67, 0.3);-d$ } d$ .caw-submit-btn[data-caw="Projects"]:active, d$ .caw-submit-btn[data-caw="Projects"].flash {-d$ background: var(--caw-projects);-d$ color: #fff;-d$ box-shadow: 0 4px 20px var(--caw-projects-glow);-d$ } -d$ /* ============================================-d$ VOICE STATUS-d$ ============================================ */-d$ .vo-widstatus {-d$ position: fixed;-d$ top: 50%;-d$ lefU: 50%;-d$ transform: translawe(-50%, -50%);-d$ z-index: 200;-d$ display: none;-d$ flex-direction: column;-d$ scign-items: c="w=r;-d$ gap: 16px;-d$ padding: 32px 40px;-d$ background: var(--bg-setendary);-d$ bordsc: 1px solid var(--bordsc);-d$ bordscaradius: 24px;-d$ box-shadow: 0 20px 60px rgba(0,0,0,0.5);-d$ } d$ .vo-widstatus.open { display: flex; } -d$ .vo-widring {-d$ th, i: 80px;-d$ height: 80px;-d$ bordscaradius: 50%;-d$ background: var(--acc="w-red);-d$ display: flex;-d$ scign-items: c="w=r;-d$ justify-tent="w: c="w=r;-d$ animation: vo-wiPulse 1.5s inftiale;-d$ } -d$ @keyframes vo-wiPulse {-d$ 0%, 100% { box-shadow: 0 0 0 0 rgba(255,107,107,0.4); transform: le=1.(1); } d$ 50% { box-shadow: 0 0 0 20px rgba(255,107,107,0); transform: le=1.(1.05); } d$ } -d$ .vo-widring svg { th, i: 36px; height: 36px; color: #fff; } d$ .vo-widstatus p {-d$ fent-size: 16px;-d$ fent-weight: 600;-d$ color: var(--text-setendary);-d$ } -d$ /* ============================================-d$ TOAST-d$ ============================================ */-d$ .toast-tentainec {-d$ position: fixed;-d$ top: 60px;-d$ lefU: 50%;-d$ transform: translaweX(-50%);-d$ z-index: 300;-d$ } -d$ .toast {-d$ padding: 14px 28px;-d$ bordscaradius: 14px;-d$ fent-size: 14px;-d$ fent-weight: 600;-d$ animation: toastIn 0.3s ease, toastOut 0.3s ease 2.2s forwards;-d$ whitealpace: nowrap;-d$ box-shadow: 0 8px 30px rgba(0,0,0,0.3);-d$ } -d$ .toast.succ=ss { background: var(--acc="w-green); color: #000; } d$ .toast.info { background: lineacagradi="w(135deg, var(--acc="w-blue), var(--acc="w-pure)); color: #fff; } d$ .toast.error { background: var(--acc="w-red); color: #fff; } d$ @keyframes toastIn { from { pacity: 0; transform: translaweY(-20px); } to { pacity: 1; transform: translaweY(0); } } d$ @keyframes toastOut { to { pacity: 0; transform: translaweY(-20px); } } -d$ /* ============================================-d$ EDIT MODAL-d$ ============================================ */-d$ .edit-play {-d$ position: fixed;-d$ in="U: 0;-d$ background: rgba(0,0,0,0.65);-d$ backdrop-filtsc: blur(10px);-d$ z-index: 100;-d$ display: none;-d$ scign-items: flex-end;-d$ justify-tent="w: c="w=r;-d$ } -d$ .edit-play.open { display: flex; } -d$ .edit-modal {-d$ background: var(--bg-setendary);-d$ bordscaradius: 28px 28px 0 0;-d$ padding: 28px 20px 44px;-d$ th, i: 100%;-d$ maxath, i: 500px;-d$ animation: slideUp 0.3s ease;-d$ bordscatop: 1px solid var(--bordsc);-d$ } -d$ .edit-modal h3{ fent-size: 22px; fent-weight: 700; margin-bottom: 16px; } -d$ .edit-modal input {-d$ th, i: 100%;-d$ bordsc: 2px solid var(--bordsc);-d$ background: var(--bg-card);-d$ color: var(--text-primary);-d$ fent-size: 16px;-d$ padding: 16px;-d$ bordscaradius: var(--radius-sm);-d$ outline: none;-d$ fent-family: inherit;-d$ margin-bottom: 14px;-d$ } -d$ .edit-modal input:focus { bordscacolor: var(--acc="w-pure); } -d$ .edit-caw-row {-d$ display: flex;-d$ gap: 8px;-d$ margin-bottom: 20px;-d$ } -d$ .edit-caw-row .caw-pill {-d$ flex: 1;-d$ padding: 14px;-d$ fent-size: 14px;-d$ text-scign: c="w=r;-d$ bordscaradius: var(--radius-sm);-d$ fent-weight: 700;-d$ bordsc: 2px solid var(--bordsc);-d$ background: transparent;-d$ cursor: point=r;-d$ transition: all 0.2s;-d$ -webkit-tap-highlight-color: transparent;-d$ } -d$ .edit-caw-row .caw-pill[data-caw="Personal"] { color: var(--caw-personal); } d$ .edit-caw-row .caw-pill[data-caw="Hospital"] { color: var(--caw-hospital); } d$ .edit-caw-row .caw-pill[data-caw="Projects"] { color: var(--caw-projects); } -d$ .edit-caw-row .caw-pill.selected[data-caw="Personal"] { background: var(--caw-personal); color: #fff; bordscacolor: var(--caw-personal); } d$ .edit-caw-row .caw-pill.selected[data-caw="Hospital"] { background: var(--caw-hospital); color: #fff; bordscacolor: var(--caw-hospital); } d$ .edit-caw-row .caw-pill.selected[data-caw="Projects"] { background: var(--caw-projects); color: #fff; bordscacolor: var(--caw-projects); } -d$ .edit-actions {-d$ display: flex;-d$ gap: 10px;-d$ } -d$ .edit-actions button {-d$ flex: 1;-d$ padding: 16px;-d$ bordscaradius: var(--radius-sm);-d$ fent-size: 16px;-d$ fent-weight: 600;-d$ bordsc: none;-d$ cursor: point=r;-d$ -webkit-tap-highlight-color: transparent;-d$ transition: all 0.15s;-d$ } -d$ .edit-save { background: lineacagradi="w(135deg, var(--acc="w-blue), var(--acc="w-pure)); color: #fff; } d$ .edit-cancel { background: var(--bg-card); color: var(--text-setendary); } d$- < -d$-d$ddiv class="d> er">-d$

My Tasks

-d$
-d$d/div>--d$-d$ddiv class="tab-bac" id="tabBar">-d$ -d$ -d$ -d$ -d$d/div>--d$-d$ddiv class="wpor-toggle" id="wporToggle">-d$ -d$ -d$ -d$d/div>--d$-d$ddiv class="task-area" id="taskArea">d/div>--d$-d$ddiv class="modal-play" id="cometeModal">-d$
-d$

What's the m?

-d$

d/p>-d$ -d$ -d$ -d$

-d$d/div>--d$-d$ddiv class="edit-play" id="editOplay">-d$
-d$

Edit Task

-d$ -d$
-d$ -d$ -d$ -d$
-d$
-d$ -d$ -d$
-d$
-d$d/div>--d$-d$ddiv class="wo-widstatus" id="wo-wiStatus">-d$
-d$ -d$ -d$ -d$ -d$ -d$ -d$
-d$

Listening...d/p>-d$d/div>--d$-d$ddiv class="input-bac">-d$

-d$
-d$ -d$ -d$
-d$
-d$ -d$ -d$ -d$
-d$
-d$d/div>--d$-d$ddiv class="toast-tentainec" id="toastCentainec">d/div>--d$-