{"id":2,"date":"2026-05-22T02:04:44","date_gmt":"2026-05-22T02:04:44","guid":{"rendered":"https:\/\/commandbrief.app\/?page_id=2"},"modified":"2026-05-22T06:07:37","modified_gmt":"2026-05-22T06:07:37","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/commandbrief.app\/","title":{"rendered":""},"content":{"rendered":"\n<!-- Super Simple Checklist - Apple Minimal Version with Light\/Dark Toggle + Custom Categories -->\n<!-- WordPress \/ Elementor friendly -->\n<!-- Saves tasks, categories, and theme preference in the visitor's browser using localStorage. -->\n\n<div id=\"commandbrief-app\">\n  <style>\n    @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\");\n\n    #commandbrief-app,\n    #commandbrief-app * {\n      box-sizing: border-box;\n    }\n\n    #commandbrief-app {\n      --cb-bg: #f6f7fb;\n      --cb-bg-soft: #ffffff;\n      --cb-panel: rgba(255, 255, 255, 0.74);\n      --cb-panel-strong: rgba(255, 255, 255, 0.94);\n      --cb-card: rgba(255, 255, 255, 0.88);\n      --cb-text: #0f172a;\n      --cb-heading: #071226;\n      --cb-muted: #667085;\n      --cb-soft: #344054;\n      --cb-border: rgba(15, 23, 42, 0.10);\n      --cb-border-strong: rgba(15, 23, 42, 0.16);\n      --cb-accent: #5b5ff7;\n      --cb-accent-2: #2997ff;\n      --cb-accent-soft: rgba(91, 95, 247, 0.10);\n      --cb-success: #34c759;\n      --cb-danger: #ff3b30;\n      --cb-shadow: 0 24px 70px rgba(15, 23, 42, 0.10);\n      --cb-shadow-soft: 0 12px 30px rgba(15, 23, 42, 0.08);\n\n      font-family: Inter, -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"SF Pro Text\", Arial, sans-serif;\n      color: var(--cb-text);\n      background:\n        radial-gradient(circle at top left, rgba(91, 95, 247, 0.12), transparent 30%),\n        radial-gradient(circle at bottom right, rgba(41, 151, 255, 0.12), transparent 25%),\n        linear-gradient(135deg, var(--cb-bg), var(--cb-bg-soft));\n      padding: 28px 16px;\n      border-radius: 32px;\n      max-width: 1220px;\n      margin: 0 auto;\n      box-shadow: var(--cb-shadow);\n      border: 1px solid rgba(255,255,255,0.72);\n      transition: background 0.25s ease, color 0.25s ease;\n    }\n\n    #commandbrief-app[data-theme=\"dark\"] {\n      --cb-bg: #050507;\n      --cb-bg-soft: #111114;\n      --cb-panel: rgba(28, 28, 30, 0.76);\n      --cb-panel-strong: rgba(36, 36, 39, 0.94);\n      --cb-card: rgba(28, 28, 30, 0.90);\n      --cb-text: #f5f5f7;\n      --cb-heading: #ffffff;\n      --cb-muted: #a1a1aa;\n      --cb-soft: #d4d4d8;\n      --cb-border: rgba(255, 255, 255, 0.10);\n      --cb-border-strong: rgba(255, 255, 255, 0.18);\n      --cb-accent: #7c7cff;\n      --cb-accent-2: #0a84ff;\n      --cb-accent-soft: rgba(124, 124, 255, 0.16);\n      --cb-success: #30d158;\n      --cb-danger: #ff453a;\n      --cb-shadow: 0 24px 70px rgba(0, 0, 0, 0.40);\n      --cb-shadow-soft: 0 12px 30px rgba(0, 0, 0, 0.28);\n\n      border-color: rgba(255,255,255,0.08);\n    }\n\n    #commandbrief-app h1,\n    #commandbrief-app h2,\n    #commandbrief-app h3,\n    #commandbrief-app h4,\n    #commandbrief-app p {\n      margin: 0;\n    }\n\n    #commandbrief-app button,\n    #commandbrief-app input,\n    #commandbrief-app textarea {\n      font-family: inherit;\n    }\n\n    #commandbrief-app .cb-shell {\n      width: 100%;\n    }\n\n    #commandbrief-app .cb-hero {\n      background: var(--cb-panel);\n      border: 1px solid var(--cb-border);\n      border-radius: 30px;\n      padding: 28px;\n      margin-bottom: 20px;\n      box-shadow: var(--cb-shadow-soft);\n      backdrop-filter: blur(22px);\n      -webkit-backdrop-filter: blur(22px);\n    }\n\n    #commandbrief-app .cb-hero-top {\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-start;\n      gap: 18px;\n    }\n\n    #commandbrief-app .cb-brand {\n      display: flex;\n      align-items: center;\n      gap: 18px;\n      min-width: 0;\n    }\n\n    #commandbrief-app .cb-logo {\n      width: 74px;\n      height: 74px;\n      border-radius: 22px;\n      background: linear-gradient(145deg, #7068ff, #43b7ff);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #ffffff;\n      box-shadow: 0 18px 38px rgba(91, 95, 247, 0.24);\n      flex: 0 0 auto;\n      position: relative;\n      overflow: hidden;\n    }\n\n    #commandbrief-app .cb-logo:after {\n      content: \"\";\n      position: absolute;\n      inset: 1px;\n      border-radius: 21px;\n      background: linear-gradient(180deg, rgba(255,255,255,0.30), transparent 46%);\n      pointer-events: none;\n    }\n\n    #commandbrief-app .cb-logo svg {\n      width: 39px;\n      height: 39px;\n      position: relative;\n      z-index: 2;\n    }\n\n    #commandbrief-app .cb-brand-kicker {\n      display: inline-flex;\n      align-items: center;\n      gap: 7px;\n      color: var(--cb-accent);\n      font-size: 13px;\n      font-weight: 900;\n      letter-spacing: 0.24em;\n      text-transform: uppercase;\n      margin-bottom: 8px;\n    }\n\n    #commandbrief-app .cb-brand-title {\n      font-size: clamp(40px, 5.4vw, 70px);\n      line-height: 0.98;\n      letter-spacing: -0.045em;\n      font-weight: 850;\n      color: var(--cb-heading);\n      word-spacing: 0.08em;\n    }\n\n    #commandbrief-app .cb-brand-title span {\n      background: linear-gradient(135deg, #6d5dfc, #4f63f5 48%, #2997ff);\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent;\n    }\n\n    #commandbrief-app .cb-brand-subtext {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      margin-top: 12px;\n      color: var(--cb-muted);\n      font-size: 14px;\n      font-weight: 650;\n      letter-spacing: -0.01em;\n      line-height: 1.4;\n    }\n\n    #commandbrief-app .cb-brand-subdot {\n      width: 8px;\n      height: 8px;\n      border-radius: 999px;\n      background: var(--cb-success);\n      box-shadow: 0 0 0 5px rgba(52, 199, 89, 0.12);\n      flex: 0 0 auto;\n    }\n\n    #commandbrief-app .cb-hero-actions {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      flex: 0 0 auto;\n    }\n\n    #commandbrief-app .cb-theme-toggle {\n      border: 1px solid var(--cb-border);\n      background: var(--cb-panel-strong);\n      color: var(--cb-text);\n      border-radius: 999px;\n      padding: 10px 13px;\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      cursor: pointer;\n      font-size: 13px;\n      font-weight: 850;\n      box-shadow: var(--cb-shadow-soft);\n      transition: transform 0.18s ease, border 0.18s ease, background 0.18s ease;\n      white-space: nowrap;\n    }\n\n    #commandbrief-app .cb-theme-toggle:hover {\n      transform: translateY(-1px);\n      border-color: var(--cb-border-strong);\n    }\n\n    #commandbrief-app .cb-theme-icon {\n      width: 22px;\n      height: 22px;\n      border-radius: 999px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      background: var(--cb-accent-soft);\n      color: var(--cb-accent);\n      font-size: 13px;\n      font-weight: 950;\n    }\n\n    #commandbrief-app .cb-data-button {\n      border: 1px solid var(--cb-border);\n      background: var(--cb-panel-strong);\n      color: var(--cb-text);\n      border-radius: 999px;\n      padding: 10px 13px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      cursor: pointer;\n      font-size: 13px;\n      font-weight: 850;\n      box-shadow: var(--cb-shadow-soft);\n      transition: transform 0.18s ease, border 0.18s ease, background 0.18s ease;\n      white-space: nowrap;\n    }\n\n    #commandbrief-app .cb-data-button:hover {\n      transform: translateY(-1px);\n      border-color: var(--cb-border-strong);\n    }\n\n    #commandbrief-app .cb-upload-input {\n      display: none;\n    }\n\n    #commandbrief-app .cb-stats {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 14px;\n      margin-top: 28px;\n    }\n\n    #commandbrief-app .cb-stat {\n      background: var(--cb-panel-strong);\n      border: 1px solid var(--cb-border);\n      border-radius: 24px;\n      padding: 22px 20px;\n      box-shadow: var(--cb-shadow-soft);\n    }\n\n    #commandbrief-app .cb-stat-number {\n      display: block;\n      font-size: 38px;\n      line-height: 1;\n      font-weight: 900;\n      color: var(--cb-heading);\n      letter-spacing: -0.055em;\n    }\n\n    #commandbrief-app .cb-stat-label {\n      display: block;\n      margin-top: 8px;\n      color: var(--cb-muted);\n      font-size: 13px;\n      text-transform: uppercase;\n      letter-spacing: 0.16em;\n      font-weight: 900;\n    }\n\n    #commandbrief-app .cb-layout {\n      display: grid;\n      grid-template-columns: 300px minmax(0, 1fr);\n      gap: 20px;\n    }\n\n    #commandbrief-app .cb-sidebar {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n\n    #commandbrief-app .cb-tab {\n      width: 100%;\n      text-align: left;\n      border: 1px solid var(--cb-border);\n      background: var(--cb-panel);\n      color: var(--cb-text);\n      border-radius: 24px;\n      padding: 16px;\n      cursor: pointer;\n      transition: transform 0.18s ease, border 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;\n      box-shadow: var(--cb-shadow-soft);\n      backdrop-filter: blur(18px);\n      -webkit-backdrop-filter: blur(18px);\n    }\n\n    #commandbrief-app .cb-tab:hover {\n      transform: translateY(-1px);\n      border-color: var(--cb-border-strong);\n    }\n\n    #commandbrief-app .cb-tab.cb-active {\n      background: linear-gradient(135deg, var(--cb-accent-soft), var(--cb-panel-strong));\n      border-color: rgba(91, 95, 247, 0.34);\n      box-shadow: 0 18px 40px rgba(91, 95, 247, 0.12);\n    }\n\n    #commandbrief-app .cb-tab-top {\n      display: flex;\n      justify-content: space-between;\n      gap: 12px;\n      align-items: center;\n      margin-bottom: 8px;\n    }\n\n    #commandbrief-app .cb-tab-title-wrap {\n      display: flex;\n      align-items: center;\n      gap: 9px;\n      min-width: 0;\n    }\n\n    #commandbrief-app .cb-tab-icon {\n      width: 28px;\n      height: 28px;\n      border-radius: 10px;\n      background: var(--cb-accent-soft);\n      color: var(--cb-accent);\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 14px;\n      flex: 0 0 auto;\n      font-weight: 900;\n    }\n\n    #commandbrief-app .cb-category-name-input {\n      width: 100%;\n      min-width: 0;\n      border: 0;\n      background: transparent;\n      box-shadow: none;\n      border-radius: 8px;\n      padding: 0;\n      font-size: 17px;\n      font-weight: 900;\n      color: var(--cb-heading);\n      letter-spacing: -0.035em;\n      line-height: 1.2;\n      cursor: text;\n    }\n\n    #commandbrief-app .cb-category-name-input:focus {\n      background: var(--cb-accent-soft);\n      box-shadow: 0 0 0 3px var(--cb-accent-soft);\n      border: 0;\n      padding: 2px 4px;\n      margin: -2px -4px;\n    }\n\n    #commandbrief-app .cb-badge {\n      background: var(--cb-accent-soft);\n      border: 1px solid rgba(91, 95, 247, 0.14);\n      color: var(--cb-accent);\n      border-radius: 999px;\n      padding: 5px 10px;\n      font-size: 12px;\n      white-space: nowrap;\n      font-weight: 850;\n    }\n\n    #commandbrief-app .cb-main-actions {\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n      gap: 10px;\n      flex-wrap: wrap;\n    }\n\n    #commandbrief-app .cb-clear-completed-btn {\n      border: 1px solid rgba(255, 59, 48, 0.16);\n      background: var(--cb-panel-strong);\n      color: var(--cb-danger);\n      border-radius: 999px;\n      padding: 7px 11px;\n      font-size: 12px;\n      font-weight: 850;\n      cursor: pointer;\n      transition: transform 0.18s ease, opacity 0.18s ease, background 0.18s ease;\n      white-space: nowrap;\n    }\n\n    #commandbrief-app .cb-clear-completed-btn:hover {\n      transform: translateY(-1px);\n      background: var(--cb-card);\n    }\n\n    #commandbrief-app .cb-clear-completed-btn:disabled {\n      opacity: 0.42;\n      cursor: not-allowed;\n      transform: none;\n    }\n\n    #commandbrief-app .cb-tab-desc {\n      color: var(--cb-muted);\n      font-size: 13px;\n      line-height: 1.45;\n    }\n\n    #commandbrief-app .cb-category-maker {\n      background: var(--cb-panel);\n      border: 1px solid var(--cb-border);\n      border-radius: 24px;\n      padding: 14px;\n      box-shadow: var(--cb-shadow-soft);\n      backdrop-filter: blur(18px);\n      -webkit-backdrop-filter: blur(18px);\n    }\n\n    #commandbrief-app .cb-category-maker-title {\n      font-size: 13px;\n      font-weight: 900;\n      color: var(--cb-heading);\n      margin-bottom: 9px;\n      letter-spacing: -0.02em;\n    }\n\n    #commandbrief-app .cb-category-row {\n      display: grid;\n      grid-template-columns: 1fr auto;\n      gap: 8px;\n      align-items: center;\n    }\n\n    #commandbrief-app .cb-category-row input {\n      min-width: 0;\n      padding: 11px 12px;\n      border-radius: 14px;\n      font-size: 14px;\n    }\n\n    #commandbrief-app .cb-category-add-btn {\n      border: 0;\n      background: var(--cb-accent);\n      color: #ffffff;\n      border-radius: 14px;\n      padding: 11px 13px;\n      font-size: 14px;\n      font-weight: 900;\n      cursor: pointer;\n      transition: transform 0.18s ease, opacity 0.18s ease;\n      white-space: nowrap;\n    }\n\n    #commandbrief-app .cb-category-add-btn:hover {\n      transform: translateY(-1px);\n    }\n\n    #commandbrief-app .cb-reset-btn {\n      border: 1px solid rgba(255, 59, 48, 0.16);\n      background: var(--cb-panel);\n      color: var(--cb-danger);\n      border-radius: 18px;\n      padding: 13px 14px;\n      cursor: pointer;\n      font-weight: 850;\n      transition: transform 0.18s ease, background 0.18s ease;\n      box-shadow: var(--cb-shadow-soft);\n    }\n\n    #commandbrief-app .cb-reset-btn:hover {\n      transform: translateY(-1px);\n      background: var(--cb-panel-strong);\n    }\n\n    #commandbrief-app .cb-main {\n      background: var(--cb-panel);\n      border: 1px solid var(--cb-border);\n      border-radius: 30px;\n      padding: 22px;\n      box-shadow: var(--cb-shadow-soft);\n      backdrop-filter: blur(22px);\n      -webkit-backdrop-filter: blur(22px);\n    }\n\n    #commandbrief-app .cb-main-head {\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-start;\n      gap: 16px;\n      margin-bottom: 18px;\n    }\n\n    #commandbrief-app .cb-section-title {\n      font-size: 34px;\n      line-height: 1.08;\n      font-weight: 850;\n      color: var(--cb-heading);\n      letter-spacing: -0.04em;\n    }\n\n    #commandbrief-app .cb-section-subtitle {\n      color: var(--cb-muted);\n      margin-top: 6px;\n      font-size: 15px;\n      line-height: 1.45;\n      font-weight: 600;\n    }\n\n    #commandbrief-app .cb-form {\n      background: var(--cb-panel-strong);\n      border: 1px solid var(--cb-border);\n      border-radius: 25px;\n      padding: 18px;\n      margin-bottom: 22px;\n      box-shadow: inset 0 1px 0 rgba(255,255,255,0.24);\n    }\n\n    #commandbrief-app .cb-focus-section {\n      background: linear-gradient(135deg, var(--cb-accent-soft), var(--cb-panel-strong));\n      border: 1px solid rgba(91, 95, 247, 0.16);\n      border-radius: 25px;\n      padding: 18px;\n      margin-bottom: 22px;\n      box-shadow: var(--cb-shadow-soft);\n    }\n\n    #commandbrief-app .cb-focus-head {\n      display: flex;\n      justify-content: space-between;\n      gap: 14px;\n      align-items: flex-start;\n      margin-bottom: 14px;\n    }\n\n    #commandbrief-app .cb-focus-title {\n      font-size: 21px;\n      font-weight: 900;\n      color: var(--cb-heading);\n      letter-spacing: -0.045em;\n      line-height: 1.1;\n    }\n\n    #commandbrief-app .cb-focus-subtitle {\n      color: var(--cb-muted);\n      font-size: 13px;\n      margin-top: 5px;\n      line-height: 1.45;\n      font-weight: 600;\n    }\n\n    #commandbrief-app label {\n      display: block;\n      color: var(--cb-soft);\n      font-size: 13px;\n      font-weight: 850;\n      margin-bottom: 8px;\n    }\n\n    #commandbrief-app input,\n    #commandbrief-app textarea {\n      width: 100%;\n      border: 1px solid var(--cb-border);\n      background: var(--cb-card);\n      color: var(--cb-text);\n      border-radius: 16px;\n      padding: 13px 14px;\n      font-size: 15px;\n      outline: none;\n      transition: border 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;\n      box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);\n    }\n\n    #commandbrief-app input::placeholder,\n    #commandbrief-app textarea::placeholder {\n      color: var(--cb-muted);\n      opacity: 0.72;\n    }\n\n    #commandbrief-app input:focus,\n    #commandbrief-app textarea:focus {\n      border-color: rgba(91, 95, 247, 0.55);\n      box-shadow: 0 0 0 4px var(--cb-accent-soft);\n      background: var(--cb-bg-soft);\n    }\n\n    #commandbrief-app[data-theme=\"dark\"] input:focus,\n    #commandbrief-app[data-theme=\"dark\"] textarea:focus {\n      background: rgba(44, 44, 48, 0.92);\n    }\n\n    #commandbrief-app textarea {\n      resize: vertical;\n      min-height: 92px;\n      line-height: 1.55;\n    }\n\n    #commandbrief-app .cb-field {\n      margin-bottom: 14px;\n    }\n\n    #commandbrief-app .cb-add-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      border: 0;\n      background: linear-gradient(135deg, var(--cb-accent), var(--cb-accent-2));\n      color: #ffffff;\n      border-radius: 16px;\n      padding: 13px 19px;\n      font-weight: 900;\n      cursor: pointer;\n      transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;\n      box-shadow: 0 14px 26px rgba(91, 95, 247, 0.22);\n    }\n\n    #commandbrief-app .cb-add-btn:hover {\n      transform: translateY(-1px);\n      box-shadow: 0 18px 34px rgba(91, 95, 247, 0.26);\n    }\n\n    #commandbrief-app .cb-add-btn:disabled {\n      opacity: 0.46;\n      cursor: not-allowed;\n      transform: none;\n      box-shadow: none;\n    }\n\n    #commandbrief-app .cb-columns {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 18px;\n    }\n\n    #commandbrief-app .cb-column-head {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 12px;\n    }\n\n    #commandbrief-app .cb-column-title {\n      font-size: 19px;\n      font-weight: 900;\n      color: var(--cb-heading);\n      letter-spacing: -0.04em;\n    }\n\n    #commandbrief-app .cb-empty {\n      border: 1px dashed var(--cb-border-strong);\n      background: var(--cb-panel-strong);\n      border-radius: 22px;\n      color: var(--cb-muted);\n      padding: 24px;\n      text-align: center;\n      line-height: 1.6;\n      font-size: 14px;\n    }\n\n    #commandbrief-app .cb-task-list {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n\n    #commandbrief-app .cb-task {\n      background: var(--cb-panel-strong);\n      border: 1px solid var(--cb-border);\n      border-radius: 22px;\n      padding: 16px;\n      box-shadow: var(--cb-shadow-soft);\n    }\n\n    #commandbrief-app .cb-task-top {\n      display: grid;\n      grid-template-columns: auto minmax(0, 1fr) auto;\n      gap: 12px;\n      align-items: flex-start;\n      margin-bottom: 12px;\n    }\n\n    #commandbrief-app .cb-check-btn,\n    #commandbrief-app .cb-focus-btn,\n    #commandbrief-app .cb-delete-btn {\n      border: 0;\n      background: transparent;\n      color: var(--cb-soft);\n      cursor: pointer;\n      padding: 0;\n      transition: transform 0.18s ease, color 0.18s ease, background 0.18s ease, border 0.18s ease;\n    }\n\n    #commandbrief-app .cb-check-btn {\n      width: 30px;\n      height: 30px;\n      border-radius: 999px;\n      border: 2px solid var(--cb-border-strong);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 16px;\n      line-height: 1;\n      font-weight: 950;\n      background: var(--cb-card);\n      flex: 0 0 auto;\n    }\n\n    #commandbrief-app .cb-check-btn:hover {\n      border-color: var(--cb-accent);\n      color: var(--cb-accent);\n      transform: scale(1.05);\n    }\n\n    #commandbrief-app .cb-completed .cb-check-btn {\n      background: var(--cb-success);\n      color: #ffffff;\n      border-color: var(--cb-success);\n    }\n\n    #commandbrief-app .cb-task-actions {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n      flex: 0 0 auto;\n    }\n\n    #commandbrief-app .cb-focus-btn {\n      color: var(--cb-muted);\n      border-radius: 10px;\n      padding: 5px 7px;\n      font-size: 18px;\n      line-height: 1;\n    }\n\n    #commandbrief-app .cb-focus-btn:hover,\n    #commandbrief-app .cb-focus-btn.cb-focused {\n      color: var(--cb-accent);\n      background: var(--cb-accent-soft);\n      transform: scale(1.05);\n    }\n\n    #commandbrief-app .cb-delete-btn {\n      color: var(--cb-muted);\n      border-radius: 10px;\n      padding: 5px 8px;\n      font-size: 20px;\n      line-height: 1;\n      flex: 0 0 auto;\n    }\n\n    #commandbrief-app .cb-delete-btn:hover {\n      color: var(--cb-danger);\n      background: rgba(255, 59, 48, 0.10);\n    }\n\n    #commandbrief-app .cb-title-input {\n      width: 100%;\n      border: 0;\n      background: transparent;\n      box-shadow: none;\n      border-radius: 8px;\n      padding: 0;\n      font-weight: 850;\n      color: var(--cb-text);\n      line-height: 1.35;\n      overflow-wrap: anywhere;\n      font-size: 15px;\n      letter-spacing: -0.018em;\n    }\n\n    #commandbrief-app .cb-title-input:focus {\n      background: var(--cb-accent-soft);\n      box-shadow: 0 0 0 3px var(--cb-accent-soft);\n      border: 0;\n      padding: 2px 4px;\n      margin: -2px -4px;\n    }\n\n    #commandbrief-app .cb-completed .cb-title-input {\n      color: var(--cb-muted);\n      text-decoration: line-through;\n    }\n\n    #commandbrief-app .cb-date {\n      color: var(--cb-muted);\n      font-size: 12px;\n      margin-top: 5px;\n      line-height: 1.4;\n    }\n\n    #commandbrief-app .cb-note-box {\n      min-height: 92px;\n      font-size: 14px;\n    }\n\n    @media (max-width: 920px) {\n      #commandbrief-app .cb-layout,\n      #commandbrief-app .cb-columns {\n        grid-template-columns: 1fr;\n      }\n\n      #commandbrief-app .cb-hero-top {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n    }\n\n    @media (max-width: 640px) {\n      #commandbrief-app {\n        padding: 14px 10px;\n        border-radius: 20px;\n      }\n\n      #commandbrief-app .cb-hero,\n      #commandbrief-app .cb-main {\n        padding: 18px;\n        border-radius: 24px;\n      }\n\n      #commandbrief-app .cb-brand {\n        align-items: flex-start;\n      }\n\n      #commandbrief-app .cb-logo {\n        width: 58px;\n        height: 58px;\n        border-radius: 18px;\n      }\n\n      #commandbrief-app .cb-logo svg {\n        width: 31px;\n        height: 31px;\n      }\n\n      #commandbrief-app .cb-brand-title {\n        font-size: 40px;\n        letter-spacing: -0.035em;\n        word-spacing: 0.06em;\n      }\n\n      #commandbrief-app .cb-stats {\n        grid-template-columns: 1fr;\n      }\n\n      #commandbrief-app .cb-main-head {\n        flex-direction: column;\n      }\n\n      #commandbrief-app .cb-hero-actions {\n        width: 100%;\n      }\n\n      #commandbrief-app .cb-theme-toggle,\n      #commandbrief-app .cb-data-button {\n        width: 100%;\n        justify-content: center;\n      }\n    }\n  <\/style>\n\n  <div class=\"cb-shell\">\n    <section class=\"cb-hero\">\n      <div class=\"cb-hero-top\">\n        <div class=\"cb-brand\">\n          <div class=\"cb-logo\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M9.2 16.6L4.9 12.3L6.35 10.85L9.2 13.68L17.65 5.22L19.1 6.68L9.2 16.6Z\" fill=\"white\"><\/path>\n              <path d=\"M19 13.2V18.2C19 19.3 18.1 20.2 17 20.2H6C4.9 20.2 4 19.3 4 18.2V7.2C4 6.1 4.9 5.2 6 5.2H12\" stroke=\"white\" stroke-width=\"1.8\" stroke-linecap=\"round\"><\/path>\n            <\/svg>\n          <\/div>\n\n          <div>\n            <div class=\"cb-brand-kicker\">Organize your day<\/div>\n            <h1 class=\"cb-brand-title\">Super Simple <span>Checklist<\/span><\/h1>\n            <p class=\"cb-brand-subtext\">\n              <span class=\"cb-brand-subdot\"><\/span>\n              Saves automatically in your browser &#8211; Use save\/upload buttons  if switching browsers\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"cb-hero-actions\">\n          <button class=\"cb-theme-toggle\" id=\"cb-theme-toggle\" type=\"button\" aria-label=\"Toggle light and dark mode\">\n            <span class=\"cb-theme-icon\">\u263e<\/span>\n            <span>Dark<\/span>\n          <\/button>\n          <button class=\"cb-data-button\" id=\"cb-export-data-btn\" type=\"button\">Save data<\/button>\n          <button class=\"cb-data-button\" id=\"cb-import-data-btn\" type=\"button\">Upload data<\/button>\n          <input class=\"cb-upload-input\" id=\"cb-import-data-input\" type=\"file\" accept=\"application\/json,.json\" \/>\n        <\/div>\n      <\/div>\n\n      <div class=\"cb-stats\">\n        <div class=\"cb-stat\">\n          <span class=\"cb-stat-number\" id=\"cb-active-count\">0<\/span>\n          <span class=\"cb-stat-label\">Active<\/span>\n        <\/div>\n        <div class=\"cb-stat\">\n          <span class=\"cb-stat-number\" id=\"cb-completed-count\">0<\/span>\n          <span class=\"cb-stat-label\">Completed<\/span>\n        <\/div>\n        <div class=\"cb-stat\">\n          <span class=\"cb-stat-number\" id=\"cb-total-count\">0<\/span>\n          <span class=\"cb-stat-label\">Total<\/span>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <div class=\"cb-layout\">\n      <aside class=\"cb-sidebar\" id=\"cb-sidebar\"><\/aside>\n\n      <main class=\"cb-main\">\n        <div class=\"cb-main-head\">\n          <div>\n            <h2 class=\"cb-section-title\" id=\"cb-current-section\">Work<\/h2>\n            <p class=\"cb-section-subtitle\">Add tasks, leave notes, then check them off.<\/p>\n          <\/div>\n          <div class=\"cb-main-actions\">\n            <span class=\"cb-badge\" id=\"cb-section-counts\">0 active \u00b7 0 completed<\/span>\n            <button class=\"cb-clear-completed-btn\" id=\"cb-clear-completed-btn\" type=\"button\" disabled>Clear completed<\/button>\n          <\/div>\n        <\/div>\n\n        <form class=\"cb-form\" id=\"cb-task-form\">\n          <div class=\"cb-field\">\n            <label for=\"cb-task-title\">New task<\/label>\n            <input id=\"cb-task-title\" type=\"text\" placeholder=\"Add a task...\" autocomplete=\"off\" \/>\n          <\/div>\n\n          <div class=\"cb-field\">\n            <label for=\"cb-task-notes\">Notes<\/label>\n            <textarea id=\"cb-task-notes\" placeholder=\"Optional notes, context, links, reminders, next steps...\"><\/textarea>\n          <\/div>\n\n          <button class=\"cb-add-btn\" id=\"cb-add-btn\" type=\"submit\" disabled>+ Add Task<\/button>\n        <\/form>\n\n        <section class=\"cb-focus-section\" id=\"cb-focus-section\">\n          <div class=\"cb-focus-head\">\n            <div>\n              <h3 class=\"cb-focus-title\">Today&#8217;s Focus<\/h3>\n              <p class=\"cb-focus-subtitle\">Star active tasks to keep the important stuff in one place.<\/p>\n            <\/div>\n            <span class=\"cb-badge\" id=\"cb-focus-count\">0<\/span>\n          <\/div>\n          <div id=\"cb-focus-list\"><\/div>\n        <\/section>\n\n        <div class=\"cb-columns\">\n          <section>\n            <div class=\"cb-column-head\">\n              <h3 class=\"cb-column-title\">Active Tasks<\/h3>\n              <span class=\"cb-badge\" id=\"cb-active-section-count\">0<\/span>\n            <\/div>\n            <div id=\"cb-active-list\"><\/div>\n          <\/section>\n\n          <section>\n            <div class=\"cb-column-head\">\n              <h3 class=\"cb-column-title\">Completed<\/h3>\n              <span class=\"cb-badge\" id=\"cb-completed-section-count\">0<\/span>\n            <\/div>\n            <div id=\"cb-completed-list\"><\/div>\n          <\/section>\n        <\/div>\n      <\/main>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function () {\n      var STORAGE_KEY = \"super-simple-checklist-tasks-v1\";\n      var THEME_KEY = \"super-simple-checklist-theme-v1\";\n      var CATEGORY_KEY = \"super-simple-checklist-categories-v1\";\n      var activeCategory = \"work\";\n\n      var defaultCategories = [\n        {\n          id: \"work\",\n          label: \"Work\",\n          icon: \"\u2318\",\n          description: \"Projects, follow-ups, admin, clients, and anything tied to making money.\",\n          custom: false\n        },\n        {\n          id: \"personal\",\n          label: \"Personal\",\n          icon: \"\u25cf\",\n          description: \"Errands, appointments, life stuff, habits, health, and home.\",\n          custom: false\n        },\n        {\n          id: \"other\",\n          label: \"Other\",\n          icon: \"+\",\n          description: \"Loose ends, random reminders, and everything that doesn\u2019t fit elsewhere.\",\n          custom: false\n        }\n      ];\n\n      var root = document.getElementById(\"commandbrief-app\");\n      if (!root) return;\n\n      var sidebar = root.querySelector(\"#cb-sidebar\");\n      var form = root.querySelector(\"#cb-task-form\");\n      var titleInput = root.querySelector(\"#cb-task-title\");\n      var notesInput = root.querySelector(\"#cb-task-notes\");\n      var addButton = root.querySelector(\"#cb-add-btn\");\n      var activeList = root.querySelector(\"#cb-active-list\");\n      var completedList = root.querySelector(\"#cb-completed-list\");\n      var currentSection = root.querySelector(\"#cb-current-section\");\n      var sectionCounts = root.querySelector(\"#cb-section-counts\");\n      var activeCount = root.querySelector(\"#cb-active-count\");\n      var completedCount = root.querySelector(\"#cb-completed-count\");\n      var totalCount = root.querySelector(\"#cb-total-count\");\n      var activeSectionCount = root.querySelector(\"#cb-active-section-count\");\n      var completedSectionCount = root.querySelector(\"#cb-completed-section-count\");\n      var focusList = root.querySelector(\"#cb-focus-list\");\n      var focusCount = root.querySelector(\"#cb-focus-count\");\n      var clearCompletedButton = root.querySelector(\"#cb-clear-completed-btn\");\n      var exportDataButton = root.querySelector(\"#cb-export-data-btn\");\n      var importDataButton = root.querySelector(\"#cb-import-data-btn\");\n      var importDataInput = root.querySelector(\"#cb-import-data-input\");\n      var themeToggle = root.querySelector(\"#cb-theme-toggle\");\n\n      var categories = loadCategories();\n      var tasks = loadTasks();\n\n      if (!getCategoryById(activeCategory) && categories.length) {\n        activeCategory = categories[0].id;\n      }\n\n      function loadTasks() {\n        try {\n          var saved = localStorage.getItem(STORAGE_KEY);\n          return saved ? JSON.parse(saved) : [];\n        } catch (error) {\n          return [];\n        }\n      }\n\n      function saveTasks() {\n        localStorage.setItem(STORAGE_KEY, JSON.stringify(tasks));\n      }\n\n      function loadCategories() {\n        try {\n          var saved = localStorage.getItem(CATEGORY_KEY);\n          var parsed = saved ? JSON.parse(saved) : null;\n\n          if (Array.isArray(parsed) && parsed.length) {\n            return parsed.filter(function (category) {\n              return category && category.id && category.label;\n            });\n          }\n\n          return defaultCategories.slice();\n        } catch (error) {\n          return defaultCategories.slice();\n        }\n      }\n\n      function saveCategories() {\n        localStorage.setItem(CATEGORY_KEY, JSON.stringify(categories));\n      }\n\n      function exportData() {\n        var exportPackage = {\n          app: \"Super Simple Checklist\",\n          version: 1,\n          exportedAt: new Date().toISOString(),\n          tasks: tasks,\n          categories: categories,\n          theme: root.getAttribute(\"data-theme\") || \"light\"\n        };\n\n        var blob = new Blob([JSON.stringify(exportPackage, null, 2)], {\n          type: \"application\/json\"\n        });\n\n        var url = URL.createObjectURL(blob);\n        var link = document.createElement(\"a\");\n        var dateStamp = new Date().toISOString().slice(0, 10);\n\n        link.href = url;\n        link.download = \"super-simple-checklist-backup-\" + dateStamp + \".json\";\n        document.body.appendChild(link);\n        link.click();\n        link.remove();\n        URL.revokeObjectURL(url);\n      }\n\n      function importData(file) {\n        if (!file) return;\n\n        var reader = new FileReader();\n\n        reader.onload = function (event) {\n          try {\n            var imported = JSON.parse(event.target.result);\n            var importedTasks = Array.isArray(imported.tasks) ? imported.tasks : [];\n            var importedCategories = Array.isArray(imported.categories) ? imported.categories : [];\n\n            if (!importedTasks.length && !importedCategories.length) {\n              window.alert(\"That file does not look like a Super Simple Checklist backup.\");\n              return;\n            }\n\n            if (!window.confirm(\"Upload this backup? This will replace the checklist data currently saved in this browser.\")) {\n              return;\n            }\n\n            tasks = importedTasks;\n            categories = importedCategories.length ? importedCategories : defaultCategories.slice();\n\n            if (imported.theme === \"light\" || imported.theme === \"dark\") {\n              applyTheme(imported.theme);\n            }\n\n            if (!getCategoryById(activeCategory) && categories.length) {\n              activeCategory = categories[0].id;\n            }\n\n            saveTasks();\n            saveCategories();\n            render();\n            window.alert(\"Checklist uploaded successfully.\");\n          } catch (error) {\n            window.alert(\"Could not upload that file. Please choose a valid backup JSON file.\");\n          }\n        };\n\n        reader.readAsText(file);\n      }\n\n      function loadTheme() {\n        try {\n          var savedTheme = localStorage.getItem(THEME_KEY);\n          if (savedTheme === \"light\" || savedTheme === \"dark\") return savedTheme;\n\n          if (window.matchMedia && window.matchMedia(\"(prefers-color-scheme: dark)\").matches) {\n            return \"dark\";\n          }\n\n          return \"light\";\n        } catch (error) {\n          return \"light\";\n        }\n      }\n\n      function applyTheme(theme) {\n        root.setAttribute(\"data-theme\", theme);\n\n        try {\n          localStorage.setItem(THEME_KEY, theme);\n        } catch (error) {}\n\n        updateThemeButton();\n      }\n\n      function updateThemeButton() {\n        var theme = root.getAttribute(\"data-theme\") || \"light\";\n        var isDark = theme === \"dark\";\n\n        themeToggle.innerHTML =\n          '<span class=\"cb-theme-icon\">' + (isDark ? \"\u2600\ufe0e\" : \"\u263e\") + '<\/span>' +\n          '<span>' + (isDark ? \"Light\" : \"Dark\") + '<\/span>';\n      }\n\n      function makeId() {\n        return \"task-\" + Date.now() + \"-\" + Math.random().toString(16).slice(2);\n      }\n\n      function makeCategoryId(label) {\n        var base = String(label || \"category\")\n          .toLowerCase()\n          .trim()\n          .replace(\/[^a-z0-9]+\/g, \"-\")\n          .replace(\/^-+|-+$\/g, \"\") || \"category\";\n\n        var id = base;\n        var count = 2;\n\n        while (getCategoryById(id)) {\n          id = base + \"-\" + count;\n          count += 1;\n        }\n\n        return id;\n      }\n\n      function formatDate(value) {\n        if (!value) return \"\";\n        try {\n          return new Intl.DateTimeFormat(\"en-US\", {\n            month: \"short\",\n            day: \"numeric\",\n            year: \"numeric\"\n          }).format(new Date(value));\n        } catch (error) {\n          return \"\";\n        }\n      }\n\n      function escapeHTML(value) {\n        return String(value || \"\")\n          .replace(\/&\/g, \"&amp;\")\n          .replace(\/<\/g, \"&lt;\")\n          .replace(\/>\/g, \"&gt;\")\n          .replace(\/\\\"\/g, \"&quot;\")\n          .replace(\/'\/g, \"&#039;\");\n      }\n\n      function getCategoryById(id) {\n        return categories.find(function (category) {\n          return category.id === id;\n        });\n      }\n\n      function getCategoryByLabel(label) {\n        return categories.find(function (category) {\n          return category.label.toLowerCase() === String(label || \"\").toLowerCase();\n        });\n      }\n\n      function renderSidebar() {\n        sidebar.innerHTML = \"\";\n\n        categories.forEach(function (category) {\n          var categoryActiveCount = tasks.filter(function (task) {\n            return task.category === category.id && !task.completed;\n          }).length;\n\n          var button = document.createElement(\"div\");\n          button.className = \"cb-tab\" + (activeCategory === category.id ? \" cb-active\" : \"\");\n          button.setAttribute(\"role\", \"button\");\n          button.setAttribute(\"tabindex\", \"0\");\n          button.innerHTML =\n            '<div class=\"cb-tab-top\">' +\n              '<span class=\"cb-tab-title-wrap\">' +\n                '<span class=\"cb-tab-icon\">' + escapeHTML(category.icon || \"+\") + '<\/span>' +\n                '<input class=\"cb-category-name-input\" type=\"text\" value=\"' + escapeHTML(category.label) + '\" aria-label=\"Edit category name\" \/>' +\n              '<\/span>' +\n              '<span class=\"cb-badge\">' + categoryActiveCount + ' active<\/span>' +\n            '<\/div>' +\n            '<p class=\"cb-tab-desc\">' + escapeHTML(category.description || \"Custom checklist category.\") + '<\/p>';\n\n          var categoryNameInput = button.querySelector(\".cb-category-name-input\");\n\n          button.addEventListener(\"click\", function (event) {\n            if (event.target === categoryNameInput) return;\n            activeCategory = category.id;\n            render();\n          });\n\n          button.addEventListener(\"keydown\", function (event) {\n            if (event.target === categoryNameInput) return;\n            if (event.key === \"Enter\" || event.key === \" \") {\n              event.preventDefault();\n              activeCategory = category.id;\n              render();\n            }\n          });\n\n          categoryNameInput.addEventListener(\"click\", function (event) {\n            event.stopPropagation();\n          });\n\n          categoryNameInput.addEventListener(\"input\", function () {\n            var nextLabel = categoryNameInput.value;\n            categories = categories.map(function (item) {\n              if (item.id !== category.id) return item;\n              return Object.assign({}, item, { label: nextLabel });\n            });\n            saveCategories();\n\n            if (activeCategory === category.id) {\n              renderHeader();\n            }\n          });\n\n          categoryNameInput.addEventListener(\"blur\", function () {\n            var cleaned = categoryNameInput.value.trim().replace(\/[ ]+\/g, \" \");\n            if (!cleaned) cleaned = \"Untitled category\";\n\n            categories = categories.map(function (item) {\n              if (item.id !== category.id) return item;\n              return Object.assign({}, item, { label: cleaned });\n            });\n\n            saveCategories();\n            render();\n          });\n\n          sidebar.appendChild(button);\n        });\n\n        var categoryForm = document.createElement(\"form\");\n        categoryForm.className = \"cb-category-maker\";\n        categoryForm.innerHTML =\n          '<div class=\"cb-category-maker-title\">Add category<\/div>' +\n          '<div class=\"cb-category-row\">' +\n            '<input id=\"cb-new-category\" type=\"text\" placeholder=\"Ex: Fitness\" autocomplete=\"off\" \/>' +\n            '<button class=\"cb-category-add-btn\" type=\"submit\">Add<\/button>' +\n          '<\/div>';\n\n        categoryForm.addEventListener(\"submit\", function (event) {\n          event.preventDefault();\n\n          var input = categoryForm.querySelector(\"#cb-new-category\");\n          var label = input.value.trim().replace(\/\\s+\/g, \" \");\n          if (!label) return;\n\n          var existing = getCategoryByLabel(label);\n          if (existing) {\n            activeCategory = existing.id;\n            input.value = \"\";\n            render();\n            return;\n          }\n\n          var newCategory = {\n            id: makeCategoryId(label),\n            label: label,\n            icon: \"+\",\n            description: \"Custom checklist category.\",\n            custom: true\n          };\n\n          categories.push(newCategory);\n          saveCategories();\n          activeCategory = newCategory.id;\n          input.value = \"\";\n          render();\n        });\n\n        sidebar.appendChild(categoryForm);\n\n        var clearButton = document.createElement(\"button\");\n        clearButton.type = \"button\";\n        clearButton.className = \"cb-reset-btn\";\n        clearButton.textContent = \"Clear all tasks\";\n        clearButton.addEventListener(\"click\", function () {\n          if (!window.confirm(\"Clear all tasks?\")) return;\n          tasks = [];\n          saveTasks();\n          render();\n        });\n        sidebar.appendChild(clearButton);\n      }\n\n      function renderTasks() {\n        var categoryTasks = tasks.filter(function (task) {\n          return task.category === activeCategory;\n        });\n\n        var focusTasks = categoryTasks.filter(function (task) {\n          return !task.completed && task.focus;\n        });\n\n        var activeTasks = categoryTasks.filter(function (task) {\n          return !task.completed && !task.focus;\n        });\n\n        var completedTasks = categoryTasks.filter(function (task) {\n          return task.completed;\n        });\n\n        activeList.innerHTML = \"\";\n        completedList.innerHTML = \"\";\n        focusList.innerHTML = \"\";\n\n        activeSectionCount.textContent = activeTasks.length;\n        completedSectionCount.textContent = completedTasks.length;\n        focusCount.textContent = focusTasks.length;\n        sectionCounts.textContent = (activeTasks.length + focusTasks.length) + \" active \u00b7 \" + completedTasks.length + \" completed\";\n        clearCompletedButton.disabled = completedTasks.length === 0;\n\n        if (focusTasks.length === 0) {\n          focusList.innerHTML = '<div class=\"cb-empty\">No focus tasks yet. Tap the star on any active task to add it here.<\/div>';\n        } else {\n          focusList.appendChild(makeTaskList(focusTasks, false));\n        }\n\n        if (activeTasks.length === 0) {\n          activeList.innerHTML = '<div class=\"cb-empty\">No active tasks here yet.<\/div>';\n        } else {\n          activeList.appendChild(makeTaskList(activeTasks, false));\n        }\n\n        if (completedTasks.length === 0) {\n          completedList.innerHTML = '<div class=\"cb-empty\">Completed tasks will show up here.<\/div>';\n        } else {\n          completedList.appendChild(makeTaskList(completedTasks, true));\n        }\n      }\n\n      function makeTaskList(taskItems, completed) {\n        var list = document.createElement(\"div\");\n        list.className = \"cb-task-list\";\n\n        taskItems.forEach(function (task) {\n          var card = document.createElement(\"article\");\n          card.className = \"cb-task\" + (completed ? \" cb-completed\" : \"\");\n          card.setAttribute(\"data-task-id\", task.id);\n\n          card.innerHTML =\n            '<div class=\"cb-task-top\">' +\n              '<button type=\"button\" class=\"cb-check-btn\" aria-label=\"' + (completed ? \"Move back to active\" : \"Mark complete\") + '\">' + (completed ? \"\u2713\" : \"\") + '<\/button>' +\n              '<div>' +\n                '<input class=\"cb-title-input\" type=\"text\" value=\"' + escapeHTML(task.title) + '\" aria-label=\"Edit task title\" \/>' +\n                '<div class=\"cb-date\">Created ' + formatDate(task.createdAt) + (task.completedAt ? \" \u00b7 Completed \" + formatDate(task.completedAt) : \"\") + '<\/div>' +\n              '<\/div>' +\n              '<div class=\"cb-task-actions\">' +\n                (!completed ? '<button type=\"button\" class=\"cb-focus-btn' + (task.focus ? \" cb-focused\" : \"\") + '\" aria-label=\"' + (task.focus ? \"Remove from Today&apos;s Focus\" : \"Add to Today&apos;s Focus\") + '\">' + (task.focus ? \"\u2605\" : \"\u2606\") + '<\/button>' : '') +\n                '<button type=\"button\" class=\"cb-delete-btn\" aria-label=\"Delete task\">\u00d7<\/button>' +\n              '<\/div>' +\n            '<\/div>' +\n            '<textarea class=\"cb-note-box\" placeholder=\"Add notes...\">' + escapeHTML(task.notes || \"\") + '<\/textarea>';\n\n          var checkButton = card.querySelector(\".cb-check-btn\");\n          var focusButton = card.querySelector(\".cb-focus-btn\");\n          var deleteButton = card.querySelector(\".cb-delete-btn\");\n          var titleBox = card.querySelector(\".cb-title-input\");\n          var notesBox = card.querySelector(\".cb-note-box\");\n\n          checkButton.addEventListener(\"click\", function () {\n            tasks = tasks.map(function (item) {\n              if (item.id !== task.id) return item;\n              return Object.assign({}, item, {\n                completed: !item.completed,\n                focus: item.completed ? item.focus : false,\n                completedAt: item.completed ? null : new Date().toISOString()\n              });\n            });\n            saveTasks();\n            render();\n          });\n\n          if (focusButton) {\n            focusButton.addEventListener(\"click\", function () {\n              tasks = tasks.map(function (item) {\n                if (item.id !== task.id) return item;\n                return Object.assign({}, item, { focus: !item.focus });\n              });\n              saveTasks();\n              render();\n            });\n          }\n\n          titleBox.addEventListener(\"input\", function () {\n            tasks = tasks.map(function (item) {\n              if (item.id !== task.id) return item;\n              return Object.assign({}, item, { title: titleBox.value });\n            });\n            saveTasks();\n          });\n\n          titleBox.addEventListener(\"blur\", function () {\n            if (titleBox.value.trim()) return;\n            titleBox.value = \"Untitled task\";\n            tasks = tasks.map(function (item) {\n              if (item.id !== task.id) return item;\n              return Object.assign({}, item, { title: \"Untitled task\" });\n            });\n            saveTasks();\n            render();\n          });\n\n          deleteButton.addEventListener(\"click\", function () {\n            tasks = tasks.filter(function (item) {\n              return item.id !== task.id;\n            });\n            saveTasks();\n            render();\n          });\n\n          notesBox.addEventListener(\"input\", function () {\n            tasks = tasks.map(function (item) {\n              if (item.id !== task.id) return item;\n              return Object.assign({}, item, { notes: notesBox.value });\n            });\n            saveTasks();\n          });\n\n          list.appendChild(card);\n        });\n\n        return list;\n      }\n\n      function renderStats() {\n        var active = tasks.filter(function (task) { return !task.completed; }).length;\n        var completed = tasks.filter(function (task) { return task.completed; }).length;\n        var total = tasks.length;\n\n        activeCount.textContent = active;\n        completedCount.textContent = completed;\n        totalCount.textContent = total;\n      }\n\n      function renderHeader() {\n        var category = getCategoryById(activeCategory);\n        currentSection.textContent = category ? category.label : \"Work\";\n        titleInput.placeholder = \"Add a \" + (category ? category.label.toLowerCase() : \"work\") + \" task...\";\n        addButton.disabled = !titleInput.value.trim();\n      }\n\n      function render() {\n        renderHeader();\n        renderStats();\n        renderSidebar();\n        renderTasks();\n      }\n\n      themeToggle.addEventListener(\"click\", function () {\n        var currentTheme = root.getAttribute(\"data-theme\") || \"light\";\n        applyTheme(currentTheme === \"dark\" ? \"light\" : \"dark\");\n      });\n\n      clearCompletedButton.addEventListener(\"click\", function () {\n        var completedInCategory = tasks.filter(function (task) {\n          return task.category === activeCategory && task.completed;\n        }).length;\n\n        if (completedInCategory === 0) return;\n        if (!window.confirm(\"Clear completed tasks in this category?\")) return;\n\n        tasks = tasks.filter(function (task) {\n          return !(task.category === activeCategory && task.completed);\n        });\n\n        saveTasks();\n        render();\n      });\n\n      exportDataButton.addEventListener(\"click\", function () {\n        exportData();\n      });\n\n      importDataButton.addEventListener(\"click\", function () {\n        importDataInput.click();\n      });\n\n      importDataInput.addEventListener(\"change\", function () {\n        var file = importDataInput.files && importDataInput.files[0];\n        importData(file);\n        importDataInput.value = \"\";\n      });\n\n      titleInput.addEventListener(\"input\", function () {\n        addButton.disabled = !titleInput.value.trim();\n      });\n\n      form.addEventListener(\"submit\", function (event) {\n        event.preventDefault();\n\n        var title = titleInput.value.trim();\n        var notes = notesInput.value.trim();\n\n        if (!title) return;\n\n        tasks.unshift({\n          id: makeId(),\n          category: activeCategory,\n          title: title,\n          notes: notes,\n          focus: false,\n          completed: false,\n          createdAt: new Date().toISOString(),\n          completedAt: null\n        });\n\n        titleInput.value = \"\";\n        notesInput.value = \"\";\n        addButton.disabled = true;\n        saveTasks();\n        render();\n      });\n\n      applyTheme(loadTheme());\n      render();\n    })();\n  <\/script>\n<\/div>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n<div class=\"brz-root__container\"><\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Organize your day Super Simple Checklist Saves automatically in your browser &#8211; Use save\/upload buttons if switching browsers \u263e Dark Save data Upload data 0 Active 0 Completed 0 Total Work Add tasks, leave notes, then check them off. 0 active \u00b7 0 completed Clear completed New task Notes + Add Task Today&#8217;s Focus Star [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"brizy-blank-template.php","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/commandbrief.app\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/commandbrief.app\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/commandbrief.app\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/commandbrief.app\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/commandbrief.app\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":6,"href":"https:\/\/commandbrief.app\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":31,"href":"https:\/\/commandbrief.app\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/31"}],"wp:attachment":[{"href":"https:\/\/commandbrief.app\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}