@font-face {font-family: 'Inter';src: url('inter/inter-400-da03732a27e16543f09d6a6a62b0cdd4.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap;}@font-face {font-family: 'Inter';src: url('inter/inter-600-2ede57db1a3a5f41f40467e7a43a1dd4.woff2') format('woff2');font-weight: 600;font-style: normal;font-display: swap;}@font-face {font-family: 'Inter';src: url('inter/inter-700-8ca0a51552960933d0fd52c19175cbe9.woff2') format('woff2');font-weight: 700;font-style: normal;font-display: swap;}@font-face {font-family: 'JetBrains Mono';src: url('jetbrains-mono/jetbrains-mono-400-caf0dfde4e448468f09b7bed230206a4.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap;}:root {--color-bg: #F7F7F5;--color-surface: #FFFFFF;--color-text: #1A1A1A;--color-text-muted: #8A8A85;--color-pill-bg: #EAEAE7;--color-pill-text: #5A5A55;--color-pill-active-bg: #1A1A1A;--color-pill-active-text: #FFFFFF;--shadow-card: 0 1px 3px rgba(0,0,0,.05);--color-urgency-green: #3B8C3B;--color-urgency-yellow: #C79A1E;--color-urgency-orange: #D8752E;--color-urgency-red: #D9422E;--color-urgency-darkred: #7A1F1F;}@media (prefers-color-scheme: dark) {:root {--color-bg: #16181B;--color-surface: #212327;--color-text: #F0F0EE;--color-text-muted: #9A9A95;--color-pill-bg: #2A2C30;--color-pill-text: #C5C5C0;--color-pill-active-bg: #F0F0EE;--color-pill-active-text: #16181B;--shadow-card: 0 1px 3px rgba(0,0,0,.3);--color-urgency-green: #4CAF50;--color-urgency-yellow: #D9A62E;--color-urgency-orange: #E2864A;--color-urgency-red: #E5564A;--color-urgency-darkred: #C23B3B;}}:root[data-theme="dark"] {--color-bg: #16181B;--color-surface: #212327;--color-text: #F0F0EE;--color-text-muted: #9A9A95;--color-pill-bg: #2A2C30;--color-pill-text: #C5C5C0;--color-pill-active-bg: #F0F0EE;--color-pill-active-text: #16181B;--shadow-card: 0 1px 3px rgba(0,0,0,.3);--color-urgency-green: #4CAF50;--color-urgency-yellow: #D9A62E;--color-urgency-orange: #E2864A;--color-urgency-red: #E5564A;--color-urgency-darkred: #C23B3B;}:root[data-theme="light"] {--color-bg: #F7F7F5;--color-surface: #FFFFFF;--color-text: #1A1A1A;--color-text-muted: #8A8A85;--color-pill-bg: #EAEAE7;--color-pill-text: #5A5A55;--color-pill-active-bg: #1A1A1A;--color-pill-active-text: #FFFFFF;--shadow-card: 0 1px 3px rgba(0,0,0,.05);--color-urgency-green: #3B8C3B;--color-urgency-yellow: #C79A1E;--color-urgency-orange: #D8752E;--color-urgency-red: #D9422E;--color-urgency-darkred: #7A1F1F;}body {margin: 0;font-family: 'Inter', system-ui, sans-serif;background: var(--color-bg);color: var(--color-text);}.navbar { display: flex; justify-content: space-between; align-items: center;padding: 16px; gap: 12px; }.navbar h1 { font-size: 24px; font-weight: 700; margin: 0; }.navbar-title-link { text-decoration: none; color: inherit; }.navbar-icons { display: flex; gap: 4px; align-items: center; }.navbar-icons form { display: contents; }.nav-icon-btn { background: none; border: none; text-decoration: none; cursor: pointer;color: var(--color-text); width: 44px; height: 44px; border-radius: 50%;display: inline-flex; align-items: center; justify-content: center; }a.btn-solid { display: inline-block; box-sizing: border-box; text-decoration: none;border-radius: 8px; background: var(--color-text); color: var(--color-bg);padding: 8px 16px; font-family: 'Inter', system-ui, sans-serif; font-size: 14px; }#task-list { padding: 0 16px 16px; }.install-hint { display: flex; align-items: center; justify-content: space-between; gap: 12px;margin: 0 16px 16px; padding: 10px 14px; border-radius: 10px;background: var(--color-pill-bg); color: var(--color-pill-text); font-size: 13px; }.install-hint[hidden] { display: none; }.install-hint span { flex: 1; }.install-hint button { background: none; border: none; color: inherit; font-size: 18px;line-height: 1; cursor: pointer; padding: 0 2px; }.install-hint button.install-hint-action { background: var(--color-text); color: var(--color-bg);border-radius: 999px; padding: 5px 14px; font-size: 12px; font-weight: 600;line-height: normal; white-space: nowrap; }#quick-add { display: flex; align-items: center; gap: 8px; padding: 0 16px 16px; }#quick-add input[type="text"] { flex: 1; min-width: 0; }#quick-add select { flex: 0 0 auto; max-width: 40%; }.bucket-label { font-size: 12px; font-weight: 700; letter-spacing: 1.5px;text-transform: uppercase; color: var(--color-text-muted); margin: 16px 0 8px; }.task-card { border-left: 5px solid; padding: 16px; margin: 0 0 12px;border-radius: 12px; background: var(--color-surface); box-shadow: var(--shadow-card);position: relative; }.task-card.green   { border-left-color: var(--color-urgency-green); }.task-card.yellow  { border-left-color: var(--color-urgency-yellow); }.task-card.orange  { border-left-color: var(--color-urgency-orange); }.task-card.red     { border-left-color: var(--color-urgency-red); }.task-card.darkred { border-left-color: var(--color-urgency-darkred); }.task-title { font-size: 15px; font-weight: 600; color: var(--color-text); margin: 0;padding-right: 36px; line-height: 1.3; }.complete-btn { position: absolute; top: 12px; right: 12px; width: 26px; height: 26px;border-radius: 50%; border: 2px solid var(--color-pill-bg); background: var(--color-surface);color: var(--color-text-muted); font-size: 13px; padding: 0; cursor: pointer;display: inline-flex; align-items: center; justify-content: center; }.task-row-assign { display: grid; grid-template-columns: minmax(0,1fr) 68px;align-items: center; column-gap: 6px; margin-top: 12px; }.task-row-facts { display: grid; grid-template-columns: 1fr 1fr 1fr;align-items: center; column-gap: 6px; margin-top: 6px; }.project-select, .assignee-select {appearance: none; -webkit-appearance: none; -moz-appearance: none;border: none; border-radius: 999px; padding: 4px 8px; font-size: 11px;font-family: 'Inter', system-ui, sans-serif; cursor: pointer;width: 100%; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.project-select { text-align: left; }.assignee-select { text-align: center; background: var(--color-pill-bg); color: var(--color-pill-text); }.date-select, .priority-select {appearance: none; -webkit-appearance: none; -moz-appearance: none;border: none; border-radius: 999px; padding: 4px 8px; font-size: 11px;font-family: 'Inter', system-ui, sans-serif; cursor: pointer;width: 100%; box-sizing: border-box; text-align: center;background: var(--color-pill-bg); color: var(--color-pill-text);color-scheme: light dark;}.round-btn { border-radius: 50%; border: none; background: var(--color-text);color: var(--color-bg); font-size: 20px; width: 44px; height: 44px;display: inline-flex; align-items: center; justify-content: center; }.fab { position: fixed; bottom: 16px; right: 16px; width: 56px; height: 56px; font-size: 22px; }.fab.listening { background: var(--color-urgency-red);animation: mic-pulse 1.5s ease-out infinite; }@keyframes mic-pulse {0%   { box-shadow: 0 0 0 0 rgba(217, 66, 46, 0.5); }100% { box-shadow: 0 0 0 16px rgba(217, 66, 46, 0); }}.badge { font-family: 'Inter', system-ui, sans-serif; background: var(--color-pill-bg);color: var(--color-pill-text); border-radius: 999px; padding: 4px 8px; font-size: 11px;text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.recur-chip { display: flex; align-items: center; justify-content: center; }.project-pill { display: inline-block; padding: 4px 12px; margin: 2px;border-radius: 999px; background: var(--color-pill-bg); text-decoration: none;color: var(--color-pill-text); font-size: 0.85em; }.project-pill.active { background: var(--color-pill-active-bg);color: var(--color-pill-active-text); font-weight: bold; }input[type="text"], input[type="number"], input[type="password"], input[type="email"], select {border-radius: 8px; border: 1px solid var(--color-pill-bg);background: var(--color-surface); color: var(--color-text); padding: 8px 12px;font-family: 'Inter', system-ui, sans-serif; box-sizing: border-box;}button[type="submit"] {border-radius: 8px; border: none; background: var(--color-text);color: var(--color-bg); padding: 8px 16px; font-family: 'Inter', system-ui, sans-serif;cursor: pointer;}.navbar-icons button.nav-icon-btn { background: none; color: var(--color-text); padding: 0; }.recur-icon-inline { vertical-align: -2px; margin-right: 4px; }.recurrence-details { margin-top: 6px; font-size: 0.85em; }.recurrence-details summary { cursor: pointer; }.recurrence-form span { margin-right: 8px; }.settings-page { padding: 16px; max-width: 480px; }.settings-page p { margin: 0 0 8px; }.token-display { font-family: monospace; font-size: 1.1em; padding: 8px;width: 100%; max-width: 320px; box-sizing: border-box; margin-bottom: 12px;border-radius: 8px; border: 1px solid var(--color-pill-bg);background: var(--color-surface); color: var(--color-text); }.login-page { min-height: 100vh; display: flex; align-items: center; justify-content: center; }.login-card { background: var(--color-surface); border-radius: 12px;box-shadow: var(--shadow-card); padding: 40px 32px; width: 300px; box-sizing: border-box; }.login-badge { width: 44px; height: 44px; border-radius: 50%; background: var(--color-text);color: var(--color-bg); display: flex; align-items: center; justify-content: center;font-size: 20px; margin: 0 auto 16px; }.login-card h1 { margin: 0 0 24px; font-size: 18px; font-weight: 700; color: var(--color-text);text-align: center; }.login-error { color: var(--color-urgency-red); font-size: 13px; text-align: center; margin: 0 0 16px; }.login-card form { display: flex; flex-direction: column; gap: 12px; }.login-submit { border-radius: 8px; border: none; background: var(--color-text);color: var(--color-bg); padding: 11px; font-family: 'Inter', system-ui, sans-serif;margin-top: 6px; cursor: pointer; }.project-list { list-style: none; margin: 0 0 20px; padding: 0;display: flex; flex-direction: column; gap: 10px; }.project-list li { background: var(--color-surface); border-radius: 12px;box-shadow: var(--shadow-card); padding: 14px 16px;display: flex; flex-direction: column; gap: 10px; }.project-list form { display: flex; flex-direction: column; gap: 10px; }.project-error { color: var(--color-urgency-red); font-size: 13px; margin: 4px 0 16px; }.manage-create-form { display: flex; flex-direction: column; gap: 10px; margin-top: 4px; }.field-row { display: flex; gap: 8px; flex-wrap: wrap; }.field-row input { flex: 1; min-width: 130px; }.checkbox-field { display: flex; align-items: center; gap: 8px;font-size: 13px; color: var(--color-text-muted); cursor: pointer; }.checkbox-field input { width: auto; }.member-row-actions { display: flex; gap: 8px; }.btn-danger-outline { border-radius: 8px; border: 1px solid var(--color-urgency-red);background: transparent; color: var(--color-urgency-red); padding: 8px 14px;font-family: 'Inter', system-ui, sans-serif; cursor: pointer; }.btn-danger-outline:disabled { opacity: .4; cursor: not-allowed; }.section-heading { font-size: 13px; font-weight: 700; letter-spacing: .5px;text-transform: uppercase; color: var(--color-text-muted); margin: 20px 0 10px; }