:root{--brand-yellow:#FFC700;--background-dark:#121212;--text-primary:#E0E0E0;--text-secondary:#888888;--border-color:#2c2c2c;--active-bg:#FFC700;--active-text:#121212}.app-container{max-width:850px;margin:5rem auto;padding:2rem;color:var(--text-primary);display:grid;grid-template-columns:2.5fr 3fr 1.5fr;gap:2.5rem;align-items:start}.column-section{min-height:100px;display:flex;flex-direction:column}.column-header{height:2.5rem;display:flex;align-items:center;color:var(--brand-yellow);font-family:monospace;font-weight:700}.backlog-header{font-size:1.5rem}.sprint-header{font-size:1.75rem;letter-spacing:-.15em}.done-square{width:.8rem;height:.8rem;background-color:var(--brand-yellow)}.header-separator{height:1px;background-color:var(--border-color);margin-bottom:1rem}.input-area{margin-top:.5rem;border-bottom:1px solid var(--border-color);transition:border-color .3s ease}.input-area:focus-within{border-bottom-color:var(--brand-yellow)}.task-textarea{width:100%;background:transparent;border:none;color:var(--text-primary);font-size:14px;font-family:SF Pro Text,-apple-system,system-ui,sans-serif;resize:none;outline:none;padding:.5rem 0;line-height:1.5}.task-textarea::placeholder{color:var(--text-secondary);font-style:italic}.task-list{display:flex;flex-direction:column;flex-grow:1}.task-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;font-size:14px;font-weight:300;cursor:grab;transition:background-color .2s ease;border-bottom:1px solid var(--border-color)}.task-item:hover{background-color:rgba(255,255,255,.03)}.task-content{padding-right:1rem;word-break:break-word}.task-meta{font-size:11px;color:var(--text-secondary);white-space:nowrap;font-style:italic}.active-task{background-color:var(--active-bg);color:var(--active-text);padding:.75rem 1rem;border-radius:5px;border-bottom:none;margin-bottom:0;flex-direction:column;align-items:stretch;box-shadow:0 0 12px rgba(255,204,0,.4)}.active-task .active-task-main{display:flex;justify-content:space-between;align-items:baseline}.active-task .task-content,.active-task .task-timer{font-weight:600;color:var(--active-text)}.active-task .task-timer{font-family:monospace;font-style:italic}.active-task .task-meta{align-self:flex-end;color:var(--active-text);opacity:.7}.active-task:hover{background-color:#e6b300}.done-column .task-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.done-task{opacity:.7}