@import"https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap";:root{--cream-50: #FDFBF6;--cream-100: #FAF7F2;--cream-200: #F2EDE3;--cream-300: #E6DFD0;--cream-400: #C9BFA8;--bark-900: #2A2520;--bark-800: #3D362F;--bark-700: #5A5048;--bark-600: #7A6E63;--bark-500: #998B7E;--bark-400: #B8AC9F;--acorn-50: #FCEFE5;--acorn-100: #F8DCC4;--acorn-300: #E89968;--acorn-500: #B85C2E;--acorn-600: #9A4A24;--acorn-700: #7A3A1C;--tan-100: #F5E6CD;--tan-300: #D4A574;--tan-500: #B5874E;--forest-100: #DCE5DD;--forest-300: #6B8E76;--forest-500: #3E5641;--forest-700: #2A3B2D;--sky-100: #DCE6EC;--sky-300: #7FA3B8;--sky-500: #4A7A92;--berry-100: #F2D9D5;--berry-300: #C97062;--berry-500: #A23E2D;--gold-100: #FAEAB8;--gold-300: #E0B445;--gold-500: #A6822A;--bg-page: var(--cream-100);--bg-surface: var(--cream-50);--bg-surface-2: var(--cream-200);--bg-inverse: var(--bark-900);--fg-1: var(--bark-900);--fg-2: var(--bark-700);--fg-3: var(--bark-600);--fg-4: var(--bark-500);--fg-disabled: var(--bark-400);--fg-on-primary: var(--cream-50);--border-subtle: var(--cream-300);--border-default: var(--cream-400);--border-strong: var(--bark-500);--primary: var(--acorn-500);--primary-hover: var(--acorn-600);--primary-press: var(--acorn-700);--primary-soft: var(--acorn-100);--success: var(--forest-500);--success-soft: var(--forest-100);--info: var(--sky-500);--info-soft: var(--sky-100);--warning: var(--gold-500);--warning-soft: var(--gold-100);--danger: var(--berry-500);--danger-soft: var(--berry-100);--lane-inbox: var(--bark-500);--lane-todo: var(--sky-500);--lane-doing: var(--tan-500);--lane-blocked: var(--berry-500);--lane-done: var(--forest-500);--font-sans: "Atkinson Hyperlegible", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-display: "Fraunces", "Atkinson Hyperlegible", Georgia, serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 15px;--fs-lg: 17px;--fs-xl: 20px;--fs-2xl: 24px;--fs-3xl: 30px;--fs-4xl: 38px;--fs-5xl: 48px;--lh-tight: 1.2;--lh-snug: 1.35;--lh-normal: 1.55;--lh-loose: 1.7;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .04em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(58, 42, 28, .06);--shadow-sm: 0 1px 3px rgba(58, 42, 28, .07), 0 1px 2px rgba(58, 42, 28, .04);--shadow-md: 0 4px 12px rgba(58, 42, 28, .08), 0 1px 3px rgba(58, 42, 28, .05);--shadow-lg: 0 12px 28px rgba(58, 42, 28, .12), 0 2px 6px rgba(58, 42, 28, .06);--shadow-inner: inset 0 1px 2px rgba(58, 42, 28, .06);--ease-standard: cubic-bezier(.2, .6, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--layout-sidebar: 260px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font-sans);background:var(--bg-page);color:var(--fg-2);-webkit-font-smoothing:antialiased;font-size:var(--fs-md);line-height:var(--lh-normal)}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}ul{list-style:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--acorn-500);outline-offset:2px;border-radius:var(--radius-xs)}.app{display:grid;grid-template-columns:var(--layout-sidebar) 1fr;height:100vh;overflow:hidden}.app__main{display:flex;flex-direction:column;min-width:0;border-left:1px solid var(--border-subtle);overflow:hidden}.sb{background:var(--bg-page);display:flex;flex-direction:column;padding:14px 12px;gap:2px;overflow-y:auto;overflow-x:hidden}.sb__brand{display:flex;align-items:center;gap:8px;padding:6px 8px 14px}.sb__brand-name{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:20px;color:var(--fg-1);letter-spacing:-.01em}.sb__section-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3);padding:12px 12px 4px;display:flex;align-items:center}.sb__section-label>button{margin-left:auto;background:none;border:none;color:var(--fg-3);padding:2px;border-radius:var(--radius-xs);display:inline-flex;transition:background var(--dur-fast) var(--ease-standard)}.sb__section-label>button:hover{background:var(--cream-200);color:var(--fg-1)}.sb-row{display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:8px;font-size:14px;color:var(--fg-2);cursor:pointer;position:relative;border:none;background:none;width:100%;text-align:left;transition:background var(--dur-fast) var(--ease-standard)}.sb-row:hover{background:var(--cream-200)}.sb-row.is-active{background:var(--acorn-50);color:var(--fg-1);font-weight:700}.sb-row.is-active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:2px;background:var(--acorn-500)}.sb-row__count{margin-left:auto;font-size:12px;color:var(--fg-3);font-weight:400}.sb-row.is-active .sb-row__count{color:var(--acorn-700)}.sb-row__cover{width:20px;height:20px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;color:var(--cream-50);font-size:10px;font-weight:700;flex-shrink:0}.sb__spacer{flex:1}.tb{height:52px;display:flex;align-items:center;gap:12px;padding:0 20px;background:var(--bg-page);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.tb__title{font-size:var(--fs-lg);font-weight:700;color:var(--fg-1);display:flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0}.tb__crumb{font-size:var(--fs-sm);color:var(--fg-3);font-weight:400}.tb__crumb-sep{color:var(--fg-4);margin:0 4px}.tb__search{flex:1;max-width:360px;margin-left:8px;background:var(--cream-200);border:1px solid transparent;border-radius:8px;padding:6px 10px 6px 32px;font-size:var(--fs-sm);color:var(--fg-1);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237A6E63' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>");background-repeat:no-repeat;background-position:10px center;transition:border-color var(--dur-fast) var(--ease-standard),background-color var(--dur-fast) var(--ease-standard)}.tb__search:focus{background-color:var(--bg-surface);border-color:var(--acorn-500);outline:none}.tb__spacer{flex:1}.tb__actions{display:flex;align-items:center;gap:8px}.btn{font-size:var(--fs-sm);font-weight:700;border-radius:var(--radius-md);padding:8px 14px;border:1px solid transparent;display:inline-flex;align-items:center;gap:6px;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard);white-space:nowrap}.btn-primary{background:var(--acorn-500);color:var(--cream-50)}.btn-primary:hover{background:var(--acorn-600)}.btn-primary:active{background:var(--acorn-700)}.btn-secondary{background:var(--bg-surface);color:var(--fg-1);border-color:var(--border-default)}.btn-secondary:hover{background:var(--cream-200)}.btn-ghost{background:transparent;color:var(--fg-2)}.btn-ghost:hover{background:var(--cream-200);color:var(--fg-1)}.btn-danger{background:var(--berry-100);color:var(--berry-500);border-color:var(--berry-300)}.btn-danger:hover{background:var(--berry-500);color:var(--cream-50)}.btn-icon{width:32px;height:32px;padding:0;justify-content:center;border-radius:var(--radius-sm)}.btn-sm{font-size:var(--fs-xs);padding:5px 10px;border-radius:8px}.chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:var(--radius-pill)}.chip-dot{width:5px;height:5px;border-radius:999px;background:currentColor;opacity:.7}.chip-success{background:var(--forest-100);color:var(--forest-700)}.chip-info{background:var(--sky-100);color:#2a3a4a}.chip-warning{background:var(--gold-100);color:#5c4516}.chip-danger{background:var(--berry-100);color:#5c2317}.chip-doing{background:var(--tan-100);color:#5c4516}.chip-neutral{background:var(--cream-200);color:var(--fg-2)}.chip-ai{background:var(--acorn-50);color:var(--acorn-700);border:1px solid var(--acorn-100)}.board{flex:1;padding:18px 20px;overflow:auto;min-height:0}.board__header{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.board__title{font-size:var(--fs-2xl);font-weight:700;color:var(--fg-1);display:flex;align-items:center;gap:10px}.board__title-cover{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--cream-50);font-weight:700;font-size:14px;flex-shrink:0}.board__sub{font-size:var(--fs-sm);color:var(--fg-3)}.board__actions{margin-left:auto;display:flex;gap:8px}.board__columns{display:flex;gap:14px;align-items:flex-start;padding-bottom:24px}.lane{flex:0 0 280px;background:var(--cream-200);border-radius:12px;padding:8px;transition:background var(--dur-fast) var(--ease-standard)}.lane.drag-over{background:var(--acorn-50);outline:2px dashed var(--acorn-300)}.lane__header{display:flex;align-items:center;gap:8px;padding:4px 6px 8px}.lane__accent{width:6px;height:6px;border-radius:999px;flex-shrink:0}.lane__name{font-size:var(--fs-sm);font-weight:700;color:var(--fg-1)}.lane__count{font-size:12px;color:var(--fg-3)}.lane__add{margin-left:auto;background:none;border:none;color:var(--fg-3);padding:2px;border-radius:var(--radius-xs);display:inline-flex}.lane__add:hover{background:var(--cream-300);color:var(--fg-1)}.lane__cards{display:flex;flex-direction:column;gap:8px;min-height:40px}.kc{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 12px;box-shadow:var(--shadow-xs);cursor:grab;transition:box-shadow var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard),opacity var(--dur-fast) var(--ease-standard);display:flex;flex-direction:column;gap:6px}.kc:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.kc.is-dragging{opacity:.4;cursor:grabbing}.kc__type{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3)}.kc__title{font-size:14px;font-weight:700;color:var(--fg-1);line-height:1.35}.kc__meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.kc__avatar{width:22px;height:22px;border-radius:999px;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;margin-left:auto}.kc__waveform{display:flex;align-items:center;gap:2px;height:14px}.kc__attach{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--fg-3)}.kc__ai-badge{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--acorn-600);padding:2px 0}.kc__actions{display:flex;gap:4px;margin-top:2px}.kc__action-btn{background:none;border:none;color:var(--fg-4);padding:2px 6px;border-radius:var(--radius-xs);font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:3px;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.kc__action-btn:hover{background:var(--cream-200);color:var(--acorn-600)}.inbox{flex:1;padding:20px 28px;overflow:auto;max-width:880px;width:100%;align-self:center}.inbox__header{display:flex;align-items:baseline;gap:14px;margin-bottom:18px}.inbox__title{font-size:var(--fs-2xl);font-weight:700;color:var(--fg-1)}.inbox__sub{font-size:var(--fs-sm);color:var(--fg-3)}.inbox__list{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden}.inbox-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard)}.inbox-row:last-child{border-bottom:none}.inbox-row:hover{background:var(--cream-200)}.inbox-row__icon{color:var(--fg-3);display:inline-flex}.inbox-row__title{font-size:14px;color:var(--fg-1);font-weight:700;line-height:1.4}.inbox-row__meta{font-size:12px;color:var(--fg-3);margin-top:2px;display:flex;align-items:center;gap:8px}.inbox-row__route{font-size:var(--fs-sm);color:var(--fg-3);display:flex;align-items:center;gap:4px}.inbox-row__route strong{color:var(--acorn-700);font-weight:700}.inbox-row__ai-hint{font-size:11px;color:var(--acorn-600);display:flex;align-items:center;gap:3px;margin-top:4px}.proj-list{flex:1;padding:24px 28px;overflow:auto}.proj-list__title{font-size:var(--fs-3xl);font-weight:700;color:var(--fg-1);margin-bottom:6px}.proj-list__sub{font-size:14px;color:var(--fg-3);margin-bottom:24px}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.proj-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;padding:16px;cursor:pointer;transition:box-shadow var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);display:flex;flex-direction:column;gap:12px}.proj-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.proj-card__top{display:flex;align-items:center;gap:10px}.proj-card__cover{width:36px;height:36px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--cream-50);font-weight:700;font-size:14px;flex-shrink:0}.proj-card__name{font-size:var(--fs-md);font-weight:700;color:var(--fg-1)}.proj-card__lastedit{font-size:12px;color:var(--fg-3)}.proj-card__progress{height:6px;background:var(--cream-200);border-radius:999px;overflow:hidden}.proj-card__progress-fill{height:100%;background:var(--acorn-500);border-radius:999px;transition:width var(--dur-base) var(--ease-out)}.proj-card__stats{display:flex;gap:14px;font-size:12px;color:var(--fg-3)}.proj-card__stats strong{color:var(--fg-1);font-weight:700}.voice-fab{position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:999px;background:var(--acorn-500);color:var(--cream-50);border:none;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;transition:background var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);z-index:50}.voice-fab:hover{background:var(--acorn-600);transform:scale(1.05)}.voice-fab:active{transform:scale(.97)}.voice-fab.is-recording{background:var(--berry-500);animation:voice-pulse 1.6s infinite var(--ease-in-out)}@keyframes voice-pulse{0%,to{box-shadow:0 0 #a23e2d66,0 12px 28px #3a2a1c2e}50%{box-shadow:0 0 0 14px #a23e2d00,0 12px 28px #3a2a1c2e}}.voice-panel{position:fixed;right:20px;bottom:86px;width:380px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-lg);z-index:50;display:flex;flex-direction:column;gap:12px;animation:panel-in var(--dur-slow) var(--ease-out)}@keyframes panel-in{0%{transform:translateY(10px);opacity:0}}.voice-panel__header{display:flex;align-items:center;gap:8px}.voice-panel__label{font-size:var(--fs-sm);font-weight:700;color:var(--fg-1)}.voice-panel__close{margin-left:auto;background:none;border:none;color:var(--fg-3);padding:4px;border-radius:var(--radius-xs);display:inline-flex}.voice-panel__close:hover{background:var(--cream-200)}.voice-wave{display:flex;align-items:center;gap:3px;height:28px}.voice-wave span{width:3px;background:var(--acorn-500);border-radius:2px;animation:wave 1.1s infinite var(--ease-in-out)}.voice-wave span:nth-child(1){animation-delay:0s;height:30%}.voice-wave span:nth-child(2){animation-delay:.1s;height:60%}.voice-wave span:nth-child(3){animation-delay:.2s;height:90%}.voice-wave span:nth-child(4){animation-delay:.3s;height:70%}.voice-wave span:nth-child(5){animation-delay:.4s;height:50%}.voice-wave span:nth-child(6){animation-delay:.5s;height:80%}.voice-wave span:nth-child(7){animation-delay:.6s;height:40%}.voice-wave span:nth-child(8){animation-delay:.7s;height:65%}.voice-wave span:nth-child(9){animation-delay:.8s;height:35%}.voice-wave span:nth-child(10){animation-delay:.9s;height:55%}@keyframes wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.voice-panel__input{width:100%;background:var(--cream-200);border:1px solid transparent;border-radius:8px;padding:10px 12px;font-size:var(--fs-sm);color:var(--fg-1);resize:none;min-height:80px;line-height:var(--lh-normal);transition:border-color var(--dur-fast) var(--ease-standard)}.voice-panel__input:focus{border-color:var(--acorn-500);outline:none;background:var(--bg-surface)}.voice-panel__input::placeholder{color:var(--fg-4)}.voice-panel__result{background:var(--acorn-50);border:1px solid var(--acorn-100);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.voice-panel__result-title{font-size:14px;font-weight:700;color:var(--fg-1)}.voice-panel__result-meta{font-size:12px;color:var(--acorn-600)}.voice-panel__actions{display:flex;gap:8px}.ai-summary{background:var(--acorn-50);border:1px solid var(--acorn-100);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:16px;font-size:var(--fs-sm);color:var(--fg-1);line-height:var(--lh-normal);position:relative}.ai-summary__label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--acorn-600);margin-bottom:6px;display:flex;align-items:center;gap:4px}.ai-summary__close{position:absolute;top:10px;right:10px;background:none;border:none;color:var(--acorn-400);padding:2px;border-radius:var(--radius-xs);display:inline-flex}.ai-summary__close:hover{background:var(--acorn-100)}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 14px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:10px;font-size:14px;color:var(--fg-1);z-index:60;animation:toast-in var(--dur-base) var(--ease-out);white-space:nowrap}@keyframes toast-in{0%{transform:translate(-50%,12px);opacity:0}}.toast__icon{width:24px;height:24px;border-radius:6px;background:var(--forest-100);color:var(--forest-700);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.toast button{background:none;border:none;color:var(--fg-3);font-size:var(--fs-sm);font-weight:700;padding:4px 8px;border-radius:6px}.toast button:hover{background:var(--cream-200);color:var(--fg-1)}.empty{padding:64px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.empty img{width:56px;height:56px;opacity:.85;margin-bottom:6px}.empty__display{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:36px;color:var(--fg-1);line-height:1.1;letter-spacing:-.01em}.empty__sub{font-size:14px;color:var(--fg-3);max-width:380px}.settings{flex:1;padding:32px 36px;overflow:auto;max-width:640px}.settings__title{font-size:var(--fs-3xl);font-weight:700;color:var(--fg-1);margin-bottom:6px}.settings__sub{font-size:14px;color:var(--fg-3);margin-bottom:32px}.settings__section{margin-bottom:28px}.settings__section-title{font-size:var(--fs-lg);font-weight:700;color:var(--fg-1);margin-bottom:4px}.settings__section-desc{font-size:var(--fs-sm);color:var(--fg-3);margin-bottom:14px}.settings__field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.settings__label{font-size:var(--fs-sm);font-weight:700;color:var(--fg-2)}.settings__input{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:9px 12px;font-size:var(--fs-sm);color:var(--fg-1);transition:border-color var(--dur-fast) var(--ease-standard)}.settings__input:focus{border-color:var(--acorn-500);outline:none}.settings__input::placeholder{color:var(--fg-4)}.settings__save{margin-top:6px}.settings__hint{font-size:12px;color:var(--fg-3)}.ai-spinner{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--acorn-600)}.ai-spinner__dot{width:5px;height:5px;border-radius:999px;background:var(--acorn-500);animation:ai-pulse 1s infinite var(--ease-in-out)}.ai-spinner__dot:nth-child(2){animation-delay:.15s}.ai-spinner__dot:nth-child(3){animation-delay:.3s}@keyframes ai-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}