:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#202124;background:#f6f7f9;line-height:1.5;--ink: #202124;--muted: #68707d;--line: #dfe3e8;--panel: #fff;--accent: #2457c5;--accent-soft: #edf3ff }*{box-sizing:border-box}body{margin:0}a{color:var(--accent)}button{cursor:pointer}.site-header{min-height:64px;display:flex;gap:1.5rem;align-items:center;padding:.75rem max(1.25rem,calc((100% - 1120px)/2));background:var(--panel);border-bottom:1px solid var(--line)}.brand{color:var(--ink);font-size:1.05rem;font-weight:750;letter-spacing:-.02em;text-decoration:none;white-space:nowrap}.primary-nav{display:flex;gap:.2rem;align-self:stretch;align-items:center}.primary-nav a{color:var(--muted);padding:.45rem .7rem;border-radius:5px;text-decoration:none}.primary-nav a:hover,.primary-nav a.active{color:var(--ink);background:var(--accent-soft)}.account-menu{display:flex;gap:1rem;align-items:center;margin-left:auto}.username{color:var(--muted);font-size:.9rem}.link-button{border:0;background:none;color:var(--accent);padding:.35rem 0}.page{max-width:1120px;margin:0 auto;padding:2.5rem 1.25rem}.session-loading{min-height:100vh;display:grid;place-items:center;color:var(--muted)}h1{margin:.25rem 0 1.5rem;letter-spacing:-.035em}h2{margin-bottom:.15rem}.muted,small,.slug{color:var(--muted)}.eyebrow{color:var(--accent);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.error{color:#8f1d1d;background:#fff0f0;padding:.7rem;border:1px solid #edb7b7;border-radius:5px}.narrow-card,.card,.detail,.panel{background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:1.25rem}.narrow-card{max-width:420px;margin:5rem auto}.cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{color:inherit;text-decoration:none}.card:hover{border-color:#9bb5ed;box-shadow:0 2px 8px #1b2d4d12}label{display:block;margin:1rem 0;font-weight:600}input{display:block;width:100%;padding:.6rem .7rem;margin-top:.3rem;border:1px solid #b7bec8;border-radius:5px;background:var(--panel);color:var(--ink)}button{padding:.6rem .9rem;border:1px solid #aeb6c2;border-radius:5px;background:#f0f2f5;color:var(--ink)}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.6}.filters{display:flex;gap:.5rem;align-items:end;margin:1.5rem 0}.filters input{min-width:0;flex:1}.task-list{border:1px solid var(--line);border-radius:7px;background:var(--panel);overflow:hidden}.task-row{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:1rem;padding:.8rem 1rem;color:inherit;text-decoration:none;border-bottom:1px solid #edf0f2}.task-row:last-child{border:0}.task-row:hover{background:var(--accent-soft)}.detail dl{display:grid;grid-template-columns:130px 1fr;gap:.4rem 1rem}.detail dt{font-weight:700}.detail dd{margin:0}.prose{white-space:pre-wrap;max-width:75ch}.empty-state{max-width:680px}.empty-state h2{font-size:1.05rem}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #9bb5ed;outline-offset:2px}.board-heading{display:flex;justify-content:space-between;align-items:end}.primary{color:#fff;border-color:var(--accent);background:var(--accent)}.board-filters{display:flex;gap:1rem;align-items:end;margin:0 0 1.25rem;padding:.7rem 0;border-bottom:1px solid var(--line)}.board-filters label{margin:0;min-width:130px;font-size:.8rem}.board-filters input,.board-filters select{margin-top:.15rem;padding:.45rem}.board-filters .check{display:flex;gap:.4rem;align-items:center;white-space:nowrap}.check input{width:auto;margin:0}.board{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:.75rem;align-items:start;overflow-x:auto}.board-column{min-height:360px;padding:.65rem;border:1px solid var(--line);border-radius:6px;background:#eef1f5}.board-column header{display:flex;gap:.5rem;align-items:center;margin-bottom:.55rem}.board-column h2{font-size:.9rem;margin:0}.board-column header span{color:var(--muted);font-size:.8rem}.column-add{margin-left:auto;padding:.1rem .45rem;font-size:1rem}.column-empty{padding:1rem .4rem;text-align:center;color:var(--muted);font-size:.85rem}.column-empty button{display:block;margin:.55rem auto;padding:.35rem .5rem;background:transparent}.task-card{width:100%;display:flex;flex-direction:column;gap:.3rem;margin:.45rem 0;padding:.75rem;text-align:left;background:var(--panel);border-color:#d7dce4;box-shadow:0 1px 1px #16233d0a}.task-card strong{font-size:.9rem;line-height:1.3}.task-card:hover{border-color:#8ea9df;transform:translateY(-1px)}.card-project,.tags{color:var(--muted);font-size:.75rem}.priority{width:max-content;padding:.1rem .35rem;border-radius:3px;font-size:.7rem;font-weight:700;text-transform:uppercase}.priority-high{color:#8f1d1d;background:#ffe4e4}.priority-low{color:#51606f;background:#edf0f4}.dropped-list{margin-top:1rem;padding:.7rem;border:1px dashed var(--line);background:var(--panel)}.dropped-list h2{display:inline;margin-right:1rem;font-size:.9rem}.dropped-list button{margin:.2rem;padding:.35rem .5rem}.create-bar{position:fixed;left:50%;bottom:1rem;transform:translate(-50%);width:min(700px,calc(100% - 2rem));padding:.7rem;background:var(--panel);border:1px solid var(--accent);box-shadow:-5px 5px 20px #16233d26;z-index:3}.create-bar form{display:flex;gap:.5rem}.create-bar input{flex:1;margin:0}.create-bar select{max-width:150px}.create-status{align-self:center;color:var(--muted);font-size:.8rem}.detail-pane{position:fixed;top:64px;right:0;bottom:0;width:min(420px,40vw);overflow:auto;padding:1.5rem;background:var(--panel);border-left:1px solid var(--line);box-shadow:-5px 0 20px #16233d12;z-index:2}.detail-pane h2{margin:0 0 1rem;padding-right:2rem}.detail-pane label{margin:.8rem 0;font-size:.85rem}.detail-pane textarea{display:block;width:100%;margin-top:.3rem;padding:.6rem;border:1px solid #b7bec8;border-radius:5px;background:var(--panel);color:var(--ink);font:inherit}.close{position:absolute;top:1rem;right:1rem;border:0;background:transparent;font-size:1.5rem}.field-label{margin:.8rem 0 .15rem;font-size:.85rem;font-weight:600}.readonly-field{margin:0;padding:.6rem;background:#f0f2f5;border-radius:5px}.related{border-top:1px solid var(--line);margin-top:1.2rem;padding-top:.8rem}.related h3{margin:.1rem 0 .5rem;font-size:1rem}.related a{display:block;margin:.35rem 0}@media(max-width:700px){.site-header{flex-wrap:wrap;gap:.5rem 1rem;padding-top:.7rem;padding-bottom:.7rem}.primary-nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:.45rem}.primary-nav a{flex:1;text-align:center}.page{padding-top:1.5rem}}@media(max-width:900px){.detail-pane{width:min(480px,75vw)}}@media(max-width:700px){.board-heading{align-items:start}.board-filters,.create-bar form{flex-wrap:wrap}.create-bar input{min-width:100%}.detail-pane{top:112px;width:100%;border-left:0}}@media(max-width:650px){.filters,.task-row{display:flex;flex-wrap:wrap}.task-row strong{width:100%}}html,body,#app{min-height:100%}body{overflow:hidden}.app-content{height:calc(100vh - 64px);overflow:auto}.board{max-height:calc(100vh - 190px);overflow:auto;padding-bottom:1rem}.board-column header{position:sticky;top:0;z-index:1;background:#eef1f5}.card-stack{min-height:80px}.task-card.dragging{opacity:.45}.drop-placeholder{min-height:2.4rem;margin:.35rem 0;padding:.55rem;border:2px dashed var(--accent);border-radius:5px;color:var(--accent);background:var(--accent-soft);text-align:center;font-size:.78rem}.create-bar{max-height:calc(100vh - 2rem);overflow:auto}.create-bar form{display:grid;grid-template-columns:2fr 1fr 1fr;gap:0 1rem}.create-bar label{margin:.35rem 0;font-size:.8rem}.create-bar textarea{min-height:3rem}.detail-pane{overflow-y:auto}.prose-field h3{margin:.9rem 0 .2rem;font-size:.9rem}.prose-field textarea{min-height:9rem;width:100%}.order-controls{display:flex;gap:.35rem;align-items:center;margin:.75rem 0;color:var(--muted);font-size:.8rem}.order-controls span{margin-right:auto}@media(max-width:700px){.app-content{height:calc(100vh - 112px)}.board{max-height:calc(100vh - 245px);grid-template-columns:repeat(4,minmax(185px,1fr))}.create-bar form{display:block}}.task-card:hover{transform:none}