@charset "UTF-8";:root{--color-bg: #f5ead8;--color-surface: #ebddc5;--color-text: #201e1d;--color-accent: #c67139;--color-accent-2: #7a8a5e;--color-divider: color-mix(in srgb, #201e1d 16%, transparent);--color-neutral-100: #f9f4ed;--color-neutral-200: #eee7db;--color-neutral-300: #dcd3c4;--color-neutral-400: #c0b6a5;--color-neutral-500: #a19786;--color-neutral-600: #82796a;--color-neutral-700: #645c50;--color-neutral-800: #474238;--color-neutral-900: #2e2b25;--color-accent-100: #fff2eb;--color-accent-200: #ffe1d0;--color-accent-300: #ffc6a5;--color-accent-400: #f6a06b;--color-accent-500: #d67f48;--color-accent-600: #b2622d;--color-accent-700: #8c491a;--color-accent-800: #643312;--color-accent-900: #402310;--color-accent-2-100: #f0fae1;--color-accent-2-200: #e1eecc;--color-accent-2-300: #ccdbb2;--color-accent-2-400: #aebf92;--color-accent-2-500: #8fa073;--color-accent-2-600: #728157;--color-accent-2-700: #56633f;--color-accent-2-800: #3d472b;--color-accent-2-900: #272e1b;--success: var(--color-accent-2-600);--warn: #b2622d;--danger: #b3261e;--color-type-hobby-100: oklch(94% .035 75);--color-type-hobby-500: oklch(66% .12 75);--color-type-hobby-700: oklch(42% .09 75);--color-type-skill-100: oklch(94% .028 215);--color-type-skill-500: oklch(60% .09 215);--color-type-skill-700: oklch(38% .08 215);--color-type-roadmap-100: oklch(94% .028 325);--color-type-roadmap-500: oklch(60% .11 325);--color-type-roadmap-700: oklch(38% .09 325);--color-type-project-100: oklch(94% .022 255);--color-type-project-500: oklch(56% .09 255);--color-type-project-700: oklch(37% .08 255);--type-task: var(--color-accent-500);--type-habit: var(--color-accent-2-500);--type-hobby: var(--color-type-hobby-500);--type-skill: var(--color-type-skill-500);--type-roadmap: var(--color-type-roadmap-500);--type-project: var(--color-type-project-500);--type-note: var(--color-neutral-700);--font-heading: "Caprasimo", system-ui, sans-serif;--font-heading-weight: 400;--font-body: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Arabic", sans-serif;--space-1: 4.4px;--space-2: 8.8px;--space-3: 13.2px;--space-4: 17.6px;--space-6: 26.4px;--space-8: 35.2px;--s1: var(--space-1);--s2: var(--space-2);--s3: var(--space-3);--s4: var(--space-4);--s5: var(--space-6);--s6: var(--space-8);--s7: 3rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 28px;--radius-pill: 999px;--radius: var(--radius-md);--shadow-sm: 0 1px 2px color-mix(in srgb, #2e2b25 14%, transparent);--shadow-md: 0 3px 10px color-mix(in srgb, #2e2b25 16%, transparent);--shadow-lg: 0 12px 32px color-mix(in srgb, #2e2b25 22%, transparent);--motion-fast: .12s;--motion-base: .2s;--motion-slow: .32s;--motion-ease: cubic-bezier(.22, 1, .36, 1);--tap-min: 44px;--bg: var(--color-bg);--surface: var(--color-surface);--surface-raised: var(--color-neutral-200);--border: var(--color-divider);--border-strong: var(--color-neutral-400);--text: var(--color-text);--text-muted: var(--color-neutral-600);--text-faint: var(--color-neutral-500);--accent: var(--color-accent);--accent-soft: var(--color-accent-200)}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}html.text-size-large{font-size:112.5%}h1,h2,h3,h4,.card-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:var(--color-accent-200);color:var(--color-accent-900)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-min);padding-inline:var(--space-4);border-radius:var(--radius-pill);border:1px solid transparent;font-family:var(--font-body);font-weight:600;cursor:pointer;transition:background var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-accent-500);color:var(--color-accent-100)}.btn-primary:hover:not(:disabled){background:var(--color-accent-600)}.btn-primary:active:not(:disabled){background:var(--color-accent-700)}.btn-secondary{background:transparent;color:var(--color-accent-700);border-color:var(--color-accent-500)}.btn-secondary:hover:not(:disabled){background:var(--color-accent-100);border-color:var(--color-accent-600)}.btn-secondary:active:not(:disabled){background:var(--color-accent-200);border-color:var(--color-accent-700)}.btn-ghost{background:transparent;color:var(--color-text)}.btn-ghost:hover:not(:disabled){background:var(--color-neutral-200)}.btn-ghost:active:not(:disabled){background:var(--color-neutral-300)}.btn-icon{width:36px;height:36px;min-height:36px;padding:0;border-radius:var(--radius-pill)}.btn-block{display:flex;width:100%}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:.8125rem;font-weight:600;line-height:1.4}.tag-accent{background:var(--color-accent-100);color:var(--color-accent-800)}.tag-accent-2{background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.tag-neutral{background:var(--color-neutral-200);color:var(--color-neutral-800)}.tag-outline{background:transparent;border:1px solid var(--color-divider);color:var(--color-text)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field>label{font-size:.875rem;font-weight:600;color:var(--color-neutral-700)}.input{min-height:var(--tap-min);padding-inline:var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--color-divider);background:var(--color-surface);color:var(--color-text);font-family:var(--font-body);font-size:1rem}.input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-color:var(--color-accent)}.radio{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap-min)}.radio .dot{width:20px;height:20px;border-radius:var(--radius-pill);border:2px solid var(--color-divider)}.radio .dot[data-checked=true]{border-color:var(--color-accent);background:radial-gradient(circle,var(--color-accent) 0 40%,transparent 44%)}.seg{display:inline-flex;padding:var(--space-1);border-radius:var(--radius-pill);background:var(--color-neutral-200);gap:var(--space-1)}.seg-opt{min-height:36px;padding-inline:var(--space-3);border-radius:var(--radius-pill);border:none;background:transparent;color:var(--color-neutral-700);font-weight:600;cursor:pointer}.seg-opt[aria-selected=true]{background:var(--color-surface);color:var(--color-accent-700);box-shadow:var(--shadow-sm)}.card{border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--space-4)}.card-kicker{font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-neutral-600)}.card-title{margin:var(--space-1) 0;font-size:1.125rem}.card-body{color:var(--color-neutral-800)}.card-meta{display:flex;align-items:center;gap:var(--space-2);color:var(--color-neutral-600);font-size:.8125rem}.elev-sm{box-shadow:var(--shadow-sm)}.elev-md{box-shadow:var(--shadow-md)}.elev-lg{box-shadow:var(--shadow-lg)}.nav{display:flex;align-items:center;gap:var(--space-4)}.nav-brand{font-family:var(--font-heading);font-size:1.25rem;color:var(--color-accent-700)}.table{width:100%;border-collapse:collapse}.table th{text-align:start;padding:var(--space-2) var(--space-3);border-bottom:2px solid var(--color-divider);color:var(--color-neutral-700);font-size:.8125rem;text-transform:uppercase;letter-spacing:.03em}.table td{padding:var(--space-3);border-bottom:1px solid var(--color-divider)}.dialog-backdrop{position:fixed;inset:0;background:color-mix(in srgb,var(--color-neutral-900) 45%,transparent);display:flex;align-items:center;justify-content:center}.dialog{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-6);max-width:min(90vw,480px)}.dialog-title{font-family:var(--font-heading);font-size:1.25rem;margin:0 0 var(--space-3)}.dialog-body{color:var(--color-neutral-800)}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4)}.washed{filter:saturate(.6) contrast(.85) brightness(1.1) opacity(.94)}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}