.kb{display:flex;gap:10px;opacity:0;transform:translateY(12px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);pointer-events:none}.kb--visible{opacity:1;transform:translateY(0);pointer-events:auto}.kb--compact{gap:6px;max-width:520px;justify-self:center;align-self:center;width:100%}.kb--compact .kb__column{opacity:1;transform:none;animation:kbColStagger .5s cubic-bezier(.16,1,.3,1) backwards;animation-delay:var(--col-delay)}.kb--compact .kb__col-header{padding:5px 7px 3px}.kb--compact .kb__col-title{font-size:.56rem}.kb--compact .kb__col-count{font-size:.5rem;padding:1px 5px}.kb--compact .kb__col-cards{gap:4px;padding:0 5px 5px}.kb--compact .kb__card{padding:6px 7px;border-radius:6px}.kb--compact .kb__card:hover{transform:none;box-shadow:none}.kb--compact .kb__card--new{border-color:#e8a83859;box-shadow:0 0 0 2px #e8a83814,0 4px 16px #e8a8380f;animation:kbCardDrop .7s cubic-bezier(.16,1,.3,1)}.kb--compact .kb__card-check{width:12px;height:12px}.kb--compact .kb__card-title{font-size:.62rem}.kb--compact .kb__card-meta{padding-left:17px;gap:3px;margin-top:3px}.kb--compact .kb__card-priority,.kb--compact .kb__card-label{font-size:.48rem;padding:1px 4px;border-radius:3px}.kb--compact .kb__card-source{font-size:.48rem;padding-left:17px}.kb--full{padding:14px;overflow-x:auto}.kb--full .kb__card--new{animation:kbCardDrop .4s cubic-bezier(.16,1,.3,1);border-color:#e8a83859;box-shadow:0 0 0 2px #e8a83814,0 4px 16px #e8a8380f}.kb__column{flex:1;min-width:0;border-radius:10px;background:var(--color-bg-soft);overflow:hidden;opacity:0;transform:translateY(12px);transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);transition-delay:var(--col-delay)}.kb__column--visible{opacity:1;transform:translateY(0)}.kb__col-accent{height:3px;width:100%}.kb__col-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 6px}.kb__col-title{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.kb__col-count{font-size:.58rem;font-weight:700;padding:1px 6px;border-radius:10px}.kb__col-cards{display:flex;flex-direction:column;gap:6px;padding:0 6px 8px}.kb__card{padding:9px 10px;border-radius:8px;background:var(--color-bg);border:1px solid var(--color-border);transition:all .2s ease}.kb__card:hover{box-shadow:0 2px 8px #0000000d;transform:translateY(-1px)}.kb__card--done{opacity:.55}.kb__card-top{display:flex;align-items:flex-start;gap:7px}.kb__card-check{width:14px;height:14px;border-radius:50%;border:2px solid var(--color-border);flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center}.kb__card-check--checked{background:#34c759;border-color:#34c759;color:#fff}.kb__card-title{font-size:.72rem;font-weight:600;color:var(--color-text-primary);line-height:1.3}.kb__card-title--done{text-decoration:line-through;color:var(--color-text-muted)}.kb__card-meta{display:flex;align-items:center;gap:4px;margin-top:6px;padding-left:21px;flex-wrap:wrap}.kb__card-priority{font-size:.56rem;font-weight:800;padding:1px 5px;border-radius:4px}.kb__card-label{font-size:.56rem;font-weight:600;padding:1px 6px;border-radius:10px;background:#6c5ce714;color:#6c5ce7}.kb__card-due{font-size:.56rem;font-weight:600;color:var(--color-text-muted);margin-left:auto}.kb__card-subtasks{display:flex;align-items:center;gap:4px;margin-top:6px;padding-left:21px;color:var(--color-text-muted)}.kb__card-subtasks span{font-size:.56rem;font-weight:600}.kb__card-progress{width:40px;height:3px;border-radius:2px;background:var(--color-bg-muted);overflow:hidden}.kb__card-progress-fill{height:100%;border-radius:2px;background:#34c759;transition:width .4s ease}.kb__card-source{display:inline-flex;align-items:center;gap:3px;margin-top:6px;padding-left:21px;font-size:.54rem;font-weight:600}.kb__card-source--voice{color:#6c5ce7}.kb__card-source--meeting{color:#00b894}@keyframes kbCardDrop{0%{opacity:0;transform:scale(.88) translateY(-14px)}50%{opacity:1;transform:scale(1.03) translateY(0)}to{transform:scale(1)}}@keyframes kbColStagger{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.kb--full{padding:10px;gap:8px}.kb .kb__card-meta,.kb .kb__card-subtasks,.kb .kb__card-source{padding-left:0}}@media(max-width:768px){.kb--compact{max-width:100%}}.task-demo{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;border:none;background:transparent;box-shadow:none;overflow:visible}.task-demo__island-row{display:flex;justify-content:center;min-height:44px;align-items:center}.task-demo__status{width:100%;height:28px;margin-top:-30px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:.68rem;font-weight:700;color:#e8a838;text-transform:uppercase;letter-spacing:1.5px;opacity:0;transform:translateY(4px);transition:opacity .3s ease,transform .3s ease;z-index:2;pointer-events:none}.task-demo__status--visible{opacity:1;transform:translateY(0)}.task-demo__status-dot{width:6px;height:6px;border-radius:50%;background:#e8a838;box-shadow:0 0 6px #e8a83866;animation:taskPulse 2s ease-in-out infinite}.task-demo__stage{position:relative;width:100%;display:grid;grid-template:1fr/1fr}.task-demo__stage>*{grid-area:1/1}.task-demo__popup{width:100%;max-width:420px;justify-self:center;background:var(--color-bg);border-radius:14px;box-shadow:0 12px 48px #0000001a,0 0 0 1px #00000008;overflow:hidden;opacity:0;transform:translateY(16px) scale(.94);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);z-index:2}.task-demo__popup--visible{opacity:1;transform:translateY(0) scale(1)}.task-demo__popup--exit{opacity:0;transform:scale(.82) translateY(-24px);transition:opacity .45s ease,transform .5s cubic-bezier(.16,1,.3,1)}.task-demo__board{align-self:center;justify-self:center;width:100%;opacity:0;transform:translateY(14px) scale(.96);transition:opacity .5s cubic-bezier(.16,1,.3,1) .15s,transform .5s cubic-bezier(.16,1,.3,1) .15s}.task-demo__board--visible{opacity:1;transform:translateY(0) scale(1)}.task-demo__popup-header{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--color-bg-soft);border-bottom:1px solid var(--color-border);font-size:.72rem;font-weight:700;color:var(--color-text-primary)}.task-demo__popup-header svg{color:#e8a838}.task-demo__popup-shortcut{margin-left:auto;font-size:.56rem;font-weight:600;color:var(--color-text-muted);padding:2px 6px;border-radius:4px;background:var(--color-bg);border:1px solid var(--color-border);letter-spacing:.3px}.task-demo__popup-body{padding:0}.task-demo__voice-bar{display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid var(--color-border)}.task-demo__voice-dot{width:7px;height:7px;border-radius:50%;background:var(--color-text-muted);flex-shrink:0;transition:background .3s ease}.task-demo__voice-dot--pulse{background:#e8a838;animation:taskPulse 1.3s ease-in-out infinite}.task-demo__voice-status{display:flex;align-items:center;gap:5px;font-size:.68rem;font-weight:600;color:var(--color-text-muted)}.task-demo__spinner{display:inline-block;width:10px;height:10px;border:1.5px solid var(--color-border);border-top-color:#e8a838;border-radius:50%;animation:taskSpin .6s linear infinite}.task-demo__wave{display:flex;align-items:center;gap:2px;height:0;padding:0 14px;overflow:hidden;opacity:0;transition:height .35s cubic-bezier(.16,1,.3,1),opacity .35s ease,padding .35s cubic-bezier(.16,1,.3,1)}.task-demo__wave--visible{height:26px;padding:5px 14px;opacity:1}.task-demo__wave-bar{flex:1;min-width:0;border-radius:10px;background:#e8a838;opacity:.5;animation:taskWave 1.4s ease-in-out infinite alternate;animation-delay:var(--delay)}.task-demo__transcript{padding:0 14px;max-height:0;opacity:0;overflow:hidden;transition:max-height .35s cubic-bezier(.16,1,.3,1),opacity .3s ease,padding .35s cubic-bezier(.16,1,.3,1)}.task-demo__transcript--visible{max-height:80px;padding:6px 14px 10px;opacity:1}.task-demo__transcript p{font-size:.72rem;color:var(--color-text-muted);line-height:1.45;font-style:italic}.task-demo__cursor{display:inline-block;width:2px;height:12px;background:#e8a838;border-radius:1px;animation:taskBlink 1s step-end infinite;margin-left:1px;vertical-align:text-bottom}.task-demo__parsed{padding:0 14px;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s cubic-bezier(.16,1,.3,1),opacity .4s ease,padding .5s cubic-bezier(.16,1,.3,1)}.task-demo__parsed--visible{max-height:250px;padding:10px 14px;opacity:1}.task-demo__field{display:flex;align-items:center;gap:8px;margin-bottom:6px;opacity:0;transform:translate(-8px);transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}.task-demo__field--in{opacity:1;transform:translate(0)}.task-demo__checkbox{width:14px;height:14px;border-radius:50%;border:2px solid #e8a838;flex-shrink:0}.task-demo__card-title{font-size:.8rem;font-weight:700;color:var(--color-text-primary)}.task-demo__badges{display:flex;gap:5px;margin-bottom:6px;flex-wrap:wrap}.task-demo__badge{display:inline-flex;align-items:center;gap:3px;font-size:.56rem;font-weight:700;padding:2px 7px;border-radius:4px;opacity:0;transform:scale(.7);transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}.task-demo__badge--in{opacity:1;transform:scale(1)}.task-demo__badge--priority{background:#e74c3c1a;color:#e74c3c}.task-demo__badge--label{background:#6c5ce714;color:#6c5ce7}.task-demo__badge--due{background:var(--color-bg-soft);color:var(--color-text-muted);border:1px solid var(--color-border)}.task-demo__subs{display:flex;flex-direction:column;gap:3px}.task-demo__sub{display:flex;align-items:center;gap:6px;font-size:.7rem;color:var(--color-text-secondary);opacity:0;transform:translate(-6px);transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}.task-demo__sub--in{opacity:1;transform:translate(0)}.task-demo__sub-check{width:11px;height:11px;border-radius:3px;border:1.5px solid var(--color-border);flex-shrink:0}.task-demo__source{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding-top:6px;border-top:1px solid var(--color-border);font-size:.6rem;font-weight:600;color:#e8a838;opacity:0;transition:opacity .4s ease}.task-demo__source--in{opacity:.7}.task-demo__summary{display:flex;align-items:center;gap:5px;height:22px;opacity:0;transform:translateY(6px);transition:opacity .5s ease,transform .5s ease}.task-demo__summary--visible{opacity:1;transform:translateY(0)}.task-demo__summary-highlight{font-size:.72rem;font-weight:700;color:#e8a838}.task-demo__summary-label{font-size:.64rem;color:var(--color-text-muted)}@keyframes taskPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes taskWave{0%{height:10%}to{height:var(--h)}}@keyframes taskBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes taskSpin{to{transform:rotate(360deg)}}@media(max-width:768px){.task-demo__popup{max-width:100%}}